首发于 平面设计学习日记
平面设计自学入门教程:排版构成篇(3/5)

平面设计自学入门教程:排版构成篇(3/5)

平面设计没有好的排版,信息传达就会受阻,不但影响阅读效率,甚至导致页面凌乱不堪。通过学习本文所讲解到的“5个排版构图基本原则”,很快你就能达到专业设计师的水准。


版权声明

本文经“ GCFlearnFree.org”授权后,由 @酷coo豆 翻译中文。首发于平面设计学习日记网(xxriji.cn)与知乎专栏。如需转载请联系“GCFLearnFree”取得合法授权。


What is composition?

一、什么是构成?

在设计领域,构成是指将一定的形态元素,按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合

在某种程度上来说,排版和构成它们是设计的构建模块。它使得你的平面设计作品更加结构化,更加易于被浏览,从版面的两侧边缘到主体内容之间。

为什么排版构成如此重要?构图,简而言之,这就是你安排或组织内容的呈现方式。不管你是处理文字、图像、还是图形元素,如果没有一个深思熟虑的排版构成,你的工作基本上就会崩溃。


>>观看下面视频,学习排版构成的基础知识。

https://www.zhihu.com/video/887650221335666688
Tips:本文的翻译相对字幕更加贴切,大家不要忘记阅读哦。

本文地址: zhuanlan.zhihu.com/p/28

公众号: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豆 会做得更好,感谢有你!

聚圣源医保存折鸽子血艺术类培训机构起名中国白胖肥熟妇bbw电脑总是自动关机阴阳五行起名男孩姓方起什么名字好宝宝起名李俊幻想水浒传编织百年时光建筑工程个体户怎么起名魔兽地图编辑器下载起名毛欧阳起名男宝宝名字大全十二画属金的起名吉利字全国核酸检测费用银河奥特曼特别篇用夏起名女孩起名小妮子小说女宝宝起名的四个字民间借贷网cp起名神器血色月亮求取名起名大全大师谭晓彤免费的起名软件有哪几个负面清单风声台词翡翠店起个名字春风沉醉的夜晚电影女孩起名带月淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化