2016年-数据局_普华永道：2016年度视觉设计趋势分析_18页_4mb

2016年度视觉设计趋势分析总结

核心内容

2016年度视觉设计趋势分析由沪江用户体验部视觉组主导，旨在系统梳理设计趋势，为产品设计提供专业指导。分析过程分为四个主要阶段：收集素材、划分维度、小组讨论、提炼合并。通过对互联网、平面媒体、工业设计、时尚、建筑室内五大主流领域的素材进行归纳，从字体、颜色、材质、形状、版式、动效六个维度进行总结，最终提炼出多个关键词风格，涵盖色调、材质、曲线、折叠、动效等方面。

主要观点

• 低饱和度色调：整体设计趋势更偏向沉稳安宁，低饱和度的色彩搭配营造出柔和、平衡的视觉效果，有助于放松用户心情。
• 扁平化设计进阶：扁平化趋势持续发展，从纯扁平演变为“弱渐变 + 浅阴影”结合的形式，增强了界面质感与层次感。
• 复古风格回归：复古色系和复古元素在设计中重新受到关注，尤其是低饱和度的复古色，为产品带来优雅感。
• 曲线设计：曲线成为界面设计的重要元素，增强了视觉美感和空间感，广泛应用于控件、图表、字体等设计中。
• 折叠设计：通过折叠形式表现空间感，成为2016年的设计重点，从产品设计到界面布局均有体现。
• 动效与视频应用：随着网络性能提升，短视频和动效在网页与移动端界面中广泛应用，提升了用户体验与品牌展示效果。

关键信息

色调趋势

• 低饱和度：柔和、平衡，营造清新简约氛围。
• 复古色系：低饱和度复古色成为产品主色调，更具优雅气质。
• 冰激凌色调：能带来平静、放松的视觉体验，适合搭配多种低饱和度色彩。

材质与风格

• 磨砂材质：作为扁平设计的一种变体，增强了界面质感。
• 复古花纹：通过混搭复古元素与文字，提升设计的空间感与主体性。
• 错层叠色：模仿古早印刷风格，通过错位叠加增加画面趣味性与光影层次。

曲线运用

• 曲线设计：应用于控件、图表、字体等，使界面更美观、更具戏剧性。
• 折线与折叠：折线设计有效表达空间层级关系，折叠形式使平面更具立体感。

动效与视频

• 短视频背景：替代传统静态Banner，增强视觉冲击力与品牌表达。
• 动效引导：在新用户引导和新功能介绍中，短视频和动效提升趣味性与亲和力。

运用建议

• 界面设计：可采用低饱和色调作为背景，突出主体内容；结合磨砂材质和复古花纹，增强设计质感。
• 图标与元素：使用曲线元素和错层叠色风格，使图标和界面小元素更具视觉吸引力。
• 引导与教学：通过短视频和动效引导用户，提升引导效果和用户体验。
• 折叠与层次：在界面布局中运用折叠形式，增强空间感和视觉层次。

感谢

• 感谢上海交通大学设计趋势研究所傅炯老师在趋势研究方法与专业知识上的指导。
• 感谢沪江基础事业群视觉趋势小组所有成员的辛勤付出。

参与人员

• 贺鸣、俞璐、陈闽江、董婷、葛彬、庞浩然、姚佳琪、胡伊青、金宇阳、李之云、刘宗雷、野丹、连瑞霞、张明珠、肖美玲、张义、王璐、叶晓倩、孙娜、钱圣云、张尧君、刘时芹、李诗绮、邓宇杰、杜若溪、徐紫燕、康雨亭