设计智造|版式编排需要顺"视"而为!看的艺术
_本文原题:版式编排需要顺"视"而为!看的艺术
本文插图
【设计智造|版式编排需要顺"视"而为!看的艺术】
本文插图
版式编排需要根据视觉流动方向和空间布置视觉流程 , 版面设计的视觉流动方向要根据读者阅读视线方向设计 。 合理的视觉流程可以有效的传递信息 。
本文插图
视觉流程规律
视觉流程是贯穿整个设计的主线 , 版式编排时首先要了解受众的视觉习惯 , 在这样的前提下编排出视觉流向和阅读顺序 , 才能抓住受众的眼球 , 抓住读者的视线 。
本文插图
根据人的视觉心理学法则 , 当我们看到画面时 , 首先在大脑里呈现一定的顺序 , 上 -- 下、左 -- 右、实 -- 虚、色彩 -- 无色、前 -- 后、大 -- 小、人物 -- 风景、动物 -- 静物、金属 -- 光泽、图 -- 背景、熟悉 -- 不熟悉 。
本文插图
版式编排要注意不要头重脚轻 , 那么版面会给人一种不稳定和向下坠落感 , 设计时往往要把版面要素向下移动 , 会形成一种“地脚”大于“天头”的错落感 , 通过这种修改可以解除在视觉上所带来的坠落感 。
本文插图
视觉引导形式
①单向 。 单向流程是一个十分常见的流程方向 , 能得到直观以及简单的效果 。 以下是单向引导的3种表现方式:
本文插图
横向引导 , 让人感到非常安静和平稳 。
竖向引导 , 简单直观 , 其主要作用是对画面进行稳固 。
斜向引导 , 让人内心感到不稳定 , 另外还有很强的冲击性 , 可以在短时间内获得人们的关注 。
本文插图
②曲线 。 弧度明显 , 主要涉及到弧线以及折线 , 按照其角度随意流动 。
本文插图
本文插图
点线面这些视觉元素非常抽象 , 是确立版面视觉流程的主要元素之一 。 任何版面在布局时 , 都应从点、线、面的角度考虑画面构成 , 首先看看版面是否具有点、线、面的形态 , 再根据主题和内容组合排列 , 使它们之间相互依存、相互协调 。
本文插图
均衡
均衡是将版面中各构成要素按照其形态的大小、位置、色调、肌理、轻重等关系 , 在平面空间中进行布局 , 达到心理上和谐、平衡、愉悦的美感 。 均衡有对称和非对称平衡之分 , 对称也是一种特殊形式的均衡 , 它是同等同量的平衡 。 而均衡就是杆秤 , 当双方获得力学上的均衡状态时 , 称为“均衡” 。
本文插图分页标题
在版面设计中 , 点,线、面是相互转换的 , 它们之间就是相互协调、整体均衡的 , 用线来协调点和面 , 用点和线来丰富面 。 具体说来 , 还要综合元素形态、面积大小、颜色等这些要素来达到平衡 , 例如:用文字来平衡图片、用点的数量来平衡面、用线的方向破面 。
本文插图
变化与统一
统一是使画面中众多的构成要素形成完整的视觉感受 。 统一是秩序的表现 , 也是形成平衡与调和美感的方式 。 在强调统一的同时还需要注意到变化问题 , 可以从对比的角度形成变化 , 例如:颜色、形态、大小等 , 从而使整体画面即有统一性又有一定的变化 , 而不失单调 。
本文插图
点、线、面各自相对独立的形态特征 , 就能让画面产生变化的美感 , 而当它们具有相同的构图风格、色彩时 , 就具有统一的美感 , 例如:都是中国风元素或都是手绘风格;色彩上采用一个色系容易形成视觉的统一 , 而为了避免统一的用色使画面过于平淡 , 可以在某些点上用对比色 , 起到突出、变化的作用 。
本文插图
节奏与韵律
当版面按照一定的条理、秩序、重复连续地排列 , 就形成了律动的美感 。 点有规律的排列可以形成方向性 , 起到引导视觉流程的作用和产生优美的韵律感 , 可以是同等大小的连续 , 也可以是渐变的连续 , 包括大小、长短、明暗、形态、高低等;而线本身的属性就是长度感和方向性 , 有规律的变化产生的是井然有序的秩序美感 , 还可以形成如同音乐般有起伏转呈、行云流水般的律感 。
本文插图
本文插图
空间是无形的 , 而“空”与“间”又是两个不尽相同又互相联系的 。 空无边界 , 可以向四周无线延展 , 是无限空间的存在形式 。 版式的设计根据不同的主题 , 按照一定的规则进行不同方式的组合 , 表现出多姿多彩的空间关系 , 借助比例、动静、前后等对比关系表现出来 , 从而超越二维空间 。
本文插图
比例空间
版式设计元素按照不同比例关系呈现出来 , 可以呈现出近大远小的效果 , 通过控制版面中元素面积大小及比例关系的大小 , 调整不同元素的位置 , 就可以达到呈现近、远、中的空间层次感觉的目的 。
本文插图
在具体的编排应用中 , 按照版面中文字、图片的主次关系来统筹安排各个元素在版面中的位置 。 如果编排标题文字或主题形象 , 则需要将所需元素适当放大 , 并放置于版面中的鲜明位置 , 与其它次要文字或形象的大小比例区分开来 , 强调了近、中、远的空间层次关系 , 使版面更明快 , 从而唤起大众的注意力 。
本文插图
位置空间
版式设计元素位置关系的空间层次 , 简单说来就是不同元素前后叠压的位置关系所形成的空间层次感 。 在排版过程中 , 将文字和图片叠压排列 , 通过元素的上、下、左、右位置的部分重叠 , 从而建立起三维关系 , 产生出强烈的节奏感及空间层次感 。分页标题
本文插图
版式设计的位置关系所呈现的空间层次 , 同样需要对版面中的元素进行主次区分 。 先将主要文字及主要图形放置于版面中的最佳视域 , 占领视觉的中心位置;次要文字及次要图片则应避开视觉焦点 , 排列于版面的其它位置;再对版面中不同区域中的元素 , 做前后左右叠压关系的调整 。
本文插图
疏密空间
疏密关系所形成的空间层次感 , 指的是元素根据主次之分 , 按照一定的次序进行疏密、轻重、缓急的排列 , 以此达到烘托主要文字或图片信息 , 削弱次要文字及形象的目的 。
本文插图
版面中元素的疏密关系需做到有所对比 , 即主要文字及形象做到相对密集 , 次要文字及图片相对稀疏;主要形象排列疏松 , 次要文字及形象就应相对密集 。 按此规律排列所产生的空间层次不仅富有弹性 , 也给大众以紧张感或者舒适感 。
本文插图
- 人人都是产品经理|设计沉思录 | 设计师如何把产品目标转化为设计目标?
- 木地板|原创 房子装修与设计,准备做地暖,地面用木地板还是瓷砖好?答案在这
- 儿童房|两个孩子,一个儿童房,怎么设计?学着这样装,何必非得买三房!
- 两居室|72平米的两居室,简约、灵动的设计,就喜欢这样的家
- 衣柜|新房装修,卧室衣柜要不要做到顶?现在都流行这样设计,太实用了
- 洗手台|担心小户型的卫生间太小?你可以这样去设计,好看又显宽敞!
- 玄关|玄关设计得巧妙,不仅美观好看,还能为你营造触手可及的方便
- 日本|日本设计师让人佩服!这18个细节设计强悍又高明!设计率高不瞎掰
- 创意家居|22个脑洞大开的创意家居设计,你没见过?第一个看见就想要!
- 室内设计联盟|原木+白,光影与线面的交织 | 费弗设计