目录
1.平面设计需要遵循哪些原则,就会专业、有条理、统一,更有趣?
为帮助开发者小伙伴快速学习快速提高,我开辟了《新手上路常见问答》栏目,将大家的问题汇集起来,希望能给大家一些快速导引,避免给自己挖坑,少走弯路。
现在大家做产品,或多或少都会和平面设计打交道,非科班设计人员如何了解设计,如何评估设计作品呢。今天通过介绍Robin Williams的《写给大家看的设计书》(The Non-Designer's Design Book)一书,聊聊如何掌握平面设计的基本原则。Robin Williams是世界著名设计师,Adobe和Mac技术社区内的专家,Publish Magazine、Adobe Magazine等杂志的专栏作家,是MacWorld Expo等业界重要活动和组织的顾问委员会成员。
需要说明的是,本篇小文的图片均来自此书电子版。
1.平面设计需要遵循哪些原则,就会专业、有条理、统一,更有趣?
每一个优秀的设计作品都用到了对比、重复、对齐和紧密性这些设计原则。而他们实际上是相互关联的。我们很少会只用单一的原则。
2.什么叫对比原则?
对比能吸引读者,能使读者首先看到这个页面。对比的基本思想是,要避免页面上的元素太过于相似。如果诸如字体、颜色、大小、线宽、形状和空间等元素不相同,那就干脆让它们截然不同。对比可以增强页面的效果,如果页面看起来有意思,往往有可读性。对比也有助于组织信息。读者能立即了解信息以何种方式组织,以及从一项到另一项的逻辑流程。对比不能让读者混淆页面元素,也不能错误地强调重点。
下面举例说明,左边的网页上已经有一些对比,不过通过对另外一些元素应用对比原则,还可以进一步作出改进。
右边的图相对左边的图,在标题和子标题中使用了一种更突出、更粗的字体。由于题目从全部大写改为混合有大小写,故能使用一种更大更粗的字体,有助于突出对比效果。另外,由于题目非常突出,沿顶部在题目下加一个黑条,再重复这种黑色来强调对比。相比起来,右面这个页面看起来更生动,更有趣。
3.什么叫重复原则?
让设计中的视觉要素在整个作品中重复出现,便于增加条理性还可以加强统一性,这些元素包括字体、颜色、大小、线宽、形状和空间等等。
图中的例子里有哪些重复性元素呢?我们看到,这里有粗字体、细字体、方块项目符号、缩进、间隔和对齐。通过这些重复元素,可以清楚地看出页面的主要内容。注意,有时候,重复的项并不一定完全相同,而只是存在明确关联的紧密相关的对象。
4.什么叫对齐原则?
每个元素都应当与页面上的另一个元素有某种视觉联系。这样可以建立清晰、精巧并干净的外观。目的是统一,有条理,能在页面上找出与之对齐的元素,尽管两个对象的物理位置可能相距很远。居中对齐会创建一种更正式、更稳重的外观,中规中距,但也很乏味。
我们看看左边的图,很乏味,很业余,而右边的图,利用左对齐,让报告封面显得很精美。虽然作者名字离题目很远,但那条看不见的线提供了强有力的对齐基准,可以将文本块连在一起。
5.什么叫紧密性原则?
彼此相关的项应当靠近,归组在一起,组成一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者展示清晰的结构。反之,如果信息项或组彼此之间并无关联,这些元素就不应该靠近。
我们来看图中的例子,左边的列表中的每一个元素都与其他所有元素凑在一起,所以无法看出元素之间的关系,也无法了解这些信息项的组织,右边的列表形成了多个组,通过调整文本的大小或字体粗细和位置。同时请大家注意,这里我们对标题增加了一些对比效果,并让对比重复出现。
看完对四种原则的解释,大家一定很想去阅读Robin Williams的《写给大家看的设计书》了吧,相信大家读完书以后一定对通过平面设计提高用户体验有了新的体会。