分辨好坏设计的三个套路
在我做界面遇到问题的时候,前辈经常建议“多看看好的设计”,可是现在平台上琳琅满目的设计作品,到底哪些是值得学习的,又觉得难以辨别,凭自己的感觉难免会有偏差。因此有时候自己找的学习对象就有一些问题,自然也就做不出好的设计。
多次碰壁之后,自己总结了三个分辨好坏设计的套路:具有视觉吸引力;细节处理到位;实用。
具有视觉吸引力
当我看到一个作品的时候,首先看它是否具有视觉吸引力。这个吸引力和单纯的好看还不太一样。好看的设计不一定就是好的设计,但是好的设计一定要具有视觉吸引力。好看不好看的评判是很主观的,但是视觉吸引力是有原则可循的。我把他们分为以下三个参考标准:层级分明、一致性、小特别。
1、层级分明
清晰的层级结构能让用户看起来更加舒适,也能够快速的获取重要内容。那么我们在看的时候判断它是否层级分明,主要看不同的模块之间是否区分明确;界面中主次是否分明;是否符合用户的阅读习惯。
首先,好的界面,都是分模块展示的,而不是平铺直叙。并且不同的模块之间区分明确。当我们看到一个界面,不能快速的区分出不同的模块,那说明它的模块区分的不够好。比如下图,右图看着就更加舒适、清晰。
其次,内容要有主有次,重要的信息突出,次要的信息弱化。一个模块中的重要内容只能有一个,如果有多个重点,那就等于没有重点。以下图为例,左图没有主次,右图很明显就能知道重点内容是什么。
最后要根据视觉流的原则去审视这个界面是否符合用户的阅读习惯。比如说我们的阅读习惯是从左到右,从上到下,但是界面的重点内容却放在视觉流程的尾端,是不是就不太合理呢?
2、一致性
这里说的一致性,一方面是视觉上的一致,另一方面是与已知的一致。视觉上,一个产品中页面的风格、元素、间隔等都要遵循统一原则,同一层级的内容要统一,比如说同为模块标题,字体色号却不一致,这样就会导致页面的混乱。
与已知的一致,是把设计与生活联系起来,让用户看到这个设计就能想到生活中相关的东西,具有熟悉感,也更容易上手。比如说界面中的票券设计,与生活中的票券可撕样式保持一致。
3、小特别
为什么这里说是小特别,没有说大差异呢。因为我认为,UI和平面设计还不太一样。平面重视觉,追求视觉冲击力。但是UI界面更多的是追求好用。用户已经习惯了已有的视觉形式和交互模式,突然来了一个颠覆性的设计,用户反倒不知所措。但是又要有差异,区分那些常规的设计。所以我在看的时候就去看一些符合现有的习惯,但是又有些微创意在里面的。
细节处理到位
有句话说,真正考验设计能力的是设计细节上的处理。的确,一个界面的细节把握能很大提升一个界面的品质,有时候我们看到一个界面,大问题没有,但就是有些粗糙,不够精致。这就是细节处理不到位的结果。小到一个卡片的圆角设计,分割线的粗细、颜色设置等,都能影响一个界面的整体感觉。
比如说下面的分割线,左面的色彩粗细都很合适,能够在不干扰内容的情况下,做到分割的作用。右侧的颜色过重又是通栏效果,给人的感觉就很生硬。
实用
好的设计最终都是要落地的。起初我通常会更加这个界面好不好看,事实上比好看更重要的是好用、实用。因此平时看作品的时候要分辨出哪些是单纯视觉好,但是实现起来成本会比较高或者效果并没有那么好的。
我在学习的时候就尽量多去看线上产品,毕竟经得起市场考验的才是好的设计。平台上很多概念稿,有些简单的大图堆积就很漂亮,但是在做的时候可能并不实用。因为作者在设计的时候都是精心挑选的图片,我们在看的时候就很容易忽视细节,而只看到了图片的效果。但是也要去看概念稿,因为概念稿里有很多大胆的配色,创新的形式可能是线上作品中所缺乏的。
划重点
好的设计要具备以下几个特点:
- 第一是具有视觉吸引力,首先要层级分明,具有一致性,并且有一些小特别;
- 第二是细节处理到位,页面具有品质感;
- 第三是实用,比好看更加重要的是实用。
虽然我总结了几点好的设计的特点,但是并不是说不具备这些特点的就完全不好。事实上很多作品都有我们可以学习的点。总结的不足的地方,还希望大家指正。我们一起学习吖。
参考引文:
优秀设计的评价标准
如何提升产品的品质感
海盐社(公众号)
作者:山竹屁