我们先欣赏下以下的一些作品:
上面的图标是不是比我们手机上自带的图标要好看很多,可是为什么没有一个手机自带的图标是这种更绚丽的图标呢?
仔细看一看上图的每一个图标,有谁能快速地反应出上面的图标代表了什么样的软件?
好的设计应该是创意美到让人窒息、技术难到让人哭泣的作品?实际上好与美是交集的概念,好的设计或许美,美的设计或许好,但彼此却不相等。而我们真正需要得是好的设计。例如,众所周知的淘宝网,它算不上美的设计,可它算得上是好的设计。
它提供搜索栏、各种分类、以及各种推荐,各种推荐又用了不同的色块来吸引用户的注意。有目的人群可以直接搜索;无目的人群则会忽略搜索,看各种推荐。这正符合了各种不同目的的消费人群。
再拿APP Store里非游戏类的APP图标作为例子,那些排行在前的APP 图标都是十分简单的,它没有技术难度,却直接传达出该APP的作用。例如,微信。
对话框的形式形象地描述了该APP是一款社交软件,两个对话框紧密相连却又有空隙,正如人与人之间的相处,要时常与他人相连,却又要有自己的空间。
lofter新icon出来后,成为了我最喜欢的icon之一。lofter将L改成了简单的图形符号,这就足以让人印象深刻。L的线条十分的流畅,并且未封闭,加上深沉、宁静的颜色,无一不充分表达lofter的主旨:打破现实的束缚,在lofter的世界里随心所欲的创作。
keep是我最喜欢的健身软件,它同样采取了用keep开头的K成为图形符号,能让用户一眼便记住。仔细观察这个K,能很清楚地看出来一个人正坐在地上,曲着一条腿,另一条腿抬高,这不正像是个在运动的人吗?
设计的本质是你所做的是用来提升信息传达质量的视觉选择。传达才是我们设计东西时最真实的原因。只设计、不传达,是不可能的事情。
《写给大家看的设计书:实例与创意》中的这一句话正中设计本质的靶心,回顾我看过、做过的所有的设计,唯独只有准确地传达了顾客信息的设计,让其变得难忘、清晰,才是真正需要的设计,才是顾客想要的设计。这些设计,很有可能简洁,但绝对不简单。
好的设计既然重中之重,那么又如何能快速地做出好的设计呢?我列出几条原则,供大家参考。
1. 局限要素
接受项目,最先做的是咨询顾客的需求和偏好,受众人群是谁,强调的特色是什么样子,应该要用的颜色是什么色,期限又是多少?缩小方向,是必需要做的事。设计师要在心里有个大概了解,什么样的元素是必需的,这样其他的元素就会慢慢地被定位到。不仅缩短了不少的时间,而且容易顾客满意的作品。
2.突出主体
更通俗的去理解这句话的意思是,要把顾客想要传达出来的信息最先吸引用户的注意,最快明白信息的含义。
打开这个网站,最先映入眼帘的就是木头材质的图片,这时就算不是不懂英文的人都知道,这个网站就是卖这些东西的网站。
主体要突出,不仅要运用在网页上,还要在运用在平面、icon、UI界面甚至工业的设计上。
再例如这个平面设计:
最先被吸引的是女孩牵着绑着天鹅的绳子,跟着天鹅飞着。紧接着我们看到“风筝节”三个字。这时,我们就迅速地明白,这是个风筝节的海报。这个平面设计的主体就是这张有趣的图片,它一下子就吸引了人们的眼球,并且与主题紧密相连,能很快地了解到它的含义。
3.运用设计四大原则
罗宾·威廉姆斯将设计的原则简单分成了四类:亲密性、对齐、重复、对比。
亲密性
指的是将同类的集中在一起,即物以聚类。
对齐
顾名思义,就是将不同的元素及文字用不同的对齐方式进行对齐。
重复
即将设计中的某一个元素重复出现。
对比
不同的元素之间要用大小、粗细、色彩、材质等不同的方式进行区别。
这是知乎上别人贴出来的一个界面。如果它遵循着设计的四大原则,那么这个界面就会看上去舒服很多。现在,我就进行一次简单的运用:
亲密性:我将单项型题、题目和选项、答案和解析各为一类;题目、选项之间又拉大了距离分为两个不同的小类;我去掉了答案和解析下的不同颜色背景,因为完全不需要。
对齐:统一采用左对齐的方式。
重复:选项有5个,那么可以利用重复的圆将它们紧密地连在一起,但我摈弃了内凹的感觉,那样感觉太繁琐。
对比:正确答案和错误答案,我用不同颜色作为对比;选项和答案解析之间,我用了不同大小进行区分。
最终效果就是这个样子:
是不是比之前看上去舒服了呢?
4.力求简洁
我曾经看过这样一个网站:
反正我是不想再看第二遍了。
简洁是指尽量省去没必要的渐变、高光、阴影、多种不同色彩等图层样式,也是指去掉没必要的功能。
素记是我最喜欢的APP之一,它没有过多的颜色,主要颜色只是黑和红;没有任何的图层样式;也没有过多的功能--它只能用来写文章,不能发图、画画、拍照等;界面也十分简单-日记的列表,时间,撰,搜索和设置,只显示了这五个功能。
我们再对比一下ios7之前和ios8之后的苹果图标。
不难发现,iOS8之后的图标去掉了高光、倒影、阴影等图层样式,而采用扁平的风格。这样的图标会让人感觉更加的舒适。
在我从事设计职业以来,对好和美的概念有了更深刻的认识,也愈加的意识到设计最最重要的是要站在顾客和用户的角度去着想。就如,《大鱼海棠》里的情景虽美,却不是个好的电影,才会招到不少的谩骂声。然后在这个基础上不断了修改、优化,追求美的设计。
注:以上图片大部分来自网页。