这几条原则能让你快速地做出好的设计

我们先欣赏下以下的一些作品:

上面的图标是不是比我们手机上自带的图标要好看很多,可是为什么没有一个手机自带的图标是这种更绚丽的图标呢?

仔细看一看上图的每一个图标,有谁能快速地反应出上面的图标代表了什么样的软件?

好的设计应该是创意美到让人窒息、技术难到让人哭泣的作品?实际上好与美是交集的概念,好的设计或许美,美的设计或许好,但彼此却不相等。而我们真正需要得是好的设计。例如,众所周知的淘宝网,它算不上美的设计,可它算得上是好的设计。

它提供搜索栏、各种分类、以及各种推荐,各种推荐又用了不同的色块来吸引用户的注意。有目的人群可以直接搜索;无目的人群则会忽略搜索,看各种推荐。这正符合了各种不同目的的消费人群。

再拿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之后的图标去掉了高光、倒影、阴影等图层样式,而采用扁平的风格。这样的图标会让人感觉更加的舒适。

在我从事设计职业以来,对好和美的概念有了更深刻的认识,也愈加的意识到设计最最重要的是要站在顾客和用户的角度去着想。就如,《大鱼海棠》里的情景虽美,却不是个好的电影,才会招到不少的谩骂声。然后在这个基础上不断了修改、优化,追求美的设计。

注:以上图片大部分来自网页。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容