
该文章未提交审核, 请编辑完成后提交审核。
该文章未通过审核,感谢您对字由的贡献。
该文章正在审核中,通过后将会自动显示在字说字话页面。
这样设计版式才好看!!
{{tag.name}}相信大家都试过
好不容易设计出画面元素了
结果看着一大堆的文字和图片
心中一万匹草地上的泥马在奔腾
就是没勇气下排版的第一笔
要知道,排版不是简单的“东拼西凑”
而是需要经过合理化的对照排列整合
以此传递出高效的信息和特性差异的画面


(via Ray Oranges)
所以,为了帮助大家脱离苦海
今天就以版式的对比和统一来展开论述
给大家带来一篇版式设计的干货!!
首先,先从版式对比说起
▼
①大小对比
大与小的存在是相对而论的。以小衬大,或以大显小。它们之间具有辅助和补充的作用,关键时候还可是画龙点睛之妙。从造型要素来说,运用好大小对比关系,会让人产生奇特的艺术效果。例如:字体编排计中,将字号按照大、中、小的比何关系进行组合,可以使整个版面产生空间层次感。大小对比强的版面给人一种张力和鲜明之感。
像下面这张海报
排版以文字和图形构成
利用不同方向、大小、粗细的字体重新排列整合
既为画面带来了美观度,提高了识别性
同时也凸显出画面的主次信息,方便读者鉴别
↓↓↓
还有TIME美国时代周刊
通过不同大小的字号和颜色区分
整体画面变得很有层次感
日本文字海报
黄海《嘉年华》
TIZZY BAC 20周年演唱会海报
还有,当我们在进行字体排序的时候
同时需要注意整体的结构是否应该遵循对齐理念
▼
对齐又分水平/垂直居中对齐
居左/右对齐、居上/下对齐、四边对齐等
因为排列整齐的字体会让画面看上去更整洁干净
更加有块面感,能够起到聚拢信息的作用
以此帮助读者高效筛选信息
②主次对比
要进行一个主题信息的视觉表达,我们首先应该找出设计主体,通过放大主体要素,缩小次要要素,让主体要素成为视觉中心,以此表达主题思想。例如:标题文字和正文文字的编排,是以字号大小、字体色彩、字体形状和长标题分行等方法,突出重点,使主题信息传达的清晰准确,建立起舒适的读序。
TIME美国时代周刊
GALILEU
③虚实对比
虚实对比是不可缺少的艺术表现手法之一,它们相互依存,通常是实以主体图形为表现,虚为背景空间,相当于图和底的关系。我们也可通过黑、白、灰来反映虚实关系,黑为实,白为虚,灰则是虚的一种过渡表现形式,在黑白之间起到相对调和的作用。我们在运用虚实关系时,一定要注意我们画面中的文字的清晰度,保证文字在背景中的可读性,避免和背景颜色相一致。
《海上钢琴师》
《地球最后的夜晚》
④动静对比
动静对比,在版面上能创造出节奏感;所谓静是以文字和图形等要素,按照一定规则排列的;动是在静的状态下改变图形或文字的方向、大小、粗细和颜色等。动静需相互结合而产生律动感,如果完全按照规律来编排计,版面整齐易读,同时却也给读者留下单调无趣的印象。反之如果整版倾向动,版面会失去主心骨,显得杂乱。所以,在版中要适当的留下静的部分,可以适当以调皮、反常态却合理的线条,带动整个版面的视觉,营造动感。
⑤疏密对比
疏密对比实际上就是密集图形和空白空间,在版面中所占的比例关系。版面设计中,疏会产生秩序感,让人感到轻松自在,而“密”给人急迫紧张的感觉,当疏密配置在同一版面中,画面才能产生节奏感,提升阅读舒适度。对于现代编排设计来说,处理好疏密对比关系,才能平衡好读者的视觉心理。
GALILEU
当我们在构思一个画面的疏密关系时,也可以借助重复的元素去构建这样的做法也避免了元素过多过复杂导致画面杂乱无章;并且重复元素的使用,可以打破版面呆板、平淡的格局。所以可以在构成视觉感受时,将元素进行交错、重叠,让画面更饱满和更有趣味性
⑥明暗对比
最容易突显视觉差异就是明暗对比,在强调某种特定的要素时,可以通过添加明暗对比来突显其特性。颜色中最明亮的是白色,反之最暗的是黑色,它们是反差最大的两色组合,但也不局限于只用黑白强调明暗,也可以通过色彩适当的降度来调和画面平衡,例如用黑色和亮黄色或红色做对比。考虑整体版面配色时,要考虑明暗对比,这样将有助于吸引视线、突出重点。
通过对比后,将画面进行进一步优化
那就是通过整体来统筹版式
版式统一
对比与统一是版式设计形式美法则之一。版式没计因对比而更显生机,也因统一而更加协调。对比可以让版面有重点、层分明;可以让版面活泼生动、充满趣味;对比强烈,视觉冲击力强,可以更吸引眼球。统一意在调和,是为了让版面达到整体统一的形象,突出主题。
《青鸟》
①文字统一
为了更好的传达信息,要让版式一目了然,文字应当划分主要信息、次要信息、最不重要的信息。一般来说,主要信息用相对最大的字号,次要信息用相对中号的字号,最不重要时信息就用相对最小的字号;但是具体的也要根据美观度和可读性来考量关键词可以采用不同的字体进行区分,让读者阅读的时候可以有条不紊,有主有次,不至于被不必要的信息喧宾夺主。
(via Stephan Bovenschen )
②图形统一




(via 德国Ariane Spanier Design工作室)
图形对比越大,版面的跳跃度越高、越活泼,但是对比要在合理的范围内,不然只会适得其反,造成版面不协调。



③色彩
色彩运用得当会让版面锦上添花,但若运用不当,则会适得其反。在版式设计中运用色彩也应当遵循对比与统一的原则。应当注意眀与暗、冷与暖,以及色相的对比与统一。要注意主体与背景色彩要拉开,突出主体,也应避免色彩因对比过大而显得杂乱、躁动;色彩对比不是为了对立,而是为了引起观者的视觉落差。
例如:一个版面中以亮色系为主,可以通过小面积的降低了饱和度的颜色去进行调和,呈现出的活泼灵动的画面。
《MOHAWK莫霍克制造者季刊》第15期设计
via Hybrid Design
via Violaine & Jeremy
好的设计不仅是追求视觉效果
而更重要的是信息传达的高效性
而信息传达的有效性
绝大部分因素决定于排版
所以,大大君总结了一下几点
1.版面设计要松弛有度,有空和满、大和小等的差异对比,有意识地留白,最大限度地使用图片或图形去布置格局;
2.注意元素的形状和大小、巧妙搭配相应的文字,整体和谐统一;
3..利用图片和图形去补充画面缺漏的信息;
4.不会用元素的时候不乱用,避免杂乱无章,保证版面的简洁美观。
版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}
文章评论
还没有人留言
查看更多 >