版式设计超干货!对比与统一,助你脱离排版苦海
相信大家都试过
好不容易设计出画面元素了
结果看着一大堆的文字和图片
心中一万匹草地上的泥马在奔腾
就是没勇气下排版的第一笔
要知道,排版不是简单的“东拼西凑”
而是需要经过合理化的对照排列整合
以此传递出高效的信息和特性差异的画面
(via Ray Oranges)
所以,为了帮助大家脱离苦海
今天就以版式的对比和统一来展开论述
给大家带来一篇版式设计的干货!!
首先,先从版式对比说起
版式设计的优劣直接决定了作品的整体效果,其清晰度、主次关系的排列是否得当、如何实现繁而不杂等问题,都需经过深思熟虑和理性分析;因此,在版式设计中,对比的作用尤为关键!对比,亦称“对照”,是将具有显著差异和冲突的视觉元素放在一起,激发出鲜明的特性对比,进而使主题更加鲜明,视觉效果更为生动。
①大小对比
大小之别往往是相对而言的。小可以衬托出大,而大亦能凸显小。二者相互辅助,补充,甚至在关键时刻起到点睛之笔的作用。从造型角度考量,巧妙运用大小对比,能够营造出独特的艺术氛围。比如在字体编排设计中,若将字号按照大小比例合理搭配,便能赋予版面丰富的空间层次。大小对比明显的版面,往往能给人以强烈的视觉冲击力和鲜明的视觉效果。
像下面这张海报
排版以文字和图形构成
利用不同方向、大小、粗细的字体重新排列整合
既为画面带来了美观度,提高了识别性
同时也凸显出画面的主次信息,方便读者鉴别
↓↓↓
还有TIME美国时代周刊
通过不同大小的字号和颜色区分
整体画面变得很有层次感
日本文字海报
黄海《嘉年华》
TIZZY BAC 20周年演唱会海报
还有,当我们在进行字体排序的时候
同时需要注意整体的结构是否应该遵循对齐理念
对齐又分水平/垂直居中对齐
居左/右对齐、居上/下对齐、四边对齐等
因为排列整齐的字体会让画面看上去更整洁干净
更加有块面感,能够起到聚拢信息的作用
以此帮助读者高效筛选信息
②主次对比
在尝试对主题信息进行视觉呈现时,我们需先明确设计中的核心元素,并通过增强核心部分的视觉强度,降低非核心部分的视觉显著性,使核心元素成为视觉焦点,进而传达出主题的核心思想。比如,在处理标题与正文文字的排版时,可以通过调整字号、字体颜色、字体样式以及长标题的分行等方式,强化关键信息,确保主题内容能够清晰且准确地传达,同时构建出一个舒适的阅读顺序。
TIME美国时代周刊
GALILEU
③虚实对比
虚实之间的对比是艺术创作中不可或缺的一种技巧,二者相互依存,通常以实体图形作为主要表现,而虚幻的背景空间则起到衬托作用,类似于图案与底色的关系。我们还可以运用黑、白、灰三种色调来展现虚实之间的差异,其中黑色代表实体,白色代表虚空,灰色则作为虚实之间的过渡,能够在黑白之间起到一定的调和效果。在运用虚实关系时,我们必须关注画面文字的清晰度,确保文字在背景上易于辨认,同时要避免文字颜色与背景颜色相同。
《海上钢琴师》
《地球最后的夜晚》
④动静对比
版面设计中,通过动静对比,能够营造出一种节奏感;这里的“静”指的是文字、图形等元素按照特定规则有序排列;而“动”则是在静态的基础上,对图形或文字进行方向、尺寸、粗细以及色彩等方面的调整。动静结合,方能产生韵律感;若仅遵循规则编排,虽使版面整齐易读,却可能让人感到乏味;相反,若版面过于追求动态效果,则可能失去焦点,显得杂乱无章。因此,在编排过程中需巧妙地保留一定的静谧空间,同时,不妨运用活泼、出人意料的线条,巧妙地引导观者的视觉感受,从而营造出充满活力的版面效果。
⑤疏密对比
版面设计中的疏密对比,实则反映了密集图案与空旷区域在布局中所占的比重。通过合理的疏布,版面能够营造出一种有序感,使观者感到愉悦与放松;相对地,“密”布局则可能带来紧迫与紧张的氛围。当疏与密在版面中相互搭配,画面方能展现出节奏感,进而增强阅读的舒适度。在现代编排设计中,巧妙处理疏密对比,对于平衡读者的视觉感受至关重要。
GALILEU
在思考画面布局的疏密程度时,我们可以利用重复的元素来塑造这种布局,这样的方法还能防止元素过多或过于复杂,使画面显得杂乱无章;同时,运用重复元素还能打破版面的单调和平淡。因此,在塑造视觉体验的过程中,我们可以将元素交错、叠加,从而使画面更加丰富和充满趣味。
⑥明暗对比
明暗对比是凸显视觉差异的有效手段,尤其在凸显特定元素时,通过增强明暗对比可以更好地展现其特点。在色彩中,白色最为明亮,而黑色则最为深邃,这两者构成了反差最强烈的色彩组合。然而,我们并不仅限于黑白对比来强调明暗,还可以通过调整色彩的饱和度来达到画面的和谐平衡,比如运用黑色与亮黄色或红色进行对比。在构思整体版面配色方案时,需注意明暗度的对比,这样做可以有效吸引观者的目光,并强化内容的重点呈现。
通过对比后,将画面进行进一步优化
那就是通过整体来统筹版式
版式统一
对比与统一是版式设计中追求形式美感的重要原则。版式设计因对比的存在而充满活力,又因统一性而显得和谐。对比使得版面层次清晰,重点突出;它让版面充满活力与趣味;强烈的对比带来强烈的视觉冲击,更能吸引观者的目光。而统一则旨在调和,旨在打造版面的整体统一形象,以凸显主题。
《青鸟》
①文字统一
为了更有效地传递信息,确保版面清晰易读,文字内容需明确区分核心信息、辅助信息和最不突出的信息。通常情况下,核心内容以较大的字体呈现,辅助信息则以适中的字体大小展示,而对于不那么重要的信息,则采用更小的字体。然而,实际操作中还需兼顾整体的美观性和阅读体验,对关键词可选用不同的字体来加以区分,以便读者在阅读时能够层次分明,主次清晰,避免被琐碎细节所干扰。
(via Stephan Bovenschen )
②图形统一
在版式布局中,通过调整图片的尺寸、虚实、密度、刚柔等元素,可以使页面更具吸引力。版式设计中的图片类型包括角版、挖版和出血版,它们分别呈现出沉稳、活泼和大气的感觉。若版面中仅使用单一类型的图片或图形,可能会导致页面显得过于庄重或过于活泼。唯有巧妙地结合这三种图片类型,才能使版面达到动静相宜的效果。
德国Ariane Spanier Design工作室设计出品
图形间的差异越显著,页面呈现的动感就越强,活力也就越充沛;然而,这种对比必须控制在恰当的限度内,否则将导致适得其反的结果,使得页面显得不和谐。
(via LE MONDE AUTOMATIQUE)
③色彩
恰当的色彩搭配能使版面更加生动,然而若搭配失当,效果可能适得其反。在版式设计中,色彩的运用应遵循对比与和谐的原则。需留意明暗、冷暖的搭配,以及色彩之间的对比与协调。主体与背景的色彩应有所区分,以凸显主体,同时也要防止色彩对比过于强烈导致的杂乱无章、不安定感;色彩对比的目的是为了创造视觉上的差异,而非单纯的对立。
该版面以明亮的色彩为主调,运用少量饱和度稍低的色彩进行搭配,从而营造出既活泼又生动的视觉效果。
《MOHAWK莫霍克制造者季刊》第15期设计
via Hybrid Design
via Violaine & Jeremy
好的设计不仅是追求视觉效果
而更重要的是信息传达的高效性
而信息传达的有效性
绝大部分因素决定于排版
所以,大大君总结了一下几点
是我们在进行排版设计的时候需要注意的:
版面布局需适度宽松,应体现空与满、大与小的对比,有意识地保留空白,尽可能多地运用图片或图形来安排版面结构。
留意各个元素的形态与尺寸,精心选择与之相匹配的文字,确保整体呈现和谐与统一的效果。
3..利用图片和图形去补充画面缺漏的信息;
在使用元素时,若不熟悉,则应避免随意搭配,以免造成混乱,确保整体版面整洁且富有美感。
“有效的方法能提高工作效率”
今日话题:
下次你想看关于什么类型的干货文章?