平面设计自学入门教程:排版构成篇(3/5)
平面设计没有好的排版,信息传达就会受阻,不但影响阅读效率,甚至导致页面凌乱不堪。通过学习本文所讲解到的“5个排版构图基本原则”,很快你就能达到专业设计师的水准。
版权声明
本文经“ GCFlearnFree.org”授权后,由 @酷coo豆 翻译中文。首发于平面设计学习日记网(xxriji.cn)与知乎专栏。如需转载请联系“GCFLearnFree”取得合法授权。
What is composition?
一、什么是构成?
在设计领域,构成是指将一定的形态元素,按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合。
在某种程度上来说,排版和构成它们是设计的构建模块。它使得你的平面设计作品更加结构化,更加易于被浏览,从版面的两侧边缘到主体内容之间。
为什么排版构成如此重要?构图,简而言之,这就是你安排或组织内容的呈现方式。不管你是处理文字、图像、还是图形元素,如果没有一个深思熟虑的排版构成,你的工作基本上就会崩溃。
>>观看下面视频,学习排版构成的基础知识。
https://www.zhihu.com/video/887650221335666688Tips:本文的翻译相对字幕更加贴切,大家不要忘记阅读哦。
本文地址: https://zhuanlan.zhihu.com/p/28915201
公众号:followdesign(平面设计学习日记)
中文翻译: @酷coo豆
Five basic principles
二、5个基本原则
想要精通排版和构图,关键是要像设计师一样思考。幸运的是,它比听起来更加容易。这里有5个基本原则,它可以帮助你改善设计工作,提高你的设计眼光。在你的下一个设计项目中,请牢记它们,并寻找机会应用这些原则。
Proximity
2.1亲密性
亲密性原则,是使用视觉化的空间来展现内容之间关联性的设计技法。在实践中,它非常简单——你所要做的就是:确保相关的元素被组合在一起,使他们建立更近的亲密性(例如,在图形中,文本或元素的块,如下面的例子所)。
彼此不相关的组合应该被分开,在视觉上强调它们之间的相关性薄弱。最重要的是,让人们只看一眼你的设计作品,就能更轻松地理解,无论是纯文本还是更加视觉化的作品。
White space
2.2留白
留白,是每一个构成中最重要的部分。现在,留白并不是字面上的“空白空间”;它意思是“负空间”,例如这个空间,是内容彼此之间的空间,存在于文本行之间,甚至是内容的外边缘。
留白,并没有“唯一正确”的使用标准,但是理解留白的意义,则有助于我们更好从事平面设计。留白空间,有助于你限定和分离不同的部分,让你的内容有呼吸的空间。如果你的设计开始变得凌乱或不舒服,那么,多一点的留白空间,可能正是你所需要的。
Alignment
2.3对齐
对齐,是你一直都在处理的事儿,即使你没有意识到。无论何时,你编辑邮件或创建文档时,文本都会自动对齐。
当你通过自己手动调整元素的对齐方式时,(例如:图像或分离的文本框),处理起来可能会比较棘手,最重要的是保持始终如一。
遵循这个原则,设想将你的内容安排在网格内部,就像下面的示例一样。值得注意的是:如何将这一条无形的线,置于每组图像和文本的中心?让每一个组合,以相等的外边距均匀分布、成一条直线对齐。
正是这种对细节的关注,才使得最终的作品更容易被阅读。如果没有统一的对齐原则,你的作品就会开始变得杂乱无章。
Contrast
2.4对比
对比,简单来说就是页面上的一个元素不同于另一个元素。在排版和构图上,对比可以帮助你做很多事情,比如:吸引读者的眼睛、创造重点,或者把注意力放在重要的地方。
为了在下面的例子中,为了创建对比,我们使用了颜色,以及不同风格的文本,以及不同大小的视觉元素。这使得设计更加具有活力,因此能更有效地传达信息。
Hierarchy
2.4.1层级
对比也与层级结构紧密相关,是一种有助于读者浏览你作品的视觉化技巧。换句话说,使用不同级别的强调,能向人们直接展示该从哪里开始阅读,以及下一步该看哪里。
建立层级结构很简单:你只需决定哪一个元素你希望读者最先注意到,然后把它突出 。高层级的项目通常是更大、更粗或者在某些地方更吸引眼球。
Repetition
2.5重复
重复是一种提醒,每个设计项目都应该有一致的外观和感觉。这意味着要通过重复某些元素来增强你的设计感。
例如,你有一组特定的调色板,你可以寻找一些方法,将其贯穿在你的整个设计之中。如果您选择了一个特殊的标题样式,那么,请每次都使重复用它。
这不仅仅是出于美学上的原因——保持一致也能让你的作品更容易阅读。当读者知道该期待什么内容时,他们便可从容地专注于内容本身。
Putting it all together
三、总结
你可能会说,排版和构成是平面设计中的无名英雄,是很容易忽略的角色,但它们却是你所做的每副平面设计作品中的一部分。
以上这些设计原则,可以帮助你提升设计水准。只需要稍微注意细节,你就能创造出漂亮、专业的平面设计作品。
最后, @酷coo豆 希望你能喜欢学习排版构成的基础知识!
当然,不要忘了学习我整理的其它平面设计自学入门系列文章,包括: 字体排印、 色彩理论、 图像基础,以 设计原理篇。
More Advanced tutorials
进阶教程推荐
平面设计作品没有好的排版,信息传达就会受阻。掌握版式构图,是每一位平面设计师的看家本领。学习排版,一是要有系统的理论知识做指导、二是要学会在实践中如何去运用。从这两个维度出发,@酷coo豆 收罗了以下学习资源供你参考。
1视频-实战: 《版式设计全案例高级教程》
“实践是检验真理的唯一标准”,该套教程,是学习“排版构成”的实战技能的最佳教程!能帮助你解决版式设计创意、灵感难题,让你的设计水平更上一层楼。本教程由江遥录制(GDC平面设计在中国西安站十佳设计师)。
2书籍-理论: 《写给大家看的设计书》
《写给大家看到设计书》这本书,是无数设计师推荐过无数遍的经典著作,在此@酷coo豆 再一次的推荐给你。
3书籍-理论: 《平面设计中的网格系统》
国外出版35年来畅销至今,“100本经典平面设计书籍”之一,清华美院教授、书籍设计大师吕敬人老师亲笔撰文推荐本书。
写在后面
以上就是@酷coo豆 翻译整理的”平面设计入门:排版构图篇“的全部内容,希望对大家有所帮助。更多有关“自学平面设计”的话题,请持续关注 「平面设计学习日记-知乎专栏」,或搜索:平面设计学习日记网。
本专栏将坚持为:热衷于为自学平面设计的朋友,提供优质学习资源。聚合推荐国内优秀设计导师,以及平面设计视频、书籍、经验教程等,让自学有路可循,成长更加高效。
如有所获,就请多多点赞或转发分享,有你的鼓励, @酷coo豆 会做得更好,感谢有你!