扁平化的优势

发布时间:2018-03-23

一、网页界面元素

  格式塔心理学家认为,人们的知觉有一种“简化”的倾向.这种倾向是一种将任何物体以尽可能简单的机构组织起来是能够体现物体最本质的形态的表达.[3]在拟物化设计中,设计师会模仿现实世界里真实物体的颜色、形状等.

  例如:设计师会为按钮添加渐变、阴影等效果以符合真实按钮的特征,以求对用户产生亲切的感觉.然而,这样的按钮往往带来的是一种不符合用户预期的体验,同时这也一定程度上限制了用户的个性化想象空间,更重要的是设计开发的周期相对更长.

  扁平化设计使用的都是基本形状,去除了渐变、阴影等装饰性效果,弱化了视觉上的复杂性,突出了每个元素所表达的信息本身.另外,由于扁平化设计的元素的这些特点,其具有更广泛的适用性,比如:眼睛近视和弱视的用户也可以方便的使用这类设计.

二、网页布局

  之前的网页设计讲求精美的图片和排版效果,漂亮的插画与周到的布局设计,扁平化设计抛弃了复杂的光影效果,更专注于根本的内容呈现.扁平化设计中大量使用扁平化的图标、矢量图形和图标字体,这种设计更符合现代人的审美观.一方面,拟物化设计初衷是降低用户的认知成本,目的是让用户在使用科技产品时可以参考现实世界的操作规律,可短时间内轻松掌握数码产品的用法[4].

  而在现今阶段,数码产品普及度已非常高,特别是在年轻用户群体中,拟物化设计的功能性优势已无法凸显,用户已经熟悉了各类数码产品的基本特点,适应了各类界面的操作方法,在扁平化设计风格的界面中更容易更快速地找到所需要的信息.另一方面,扁平化设计界面更能提升用户操作的效率.

  随着移动互联网的迅速崛起,移动终端屏幕尺寸的多样化给网页设计造成了很多麻烦,所以响应式网页设计应运而生了.在这方面,拟物化设计的网页很难实现跨屏幕、跨平台的界面适配,特别是在小尺寸的屏幕上,拟物化的图标非常不易识别,而扁平化设计的图标则可以很好地满足这些变化因素的需求.扁平化更多的使用矢量图形,减少了对像素精度的依赖,这样设计师也有了更大的创意空间,从而可以创建出适应性更强的用户界面.

三、色彩

  扁平化设计页面中,因为追求极简主义,所以没有其他多余的装饰.因此,设计者在设计时需要更加注意色彩的搭配,这样将会收到更好的视觉效果.总结扁平设计的色彩搭配大致分为两种:同类色搭配:同类色搭配,最常用的是把同一种颜色的黑、白、灰三种色调结合在一起,形成层次上的对比.在扁平化设计中,单色的使用不仅能分清层次感,同时也能把握住整体感.

  对比色搭配:对比色搭配的使用可以使页面看起来极富活力又有丰富的色彩变幻,视觉效果醒目.在使用对比色进行搭配时,设计师要注意到在设计时应当先了解网页的主题,选用合适的颜色进行搭配.

四、字体

  文字是设计师向用户传递信息的最主要手段.而字体的选择不仅要符合扁平化设计的简约风格,同时还要符合整个页面主题的设计风格.一般扁平化风格的页面会使用无衬线字体,再通过对字体字号、颜色和粗细的变化进行排版不同排版的文字信息会带来不同的视觉浏览体验,如字号较大,或是粗体,能帮助用户轻易地分辨、获取文字所传达的信息,这就在内容上创造出一定的层次感,可明显提升内容的易读性.