近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年的风格

设计风格多以写实拟物化为主，设计讲究一定的统一性。

开始注重用户触感和用户体验。

2012年之后W8，然后是iOS7，谷歌先后推出扁平风格，把用户关注的重点更多的吸引到内容本身，而不是界面本身。

用户体验设计才真正的存在于互联网行业。

2016年 沉浸式体验设计

增加用户粘性，留住用户

2017年 扁平式设计，现在也很流行，不需要加过多效果

极简 文字图像相结合   无框架设计   动画   重塑产品形象   深色背景   卡片式布局    几何图形的应用    C4d

增加记忆点 自身产品完善创新

2018年 大坪时代

短视频   关怀设计    真实人物场景——————逼格

第三，扁平界面的特点，我大概总结了5条：

扁平化设计方法：

① 尽可能使用简单元素

比如说：按钮上带有轻微渐变的圆角设计，表单部分浅浅的阴影效果，导航栏轻微悬浮的效果。如果去除这些细节，界面中的每个元素都将被置于同一水平面，用户在使用时将不可避免地产生疑惑：这是一个按钮还是一个导航栏？如果我点击它，会出现什么？

所以要适当加一些小效果，物极必反，不要太复杂

② 尽量少出现特效

扁平化设计概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。

如果加了拟物化的装饰，就会显得格格不入，比较突兀，会让按钮与背景图片、文本、导航栏很突兀。

如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。 

③ 使用醒目、明亮的色彩

扁平化设计中，配色尤为重要更明亮、炫丽的颜色更多的色调，比如，其他设计最多只包含两三种主要颜色，但是扁平化设计中会平均使用六到八种。

而且扁平化设计中，往往倾向于使用单色调，尤其是纯色，并且不做任何淡化或柔化处理（最受欢迎的颜色是纯色和二次色）。另外还有一些颜色也挺受欢迎，如复古色（浅橙、紫色、绿色、蓝色等）。 

④ 非衬线字体的排版

通常使用简介的字体，不要过于花哨，尤其是多使用非衬线字体，不要带太多装饰，要让界面更加简介，扁平化的设计，通常用字体来创建设计者需要的风格。非衬线提与图片的结合，可以左图右文，右图左问，内容为王，谁放在左上，取决于内容的重要度。

⑤ 简洁交互与简约图案

交互效果尽量简单易操作，能做选择题就别做填空题，能一目了然就不要在二级页面出现，能放首页就别放侧栏，如果一定需要侧栏，一定要层级清晰，逻辑结构清晰，打开二级页清晰看到二级导航的位置，让交互更直观，简单易操作，易用性。

另外，图案要尽量简约，采用线性的图标，少用拟物化或者填充式的图标，大色块是一种流行的W8趋势，比较适合做大色块的平铺板块，比如去哪网，携程网，美图秀秀，视频网站首页大色块划分等列表页也要尽可能简单明了，清晰的非衬线提搭配大色块的划分，增加用户识别度，透气，干净，让页面更轻量级，空间感强。

设计师要尽量简化设计方案，避免不必要的元素出现在设计中。简化界面的同时，更重要的是做到使用上的简洁方便。

最简风格，是共性中找特性。最简风格是扁平化设计最简单有效的设计方法了。避免了一些花哨的元素，但一个简洁页面或者摄影或者插画作为背景图，会增加意想不到的效果。适当融合，主体可以适当加入轻微的梯度阴影，让用户有种似有似无的立体感，这种微阴影的加入，并不会打破扁平化设计的二维特点。

以上这3点，我从互联网的前世今生、近十年趋势以及扁平界面特点角度介绍了近十年UI设计发展的趋势，欢迎大家交流学习。

- END -

我是lala

有用的经验分享给你