近10年UI设计发展趋势分析
来源：成都万息岗前培训
时间：03-05
今天，跟大家聊一聊近十年的UI设计发展趋势，大概分3部分：，移动互联网的前世今生；第二，近十年UI界面与图标发展趋势；第三，扁平界面的特点
近10年UI设计发展趋势分析
今天，跟大家聊一聊近十年的UI设计发展趋势，大概分3部分：
，移动互联网的前世今生
第二，近十年UI界面与图标发展趋势
第三，扁平界面的特点
下面我们做一一阐述：
首先，先来说说移动互联网的前世今生，我觉得从互联网到移动互联网的发展大体可以分为三个发展阶段：
①阶段1：1994-1997
1994年4月20日，通过一条64K的国际专线，全功能接入国际互联网，中国互联网时代正式开启。记得那一年我还在上小学，当时买不起电脑，家里有一台小霸王中英文电脑学习机，童年的回忆啊。
1996年早春的一天，北京中关村南大门零公里处竖起了一块硕大的广告牌：中国人离信息高速公路有多远——向北1500米。那个时代，每天骑车去中关村小黑屋里买光盘，当时骑车也不觉得累，那个全民创业的时代，所有当时卖光盘的小老板，现在基本都在上市边缘了。
1997年，中国互联网络信息中心(CNNIC)正式成立后次发布了《中国互联网络发展状况统计报告》：截止到1997年10月31日，中国共有上网计算机29.9万台，上网用户数62万，CN下注册的域名4066个，WWW站点约1500个，国际出口带宽25.408M。当年我攒了台电脑，14寸显示器，1.18G硬盘，16MB内存，3.5寸软驱，4X的CD光驱，奔腾1代133处理器，花了1万，痛啊。。。
②阶段2：1997-2006
1997年，ISP(互联网服务提供商)逐渐退出历史舞台，ICP(互联网内容服务提供商)接过大旗。
1998年互联网作为一种新的开放力量出现，中国商业互联网兴起。新浪、搜狐、网易三大门户网站均已亮相，马化腾在1998年底也创办了腾讯，中国互联网正式进入门户时代。这几年，BAT相继成立，老牌二线互联网公司基本都是这几年在纳斯达克完成上市的。
网易1997年成立丁磊2000年6月上市
新华网1997年11月7日成立1999年7月12日上市
搜狐1998年2月成立张朝阳2000年7月12日上市
新浪1998年12月成立王志东现任曹国伟2000年上市
腾讯1998年11月11日成立2004年6月16日上市
百度2000年1月成立2005年8月5日上市
阿里巴巴1999年成立2014年9月19日上市
2000年，以网络游戏和博客为代表的应用的兴起，给一直烧钱的互联网企业注入了来自市场的新鲜血液。我记得搜狐当时并购了Chinaren校友录，17173，还有畅游。
每个人的童年都有一部诺基亚手机，可以在课桌里盲打的手机，不知道大家有没有记忆，回忆一下自己年轻的时候在，在用什么样的手机，我当年用的是一部刘德华关之琳代言的爱立信T28翻盖手机，老帅气了。
2006年，中国互联网信息中心(CNNIC)发布第18次互联网报告显示，截止2006年6月30日，中国网民总人数为1.23亿，增加2000万人，与去年同期相比增长19.4%。这一年的统计报告中次公布我国手机上网人数300万人。这个时代的手机基本是4096色或者64位真彩色的彩屏手机了。
③阶段3：2006-2018
2006年之后，中国互联网迎来应用的飞速发展，互联网的每个变化开始让普通人挂记。网络视频、网络广告、游戏、电商、SNS不仅是互联网起飞的引擎，也让普通人的生活极大丰富。WiFi和3G、4G网络的全面铺开，使互联网开始向移动互联转型。伴随着移动互联网的高速发展，各种移动APP应用给市场注入更多活力。
2008年开心网，代替了之前的Chinaren校友录，成为SNS平台的鼻祖，争车位，买房子送花园，偷菜，钓鱼，各种游戏，成为上班族白领每天必须的2008-2012年，记得我每天早上上闹钟。。。
2008年开始导入的云计算概念，也使得互联网企业在分布式存储系统、数据中心虚拟化等云计算关键技术方面取得了突破。
2010年微博元年。你还记得每天刷微博的时代吗？搜狐微博，新浪微博，网易微博，腾讯微博，全免费时代，发私信时代
2011年微信元年。你还记得你微信加的个好友是谁吗？
2013年，手机的网民数量首次超过PC网民，移动互联网的发展方兴未艾。
2015年，全国两会上，“互联网”首次进入政府报告，我国将互联网提升至战略性新兴产业的高度加以鼓励和扶持。
到了2017年，中国互联网络信息中心（CNNIC）已完成第39次《中国互联网络发展状况统计报告》，报告中详细分析了中国网民规模情况，截至2016年12月，中国网民规模达7.31亿，全年共计新增网民4299万人。互联网普及率为53.2%，较2015年底提升了2.9个百分点。
中国已经成全球网民数量最多的国家，同时也是全球移动网民人数最多的国家。互联网正高速发展，大数据，云计算和人工智能等高新技术为互联网的未来腾飞打下基础，拥抱互联网，就是抓住未来人生的机会。满集网助你拥抱互联网，实现下个人生的腾飞。
2018年，大屏的时代，比特币区块链，大数据，人工智能的时代，移动互联网已经进入每个人的生活去农村采摘，去农家院吃农家饭，去路边八旬老太天买大枣，都用微信支付，上到九十九，下到刚回走，移动互联网已经跟我们的生活分不开了。
第二，说说这十年吧。
2009年，中国移动互联网进入萌芽时期……
设计风格多以偏写实为主，讲究炫酷，抢视野，强烈突兀，
注重用户印象。
而用户体验的意识还没成熟，甚至没有成型。用户体验
2009年—2012年的风格
设计风格多以写实拟物化为主，设计讲究一定的统一性。
开始注重用户触感和用户体验。
Image title
2012年之后W8，然后是iOS7，谷歌先后推出扁平风格，把用户关注的重点更多的吸引到内容本身，而不是界面本身。
用户体验设计才真正的存在于互联网行业。用户体验
2016年沉浸式体验设计
增加用户粘性，留住用户
沉浸式体验设计
2017年扁平式设计，现在也很流行，不需要加过多效果
极简文字图像相结合无框架设计动画重塑产品形象深色背景卡片式布局几何图形的应用C4d
增加记忆点自身产品完善创新
扁平式设计
2018年大坪时代
短视频关怀设计真实人物场景——————逼格
关怀设计
第三，扁平界面的特点，我大概总结了5条：
扁平化设计方法：
①尽可能使用简单元素
简单设计比如说：按钮上带有轻微渐变的圆角设计，表单部分浅浅的阴影效果，导航栏轻微悬浮的效果。如果去除这些细节，界面中的每个元素都将被置于同一水平面，用户在使用时将不可避免地产生疑惑：这是一个按钮还是一个导航栏？如果我点击它，会出现什么？
所以要适当加一些小效果，物极必反，不要太复杂
②尽量少出现特效
少出现特效
扁平化设计概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。
如果加了拟物化的装饰，就会显得格格不入，比较突兀，会让按钮与背景图片、文本、导航栏很突兀。
如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。
③使用醒目、明亮的色彩
色彩使用设计
扁平化设计中，配色尤为重要更明亮、炫丽的颜色更多的色调，比如，其他设计最多只含两三种主要颜色，但是扁平化设计中会平均使用六到八种。
而且扁平化设计中，往往倾向于使用单色调，尤其是纯色，并且不做任何淡化或柔化处理（最受欢迎的颜色是纯色和二次色）。另外还有一些颜色也挺受欢迎，如复古色（浅橙、紫色、绿色、蓝色等）。
④非衬线字体的排版
非衬线字体的排版
通常使用简介的字体，不要过于花哨，尤其是多使用非衬线字体，不要带太多装饰，要让界面更加简介，扁平化的设计，通常用字体来创建设计者需要的风格。非衬线提与图片的结合，可以左图右文，右图左问，内容为王，谁放在左上，取决于内容的重要度。
⑤简洁交互与简约图案
简洁交互与简约图案
交互效果尽量简单易操作，能做选择题就别做填空题，能一目了然就不要在二级页面出现，能放首页就别放侧栏，如果一定需要侧栏，一定要层级清晰，逻辑结构清晰，打开二级页清晰看到二级导航的位置，让交互更直观，简单易操作，易用性。
另外，图案要尽量简约，采用线性的图标，少用拟物化或者填充式的图标，大色块是一种流行的W8趋势，比较适合做大色块的平铺板块，比如去哪网，携程网，美图秀秀，视频网站首页大色块划分等列表页也要尽可能简单明了，清晰的非衬线提搭配大色块的划分，增加用户识别度，透气，干净，让页面更轻量级，空间感强。
设计师要尽量简化设计方案，避免不必要的元素出现在设计中。简化界面的同时，更重要的是做到使用上的简洁方便。
最简风格，是共性中找特性。最简风格是扁平化设计最简单有效的设计方法了。避免了一些花哨的元素，但一个简洁页面或者摄影或者插画作为背景图，会增加意想不到的效果。适当融合，主体可以适当加入轻微的梯度阴影，让用户有种似有似无的立体感，这种微阴影的加入，并不会打破扁平化设计的二维特点。
以上这3点，我从互联网的前世今生、近十年趋势以及扁平界面特点角度介绍了近十年UI设计发展的趋势，欢迎大家交流学习。
