网路潮流总是时刻变动,每年总会诞生新潮流,有的退流行,也有的持续成长。这篇文章帮大家整理 2017 的流行网页设计元素,希望能帮助大家做出更棒的网站。
1. 亮色与渐层
饱和的渐层色大概是 2107 最明显的潮流了,间曾与亮色近期已经开始有不少应用,包括 Instagram、Stripe、Asana 等科技品牌都利用类似的元素来重新定位品牌形象。
2. 大片阴影重返流行
在浅色阴影流行一段时间后,Repick 认为厚重阴影会重回流行。
3. 大型粗体字
字体排版(typography)潮流年年变换,从 Dribble、Behance、Pinterest 等设计社群甚至 UX 设计师的个人页面、企业官方网站都可以观察到字体趋势变化。字体排版绝非只是把漂亮的字型加上好看的背景就行,它是 UX ,甚至几乎所有设计的基础重点。它能毁掉或拯救整个专案,它能增强你的故事和情绪表达,帮助你和使用者沟通。接下来的这一年我们可以预期愈来愈多粗体字型增加。
4. 汉堡选单 Bye Bye
作者本身相当讨厌 汉堡选单(Hamburger menu),这种设计让他的 app 变得更复杂,而且很难导向,很多 app 都已经抛弃了这种选单。2016 年可以看到很多网页已经改採扁平式页籤选单,Repick 认为明年将有更多的网页或软体加入这股潮流。
5. 微互动(micro-interaction)
像是标题常见的字级变化互动、视窗活动等微互动将成为 UI 和 UX 规划的重点,尤其是在行动装置或小萤幕装置上。
微互动让使用者透过与 UI 互动,认知到现在正在发生什么事、刚刚发生了什么是、接下来又要发生什么事。随着硬体的进步及设计素材库的辅助,让开发者更容易添加这些功能。
6. 不寻常的版面配置和栏位
2017 年将会比 2016 年更有创意,设计师最近开始想方设法做出特别的栏位和排版。很多网页将字体和图像元素重叠,做出独特的网站,在市场竞争中脱颖而出。
7. 长长的捲动页面
Repick 预测新的一年将有许多连续捲动,看不到底的网站。长捲动式网页使用起来直觉又简单,比起找不到选项的网站地图,朝着对使用者更友善的方向前进。
8. 进阶动画
在 2016 年,可以观察到网页设计中动画比重增加的情形,相信接下来的一年这股风潮将持续成长。动画逐渐成为基本配件,而非附加功能。也因此,动画成了应该在规画概念前就该先考虑进去的元素,而不是事后再来制作。
动画不只能吸引注意而已,它还能指引用户接下来应该要怎么做。动画是让使用者经验更舒适、简单的好方法。
9. 告别粗糙的样板影像
网页改变的速度很快,品牌现在都在尝试着建立自己的专属形象,绘图和影像出现在横幅、特制的图示和漂亮的动画视觉这些地方。所以粗糙、缺乏想像力的的图库样板影像已无容身之处。
另外一个原因则是,像 Pexels 这种提供优质免费图片的网站愈来愈多,在新的一年,上面这种死板的图片将不会出现在新的网站上了。