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

    哪种设计才是好的设计？事实上，每种设计都有其优势也会有其不足。

关键在其应用场合，以及是否可以向用户传递有效的价值。武断地决定是否採用某种技术或者不思考其是否能取悦用户的设计不是好设计。好的设计不应当局限于某种设计风格，而须要更注重可用性、实用性。

 

       之前最为流行的是skeuomorphic设计（软件界面设计模仿实物纹理）。最为典型的就是苹果IOS系统中拟物化的设计。

适当的Skeuomorphic设计也很实用。比方OS X的废纸篓。iOS 6系统中的Passbook应用在删除项目时，会有碎纸机的效果，这也是一种加强用户理解的好方法。

而每一个水滴。每一个圆角给人的是一种艺术的美感。能够说在苹果风靡世界的这几年，拟物化的设计是起到非常大的作用的。苹果的这样的设计到今天为止还作为广告设计师们教科书般的经典而受到膜拜和仿照。

苹果的站点给人的印象总是简约而精致的。内容不会非常大。可是每一个细节打造得近乎完美。之所以说完美。就是在于每一个小角落都是基于拟物化的设计，把光与影的变化之美体现得淋漓尽致。更重要的是，以为拟物，所以让用户得到足够的心理暗示，产品的亲和力得到大大的提升。对于计算机专业人员这个的差异或许能够忽略不计。可是对于一个艺术家，或者对于一个仅仅有初中文化的老人来说。这一小点的差异，或许会决定用与不用这关键性的一大步。

     随着移动互联网时代的到来以简洁为中心的扁平化设计渐渐流行起来。

核心的地方就是放弃一切装饰3D效果。全部的元素的边界都干净利落，没有不论什么羽化。渐变。或者阴影。

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

更加简单直接的将信息和事物的工作方式展示出来。降低认知障碍的产生。

2010年，Windows Mobile的Metro UI能够算是扁平化设计的鼻祖。Microsoft不愧为扁平化用户体验开拓者。

随着站点和应用程序在很多平台涵盖了越来越多不同的屏幕尺寸。创建多个屏幕尺寸和分辨率的设计既繁琐又费时。你能够一次保证在全部的屏幕尺寸上它会非常好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。

扁平化设计的5大特点

1）拒绝特效。

採用二维元素。全部元素都不加修饰

2）仅使用简单的元素。

为了同一时候达到简单但直观的效果。你能够尝试为button填充深色，以鼓舞用户点击。简单的元素并不意味着设计起来非常easy。

相反，用简单的元素来表达复杂更须要巧妙的构思

3）注重排版。排版的目的在于帮助用户理解设计。

字体的大小应该匹配总体设计。

字体选择上能够使用简单的无衬线字体，通过字体大小和比重来区分元素。

字形上能够应该使用粗体

4）关注色彩。扁平化设计的站点、应用色彩明显要更加鲜艳、明亮。此外扁平化设计的项目也拥有很多其他的色调。一般的6-8种颜色。

色彩更纯。其主要、次要颜色通常都是很大众化的颜色，然后再配以几种其他颜色。扁平化设计的还有一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

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

另外，如今另一种“准”扁平化设计比較流行。

仅仅留一种特效。

如阴影，梯度。深度，纹理等。

由于它能有助于直观的交互。如bootstrap。可是也有缺点。，由于“准”扁平风格是另两种风格的混合体，缺乏明白的定义，所以更难用好。

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