作者：沪江用户体会部视觉规划团队
前语
阅历了整个2015年，沪江的视觉规划团队从需求的接受方开端逐渐转型，开端从专业视点发现问题，提出产品改善的需求，并推动执行，从下而上搜集和从上而下推导两种方法的结合，有利于咱们整理更多能够沉积的内容。
这次视觉规划趋势剖析的流程分为：搜集资料－区分纬度－小组讨论－剖析聚类几个首要阶段：
1. 从互联网、平面媒体、工业规划、时髦、修建室内等五大干流范畴进行资料搜集；2. 依据字体、色彩、原料、形状、版式、动效六个维度概括;3. 从前期的脑爆到后期继续做减法，兼并共性部分，终究聚类出多个关键词风格。
每个关键词风格包括概念简述和运用事例两部分。从中，咱们能够看出在不同的规划范畴存在着相当多的通用性，也对怎么运用在沪江的产品中也有着很大的辅导价值。
期间，十分感谢上海交通大学规划趋势研讨所 傅炯教师予以趋势研讨办法与专业知识上的尽心辅导。
步入2016，咱们希望能更专业，更系统，更全面地整理出一份能够作为咱们未来作业专业辅导方向的剖析。无论是对内部团队的学习概括，提高职业敏感度；仍是对外提高团队影响力，都是新一年咱们想要走的方向。
– 沪江用户体会部 视觉规划团队
柔软冰激凌 LIGHT ICE CREAM
概念简述
低饱满度的色彩,冷暖交融,不鲜亮耀眼,却更柔软平衡。无视资料的软硬,冰激凌色彩都能让咱们安静、放松。其自身也能够与各种低饱满度的色彩轻松调配。
这一年来，盛行色彩趋势越来越倾向沉稳安定。他们好像空气一般，经过明媚的调配吹起一股新鲜怡然的精约之风，朴素、新鲜的日子之美直入人心。
运用事例
柔软的色彩越来越多地运用到界面中，作为网站的布景色营建调和的气氛以杰出远景主体；作为图标色的运用也日益广泛，表达质量的一起不失生动性；在各类运营图中，以柔软丰满的色彩代替过于扎眼夺目的，提高界面环境的全体气质。
弱突变光影 GRADIENT SOFT SHADOW
概念简述
跟着扁平化趋势的开展，从开端的纯扁平基础上逐渐增加了更多细节化元素。无论是拍摄仍是插画，同色系弱突变与浅暗影相结合，浅暗影突显重要转机面，真假收放有度，营建出柔美调和质感。
运用事例
在扁平基础上增加的突变光影越来越成为一种干流趋势，无论是体现界面的层次，或图标的质感都能够运用这类元素。
在运营活动中也可参加大块布景，以及文字的改变，使画面变得丰厚更招引用户。
复古混搭 MIX VINTAGE
概念简述
现在海报规划中，盛行什物、图形与文字前后层级摆放，运用不同原料的混搭，打破了一般的图文排版办法，在2d的环境下营建出3d的纵深感；时髦圈近来低沉内在的复古色系将会强势来袭，比照上一年的亮色系，饱满度较低的色彩，能够协助咱们舒缓压力，放松心境；一些修建墙面和工业规划范畴的陶瓷运用特别原料，营建出美轮美奂的半透明质感。
元素提炼
复古斑纹与文字的混搭办法在营建空间感和强化主体方面有杰出作用。
磨砂原料是扁平规划的一种变异方法，是在扁平加弱突变的框架下，又加上了原料的作用。
复古色被越来越多的产品挑选，低饱满的复古色来作为产品的主色彩，愈加高雅。
运用事例
网页的banner或许专题网页的规划能够复古色和复古元素体现更有质感的细节；这种带有复古质感的风格2015年末开端盛行起来的，现在有一些引导页现已开端也采用了这种风格来丰厚画面，咱们在将来也能够运用到引导页、闪屏，以及一些icon的规划傍边。
动感曲线 DYNAMIC CURVE
概念简述
最美的规划，天人合一，应该是圆润的，有曲线的。
工业规划考究“人体工程学”，著作都已变得有弧度。修建大师扎哈说“没有曲线没有未来”。
曲线在本来四四方方的移动端，让展现的页面更美、更戏曲、更博爱。
运用事例
曲线在视觉系统里的运用比较多元，无论是控件元素仍是一些可视化图表都走向了以弧线代替直线的方向。
以曲面来解构物体是一种相似低面建模的办法，在扁平质感上突显体积感，不失柔韧亦有空间感。
这种方法广泛运用于ui界面元素中，不止图形和字体，经过这些弧线元素的组合后有用提高了整个界面的视觉体会。
错层叠色 DISLOCATION OVERLAY
概念简述
线型风格的图形款式现已风行了一段时间，以扁平化的元素装点，在单色描边的款式上增加更多质感。
错层叠色相似古早印刷的风格，在描边基层以纯色平铺进行叠加，一些新的涂色计划是稍微错位的，使画面赋有更多生动趣味性。亦可用淡色平铺作为暗影，增加扁平光影感，即契合时下扁平风又不失细节特征。
运用事例
在这两年的网页和移动界面中常常运用的办法，在一些界面小元素上运用这样的风格丰厚画面细节和情感染元素。如引导页、图标、以及页面提示等。
从简略的涂色体现暗影到错层叠色，这样的办法能够很好一起表达暗影和高光部分，滑润的边际使图形更清新不黏腻，比一般的扁平涂色更有质感。
暗影折叠 SHADOW PLEATS
概念简述
为了让用户愈加聚集在他们所应该重视的内容上，规划师们经过各种办法削减、弱化界面元素，运用形状与景深来表达空间层级联系。其间，折线运用最为天马行空，事半功倍。
怎么让一张纸能立起来不倒？——折叠，能够容易让平面变为立面。无论是Nike Lab最新系列的百褶花边规划，仍是来 IF 规划的获奖花盆，或是“折叠规划”开山祖师三宅终身的Issey Miyake包包，平面三角形折叠在修建学中的运营更是天马行空，在2016它将会继续发光发热。
运用事例
在低面建模盛行了一段时间之后，折叠以各种类同方法继续发热中。
从形体自身延续到布景，从规矩到不规矩，各种形状的实验性彼此折叠，成为2016十分风趣的规划要点。
满屏视频 FULL-SCREEN VIDEO
概念简述
近来，跟着功用和网速的提高，越来越多的短视频作为布景在网页和移动端上流畅地播映，代替了网页首屏banner和APP功用介绍。 比较静态画面，视频和动效能够更好地展现产品特性，更直观地展现品牌形象。
运用事例
除了代替大幅面的图片，带来更强的视觉形象之外，一个常见的视频元素运用场景还在于新用户引导和新功用介绍，许多APP在初次启动时触发的引导页不再是以静态图片和文字或许最为经（lao）典（tao）的蒙层引导，而是以短视频的方法为用户展现运用场景和操作办法；在用户运用过程中，新功用的引导也参加了真人视频教育的办法，增加了引导的趣味性和亲和性。
关于视频元素在界面规划范畴的运用，在沪江交互规划团队的2016年度规划趋势剖析中将进一步打开。
下载网址：http://pan.baidu.com/s/1eRsXuCi
上一年今天运营文章2023:科普丨关于数据剖析模型的十问十答(0)2023:LinkedIn（领英）：从50万增长到5亿用户(0)2023:小红书-薯条产品通案（36P）(0)2023:刘澜10句口诀打造领导力(0)2022:《准则》-24张思想导图合集(0)
微信扫一扫 
支付宝扫一扫 
