PS设计教程网欢迎你!

详细解析网页UI扁平化设计的五个特点(2)

文章来源于 优设,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2013-06-05
4.如何配色 扁平化设计中,配色貌似是最重要的一环,扁平化设计通常采用比其他风格更明亮、炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会

4.如何配色

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

扁平化设计中,配色貌似是最重要的一环,扁平化设计通常采用比其他风格更明亮、炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种。

而且扁平化设计中,往往倾向于使用单色调,尤其是纯色,并且不做任何淡化或柔化处理(最受欢迎的颜色是纯色和二次色)。另外还有一些颜色也挺受欢迎,如复古色(浅橙、紫色、绿色、蓝色等)。

5.最简方案

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

设计师要尽量简化自己的设计方案,避免不必要的元素在设计中出现。简单的颜色和字体就足够了,如果你还想添加点什么,尽量选择简单的图案。

扁平化设计尤其对一些做零售的网站帮助巨大,它能很有效的把商品组织起来,以简单但合理方式排列。(编者注:有兴趣的读者可以自行寻找一些例子,原文作者推荐看 Svpply,但是网站与作者的描述略有不符,故略过不提。)

伪扁平化设计

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

详细解析网页UI扁平化设计的五个特点

最近还有一种趋势值得关注,一些设计师把某一项特效融入整体的扁平化之中,是其成为一种独特的效果。比如说,在简单的按钮加一点点渐变或阴影,从而使这种风格成为其特色,产生出一种扁平化设计的变种。这种设计要比单纯的扁平化更具有适用性和灵活性。

许多设计师比较喜欢这种设计,因为这意味着他们可以加点阴影或透视在某些元素上。用户可能也会喜欢这种稍微圆滑一点的设计方式,这能引导他们进行一些适当的交互。

但是,还有另一部分设计师并不喜欢这种定位模糊的设计方式。

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa