设计师必读 | 2017年Web设计10大流行趋势解读！

新年伊始，当我们重新着眼已完成的设计与未开展的项目时，正是将新趋势融入设计框架的绝好时机！

从技能性的趋势到配色与字体，2017年都将迎来全新的创意与视觉概念。接下来，让我们来看看十大趋势究竟是什么吧——

— 1 —

渐变设计复兴

前几年渐变设计一度淡出大家视野，在2017年渐变设计将迎来大复活，但是颜色的模糊方法会有所改变。以前渐变设计总体上是浅色的过渡变化，苹果的iOS图标最好的例子。2017年的渐变将使用更加丰富鲜艳的色彩。

最常见的用法是在摄影作品上使用双色渐变的技巧，视觉效果十分出彩。稍作改变就会让平凡的照片拥有别样的魅力。另外，采用渐变设计的背景会牢牢吸引住用户的注意力。

— 2 —

有声动画的兴起

从YouTube的短片到长电影，用户已渐渐习惯了用自己的终端设备来观看动画视频。Web设计可以利用宽屏让动画视频与声音同时重现，营造一种真实的观影感受。

但是并不是所有的用户都会接受一打开页面就自动播放的设计，所以最好设有ON/OFF的开关按钮。声音也是用户体验的一部分，对提升内容魅力是十分有必要的。恰当地将动画视频与语音内容的结合，会呈现无与伦比的效果。

— 3 —

Web+VR设计

虚拟现实（VR）的话题性从2016年延续到了2017年。VR的应用将不再局限于游戏领域，关于Web+VR的网页设计也被逐渐重视。越来越多的网站主页采用360度全景拍摄作为背景，利用三维立体效果，结合高度的交互体验。

— 4 —

视差滚动

视差滚动，是2016年设计的大趋势之一，2017年设计师将以鼠标动作为基础更加深入地思考，未来的视差效果将不局限于鼠标滚动动作。2017年的大部分设计趋势的关键是营造真实感的使用氛围，视差效果也不例外。在屏幕上的动作越多，越能提升用户的参与感。

— 5 —

中性色调色盘

近两年的web设计都是以十分有冲击性的色调为主，2017年的年度色彩Greenery（草本绿）或许会给大家更多的启发。设计师们未来可以尝试使用更多的绿色与米色等自然系配色，霓虹般的色彩将不再是主流。

— 6 —

永不过时的极简主义

越来越多的设计开始摒除多余元素，减少信息量，突出重点。设计师使用一至两个简单的元素构建画面，搭配简约的页眉设计，吸引用户往下翻看。通过不断向下滚动来展示更多的详细内容，引人入胜。

— 7 —

材料设计&视觉关联

左右轻滑查看更多

材料设计的精髓在于在网页上还原真实世界。通过“仿真”的设计元素，给用户创造某种感觉和关联，影响他们观看屏幕、看待各种交互与运行的方式。由于物理规律并不作用于数字世界，很有必要展示出某种关联。

— 8 —

可穿戴智能设备的影响

左右滑动查看更多

虽然现在可穿戴技术正处于起步阶段，但它未来必将快速发展。所有的可穿戴技术的基本功能已经在逐步完善，社交媒体，即时聊天，拍照和视频。当下，网页设计师更多的在为适应移动技术做最好的用户体验，未来也将为可穿戴技术创建一个美观与功能性兼顾的用户体验设计。

— 9 —

新型的导航菜单

导航菜单的位置不需要一直局限在顶部。弹出型的菜单将成为成为趋势。

左右轻滑查看更多

在设计导航菜单的样式时，需要仔细揣摩用户模式。导航系统可以简单地找到吗？用户能直观地理解用法吗？如果答案是否定的，那就再重新思考一下吧？

— 10 —

趣味字体设计

因为网页字体的数量和兼容性增加了，利用有趣的字体的设计倾向变得更强烈。无论风格与时代如何，字体设计始终在不断革新。用户对大多数页面都使用的Sans-serif字体已经感到厌倦了，从复古怀旧的字体到完全定制的字体排印，每一处都需要设计师用心思考。

翻译编写自：photoshopvip

关于水晶石教育华南区实训基地

水晶石教育历经二十年的品牌积淀，品质始终如一，以培养实战型创意人才为目标，是中国视觉艺术人才培养基地的领导品牌！目前，在华南地区广州、深圳、佛山相继成立直营教育中心，课程包括：高级UI&UE设计专业、VR+建筑可视化专业、VR+室内设计专业、影视包装专业、游戏原画专业。

了解水晶石教育华南区实训基地课程，回复“课程名称+姓名+电话”即可，咨询QQ：2412599314，咨询电话：400-618-2080

点击"阅读原文" 报读课程，赢取学习大礼包！