最近在看一些UI,发现UI很多,好的UI不多。
什么才是好的UI,以自己看的一些UI来说有几个地方, 我们先来看看UI 的英文单词 User Interface,用户界面,我理解的是 UI是需要把功能的原意最完整的“表达”给用户,这个表达很重要,要达意。
所以对于UI的评定,有三点“细节”、“表达”和“调子”。
1.先谈细节
没有细节就谈不上UI,谈不上一个设计工作者,如果有瑕疵的几乎不能要。
比如这样一个作品:
1、登录和注册中间的竖线,明显的左右距离不一致;
2、在“天鹅恋”下面的字体不清晰,模糊。 下面的页面就跟不用说了,惨目忍睹,这个基本上是不是设计出身,无任何美感。
好一点的UI,细节会比较注意,一个光影,一个文字,一个英文都会摆放细致,就像家里的布置房间一样,细节注意的人总会整洁,一丝不漏。
2.再谈“表达”
表达是什么?表达就是层次,主要告诉用户的是什么,次要是什么?必须很清楚。让用户一看就知道是做什么的。
还是继续看看不好的UI:
页面不知道他想表达啥,想表达自己的一封信的笔记本?页面邮箱表达他的家的样子(放一些电视和钟表到底想表达啥意思的?) 还有右下角有几个小人放飞飞机,跟这个有什么含义?不知所云。
再看看好的UI:
好的UI, 不会有多余的东西,砍砍砍,不该看的不要。下面的360新闻就会好很多, 标题粗体,360新闻清晰,一个广告语“知晓天下事” 是做什么的,一个报纸的图案跟新闻呼应, 如果喜欢 “立即体验” 干干脆脆。
3.谈“调子”
调子是决定是否是一个设计师的标准, 前面说的两点 细节 和 表达,很多细致的人都可以达到,但是还不能做UI成为设计师(当然市面上连“细节” 和 “表达” 都不注意的人 大有人在)
调子是什么,是对气氛的烘托,对颜色的控制,对形状层次的把握。
看一下不好的:
1、logo部分的粗糙 2.四处随意的堆砌水果啥的,而且还不清楚(表达),右上角的是个什么鬼,那个绿颜色是什么鬼,这个算是初学PS的会半点透明效果的堆砌,99%不是视觉出身。
在看一下好的:
所以好的UI和设计,总有一种说不出的舒服,这种说不出其实是说得出的, 那就是 细节 + 表达 + 调子,你知道作品在跟你说什么。