扁平化设计请别太扁

扁平化设计日益流行,连拟物化设计的大师iOS都使用了扁平化设计,由于我平时使用的是拟物化ipad和扁平化的android手机,所有我对这两种设计都深有感触。

网上的文章都说扁平化把事物表现成更抽象,扁平化是去除一些纹理和光泽和阴影,这不等于说扁平化是二维的平面图吗,我不这么认为,通俗讲,扁平化是二维的,拟物化是三维,我不认为三维的图就不能抽象,反而我觉得三维的图的表现力更强,二维的图能做到的,三维的图都可以做到,二维的图只能利用颜色、线条来表现事物,三维的图,除了能利用这些还可以利用阴影和光泽,如一个简单的button,三维的图可以只用阴影就可以表式按下和松开状态,而二维图可能得费尽心机啦。

有人说扁平化的优点是简洁,那就是说我们最终要的是简洁,三维的图也可以简洁,所有不能排斥三维图。

我觉得不应该追求扁平化,而应该追求简洁化,用一些很简洁的图像表达事物,免去花哨,这样更耐看,更不易引起视觉疲劳,最好的例子是交通图标,但我觉得屏幕里的简洁不能太扁,我们下面以返回功能为例,指出一些太扁的设计。

请先看下面这张图的黄色区域

  

如果你没有看出问题,我再标细致一点:


请问谁能看出哪个区域是有效的点击范围,红色、绿色、还是黄色,反正我是不知道,不过为了保险起见,我每次都是点红色区域,但红色区域太小好难瞄准,不知道别人有没有这种经历,反正我很讨厌这一点。现在我们再看看iOS6,是旧版iOS,请看下图:

扁平化设计请别太扁_第1张图片

是不是有效点击区域很明显。这是我讨厌Android和喜欢iOS的地方,但如今iOS7也引入了这个缺点,让我非常失望。下面我们再来看看iOS7是如何应用了Android的这个缺点,请看下图:

扁平化设计请别太扁_第2张图片

我真不知道右图上到底是红色区域还是绿色区域是有效点击区域。答案是:在这个界面是绿色区域,但在其它界面可能就只有那个箭头符号才是有效点击区域,我不知道这些设计者为何如此考验用户,既然在这个界面上,绿色是一个整体,设计者在设计的时候为什么不表现出来,你就是不知道画一个圈,或加一张背景吗。

我们再来看看人家windows phone的扁平化:

扁平化设计请别太扁_第3张图片

人家就会在箭头符号周围画个圈,一看就知道红色部分是有效点击区域,而且软前面的界面,这个button看起来更容易知道可以点击,前面的界面,初学者不一定知道那里可以点击。

所以我觉得接收新事物的时候,不能不动脑筋的全盘接收,而应该注意利弊,就像新兴的扁平化,在追求扁的同时,你的界面至少可以让用户分辨出哪里可以点击,哪里是背景。

你可能感兴趣的:(UI设计)