设计的风格多种多样,每一种都有鲜明的特征。这里我们主要讨论一下目前中的:扁平化。

网站设计风格趋势

1.扁平化

1.1 网站设计扁平化设计是指舍齐渐变、阴影、高光等拟物化的视觉效果,从而打造出一种看上去更加平面的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。扁平化设计风格的逐渐兴起也可以看作是对多年以来过度设计、过度雕琢的界面风格的逆袭。扁平化通常以四种风格出现:常规扁平化、长投影、投影式、渐变式。

2.拒绝特效

2.1 扁平化这个概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等,能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化、渐变或者阴影。如今从网页到手机应用无不在使用扁平化的设计风格,尤其在移动端设备手机、平板电脑上,因为屏幕的限制,使得这一网站设计风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,使用起来格外简单。

3.界面元素

3.1 扁平化设计通常采用许多简单的用户界面元素,诸如按钮或者图标之类。设计师们通常坚持使用简单的外形(矩形或者圆形) ,并且尽量突出外形,这些元素一律为直角(极少的一些为圆角)。这些用户界面元素可以方便用户点击，极大地减少用户学习新交互方式的成本,用户凭经验就能大概知道每个按钮的作用。此外，网站设计扁平化除了简单的形状之外,还包括大胆的配色。但是需要注意的是,扁平化设计不是说简单地搞些形状和颜色搭配起来就行,它和其他设计风格一样,是由许多的概念与方法组成的。

4.优化排版

4.1由于网站设计扁平化设计使用特别简单的元素,排版就成了很重要的一环,排版好坏直接影响视觉效果,甚至可能间接影响用户体验。字体是排版中很重要的一部分,它需要和其他元素相辅相成。在扁平化设计作品里尽量采用简洁的无装饰感的字体,这也可以成为简化设计的有力武器。

5.如何配色

扁平化设计中,配色是最重要的一环,扁平化设计通常采用比其他风格更明亮、更炫丽的颜色。明亮的色彩能带来一种活力感和趣味性,柔和、细腻的色彩却无法做到这一点。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种颜色。而且扁平化设计中,往往倾向于使用单色调,尤其是纯色,并且不做任何淡化或柔化处理(最受欢迎的颜色是纠色和二次色)。另外还有一些颜色也挺受欢迎,如复古色(浅橙、紫色、绿色、蓝色等)。

6.最简单的交互方案

6.1 设计师简化自己的设计方案,避免不必要的元素出现在设计中。简单的颜色和字体就足够了,如果还想添加点什么,尽量选择简单的图案。扁平化设计尤其对一些做零售的网站帮助巨大,它能很有效地把商品组织起来,以简单但合理的方式排列。

7.似扁平化与长投影

(1)似扁平化。最近还有一种趋势值得关注,就是“似扁平化”,一些设计师把某项特效融入整体的扁平化之中,使其成为一种独特的效果。比如说,在简单的按钮上加一点点渐变或阴影,从而使这种风格成为其特色,产生出一种扁平化的变种。这种设计要比单纯的扁平化更具有适用性和灵活性。许多设计师比较喜欢这种设计,因为这意味着他们可以加点阴影或透视在某些元素上。用户可能也会喜欢这种稍微圆滑一点的设计方式,这能引导他们进行一些适当的交互。

(2)长投影。某种程度上网站设计扁平化的拓展或者说下一个阶段。在秉持扁平化设计基本审美的同时,在长投影的帮助下使设计更有深度并同时保持了设计的扁平化。网站设计公司的设计师通常通过给图标添加阴影的方式来创立长投影设计。它一般是把一个普通阴影的长度拓展45度。图标或标志通过这样的处理会使用设计更加具有深度。长投影设计不是一种独立的设计，而是扁平化设计的一个新元素或是纵深发展，伴随着长投影设计的日益流行，热衷于网站设计扁平化用户界面的设计师选择在他们的网页中使用长投影设计作为他们扁平化设计概念的一部分去创建极简并且吸引人的用户界面。长投影设计对于上下文提到的设计师想着重强调粗体的图标和标志是极为理想的。通过运用长投影设计，会更加具有深度，也会更加夺人眼球。