当前位置:首页 > HTML5

原来扁平化设计还可以这样玩!

栏目分类:HTML5 发布日期:2017-10-11 16:25:00 浏览次数:
平面化 VS 拟物化 的战争已经过去好几年了。扁平化设计彻底占据了如今的主流设计趋势。但是,大局已定的扁平化设计,是否已经固化不变了呢?并非如此。在过去的几年当中,扁平化设计风悄然地进化,变得越来越多样,也越来越有吸引力。

 

扁平化设计特质

对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征:

1)没有多余的效果,例如材质,光影等

2)使用简洁风格的元素和图标

3)大胆丰富且明亮的配色风格

4)尽量减少装饰的极简设计

 

进入2017年之后,扁平化设计仍然是主流,在设计手法和细节上,随着时代的发展而演进,越来越成熟和多样。

 

扁平化元素
 

 

早期的许多扁平化元素在如今的扁平化设计项目中,已经并不适用了。按钮的样式比以往更加简单,圆角矩形的按钮搭配黑色或者白色的文本,在今天更加流行。LOGO和图标采用了扁平化的风格,甚至只是由线条构成,这样不仅和整体风格更搭,而且在很多时候能够突出显示。

 

精简的导航

 

汉堡图标已经成为当前网站的标准配置,设计师可以将非关键因素隐藏在汉堡图标之后的菜单里面。

 

大胆明亮的配色

 

由于扁平化设计对于配色的可接受性更强,网页设计有了更多的可能性。这使得如今的网页设计整体上比以往更加多彩有趣,从单一的颜色到渐变色,许多网页首页甚至采用了图片+色彩叠加的设计形式。

 

极简的首页设计

 

作为目前通行的设计思路,绝大多数网页不再将大量的内容塞满首页,即使拥有多个元素,也尽量让首页专注于单个任务,不再让用户在多个不同的目标或任务之间分心。

 

主次分明的排版

 

将复杂的样式从设计中剥离之后,字体排版的形式感就更加突出了,这种局面使得设计师在进行网页设计的时候,更加倾向于通过优质的排版来强化设计感。

 

动效与反馈

 

将动效和反馈结合起来从而更好的引导用户、同用户沟通,这是如今交互设计和UX设计的关键。

 

大量的留白

 

在屏幕越来越大的趋势之下,通过屏幕留白来突出关键内容是极简设计中最常用的手法,而在简约风盛行的今天,留白也成了许多扁平化风格网页中最常见的设计手法。当然,留白并不一定非得是白色。

 

扁平化图层

 

毫无装饰的扁平化图层同样存在于许多网页当中,它们能成为不同元素的载体,或者单纯的营造空间感。

 

超大的设计元素

 

超大的字体,超大的图片,甚至超大的按钮和图标,都已经不是什么新鲜的设计手法了,它们借助过人的体积感和强有力的对比来制造视觉奇观,是非常有用的设计技巧。这种设计手法在早期的扁平化设计就有了,现在使用很频繁。

 

想不到扁平化还有这么多玩法吧!
 

本文仅为提供更多信息,不代表AAA教育同意其观点或描述,如需转载请注明出处。
标签