从拟物到简约 ------谈网站设计风格的变革

    哪一种设计才是好的设计？其实，每种设计都有其优点也会有其不足。关键在其应用场合，以及是否可以向用户传递有效的价值。武断地决定是否采用某种技术或者不思考其可否取悦用户的设计不是好设计。好的设计不该当局限于某种设计风格，而须要更注重可用性、有用性。

 

       以前最为流行的是skeuomorphic设计（软件界面设计模仿实物纹理），最为典型的就是苹果IOS系统中拟物化的设计。适当的Skeuomorphic设计也很是有用，好比OS X的废纸篓。iOS 6系统中的Passbook应用在删除项目时，会有碎纸机的效果，这也是一种增强用户理解的好方法。而每一个水滴，每一个圆角给人的是一种艺术的美感。能够说在苹果风靡世界的这几年，拟物化的设计是起到很是大的做用的。苹果的这种设计到今天为止还做为广告设计师们教科书般的经典而受到膜拜和仿照。苹果的网站给人的印象老是简约而精致的。内容不会很大，可是每一个细节打造得近乎完美。之因此说完美，就是在于每一个小角落都是基于拟物化的设计，把光与影的变化之美体现得淋漓尽致。更重要的是，觉得拟物，因此让用户获得足够的心理暗示，产品的亲和力获得大大的提高。对于计算机专业人员这个的差别也许能够忽略不计，可是对于一个艺术家，或者对于一个只有初中文化的老人来讲，这一小点的差别，也许会决定用与不用这关键性的一大步。

     随着移动互联网时代的到来以简洁为中心的扁平化设计渐渐流行起来。核心的地方就是放弃一切装饰3D效果。全部的元素的边界都干净利落，没有任何羽化，渐变，或者阴影。

   尤为在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。

更加简单直接的将信息和事物的工做方式展现出来，减小认知障碍的产生。2010年，Windows Mobile的Metro UI能够算是扁平化设计的鼻祖。Microsoft不愧为扁平化用户体验开拓者。随着网站和应用程序在许多平台涵盖了愈来愈多不一样的屏幕尺寸，建立多个屏幕尺寸和分辨率的设计既繁琐又费时。你能够一次保证在全部的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。

扁平化设计的5大特色

1）拒绝特效。采用二维元素。全部元素都不加修饰

2）仅使用简单的元素。为了同时达到简单但直观的效果，你能够尝试为按钮填充深色，以鼓励用户点击。简单的元素并不意味着设计起来很简单。相反，用简单的元素来表达复杂更须要巧妙的构思

3）注重排版。排版的目的在于帮助用户理解设计。字体的大小应该匹配总体设计。字体选择上可使用简单的无衬线字体，经过字体大小和比重来区分元素。字形上能够应该使用粗体

4）关注色彩。扁平化设计的网站、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有更多的色调。通常的6-8种颜色。色彩更纯。其主要、次要颜色一般都是很是大众化的颜色，而后再配以几种其它颜色。扁平化设计的另外一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

5）极简主义。该驱除任何无关元素，尽量地仅使用简单的颜色与文本。移动互联网时代的用户习惯小而美的产品，一个应用若是让用户的点击超过三个层级，用户会很是反感。

另外，如今还有一种“准”扁平化设计比较流行。只留一种特效。如阴影，梯度，深度，纹理等。由于它能有助于直观的交互。如bootstrap。可是也有缺点，，由于“准”扁平风格是另两种风格的混合体，缺少明确的定义，因此更难用好。

目前为何扁平化设计的风头更甚。这个和如今多终端的现实是密不可分的。但从真实感而言，skeuomorphic设计无疑是最棒的。可是在必定的框框架架之下，扁平化设计必定是有其成长空间的，固然skeuomorphic设计也没必要担忧，英雄无用武之地。这个就跟国画中的工笔和写意之分。使用场合不一样罢了。用心揣摩，集2种设计方法之长处，立足于设计对象的要求，立足于用户的体验，这个才是根本。