_本文原题：版式编排需要顺"视"而为！看的艺术


本文插图
【设计智造|版式编排需要顺"视"而为！看的艺术】


本文插图
版式编排需要根据视觉流动方向和空间布置视觉流程 ， 版面设计的视觉流动方向要根据读者阅读视线方向设计 。 合理的视觉流程可以有效的传递信息 。


本文插图
视觉流程规律
视觉流程是贯穿整个设计的主线 ， 版式编排时首先要了解受众的视觉习惯 ， 在这样的前提下编排出视觉流向和阅读顺序 ， 才能抓住受众的眼球 ， 抓住读者的视线 。


本文插图
根据人的视觉心理学法则 ， 当我们看到画面时 ， 首先在大脑里呈现一定的顺序 ， 上 -- 下、左 -- 右、实 -- 虚、色彩 -- 无色、前 -- 后、大 -- 小、人物 -- 风景、动物 -- 静物、金属 -- 光泽、图 -- 背景、熟悉 -- 不熟悉 。


本文插图
版式编排要注意不要头重脚轻 ， 那么版面会给人一种不稳定和向下坠落感 ， 设计时往往要把版面要素向下移动 ， 会形成一种“地脚”大于“天头”的错落感 ， 通过这种修改可以解除在视觉上所带来的坠落感 。


本文插图
视觉引导形式
①单向 。 单向流程是一个十分常见的流程方向 ， 能得到直观以及简单的效果 。 以下是单向引导的3种表现方式：


本文插图
横向引导 ， 让人感到非常安静和平稳 。
竖向引导 ， 简单直观 ， 其主要作用是对画面进行稳固 。
斜向引导 ， 让人内心感到不稳定 ， 另外还有很强的冲击性 ， 可以在短时间内获得人们的关注 。


本文插图
②曲线 。 弧度明显 ， 主要涉及到弧线以及折线 ， 按照其角度随意流动 。


本文插图


本文插图
点线面这些视觉元素非常抽象 ， 是确立版面视觉流程的主要元素之一 。 任何版面在布局时 ， 都应从点、线、面的角度考虑画面构成 ， 首先看看版面是否具有点、线、面的形态 ， 再根据主题和内容组合排列 ， 使它们之间相互依存、相互协调 。


本文插图
均衡
均衡是将版面中各构成要素按照其形态的大小、位置、色调、肌理、轻重等关系 ， 在平面空间中进行布局 ， 达到心理上和谐、平衡、愉悦的美感 。 均衡有对称和非对称平衡之分 ， 对称也是一种特殊形式的均衡 ， 它是同等同量的平衡 。 而均衡就是杆秤 ， 当双方获得力学上的均衡状态时 ， 称为“均衡” 。


本文插图分页标题
在版面设计中 ， 点,线、面是相互转换的 ， 它们之间就是相互协调、整体均衡的 ， 用线来协调点和面 ， 用点和线来丰富面 。 具体说来 ， 还要综合元素形态、面积大小、颜色等这些要素来达到平衡 ， 例如：用文字来平衡图片、用点的数量来平衡面、用线的方向破面 。


本文插图
变化与统一
统一是使画面中众多的构成要素形成完整的视觉感受 。 统一是秩序的表现 ， 也是形成平衡与调和美感的方式 。 在强调统一的同时还需要注意到变化问题 ， 可以从对比的角度形成变化 ， 例如：颜色、形态、大小等 ， 从而使整体画面即有统一性又有一定的变化 ， 而不失单调 。


本文插图
点、线、面各自相对独立的形态特征 ， 就能让画面产生变化的美感 ， 而当它们具有相同的构图风格、色彩时 ， 就具有统一的美感 ， 例如：都是中国风元素或都是手绘风格；色彩上采用一个色系容易形成视觉的统一 ， 而为了避免统一的用色使画面过于平淡 ， 可以在某些点上用对比色 ， 起到突出、变化的作用 。


本文插图
节奏与韵律
当版面按照一定的条理、秩序、重复连续地排列 ， 就形成了律动的美感 。 点有规律的排列可以形成方向性 ， 起到引导视觉流程的作用和产生优美的韵律感 ， 可以是同等大小的连续 ， 也可以是渐变的连续 ， 包括大小、长短、明暗、形态、高低等；而线本身的属性就是长度感和方向性 ， 有规律的变化产生的是井然有序的秩序美感 ， 还可以形成如同音乐般有起伏转呈、行云流水般的律感 。


本文插图


本文插图
空间是无形的 ， 而“空”与“间”又是两个不尽相同又互相联系的 。 空无边界 ， 可以向四周无线延展 ， 是无限空间的存在形式 。 版式的设计根据不同的主题 ， 按照一定的规则进行不同方式的组合 ， 表现出多姿多彩的空间关系 ， 借助比例、动静、前后等对比关系表现出来 ， 从而超越二维空间 。


本文插图
比例空间
版式设计元素按照不同比例关系呈现出来 ， 可以呈现出近大远小的效果 ， 通过控制版面中元素面积大小及比例关系的大小 ， 调整不同元素的位置 ， 就可以达到呈现近、远、中的空间层次感觉的目的 。


本文插图
在具体的编排应用中 ， 按照版面中文字、图片的主次关系来统筹安排各个元素在版面中的位置 。 如果编排标题文字或主题形象 ， 则需要将所需元素适当放大 ， 并放置于版面中的鲜明位置 ， 与其它次要文字或形象的大小比例区分开来 ， 强调了近、中、远的空间层次关系 ， 使版面更明快 ， 从而唤起大众的注意力 。


本文插图
位置空间
版式设计元素位置关系的空间层次 ， 简单说来就是不同元素前后叠压的位置关系所形成的空间层次感 。 在排版过程中 ， 将文字和图片叠压排列 ， 通过元素的上、下、左、右位置的部分重叠 ， 从而建立起三维关系 ， 产生出强烈的节奏感及空间层次感 。分页标题


本文插图
版式设计的位置关系所呈现的空间层次 ， 同样需要对版面中的元素进行主次区分 。 先将主要文字及主要图形放置于版面中的最佳视域 ， 占领视觉的中心位置；次要文字及次要图片则应避开视觉焦点 ， 排列于版面的其它位置；再对版面中不同区域中的元素 ， 做前后左右叠压关系的调整 。


本文插图
疏密空间
疏密关系所形成的空间层次感 ， 指的是元素根据主次之分 ， 按照一定的次序进行疏密、轻重、缓急的排列 ， 以此达到烘托主要文字或图片信息 ， 削弱次要文字及形象的目的 。


本文插图
版面中元素的疏密关系需做到有所对比 ， 即主要文字及形象做到相对密集 ， 次要文字及图片相对稀疏；主要形象排列疏松 ， 次要文字及形象就应相对密集 。 按此规律排列所产生的空间层次不仅富有弹性 ， 也给大众以紧张感或者舒适感 。


本文插图

• 人人都是产品经理|设计沉思录 | 设计师如何把产品目标转化为设计目标？
• 木地板|原创 房子装修与设计，准备做地暖，地面用木地板还是瓷砖好？答案在这
• 儿童房|两个孩子，一个儿童房，怎么设计？学着这样装，何必非得买三房！
• 两居室|72平米的两居室，简约、灵动的设计，就喜欢这样的家
• 衣柜|新房装修，卧室衣柜要不要做到顶？现在都流行这样设计，太实用了
• 洗手台|担心小户型的卫生间太小？你可以这样去设计，好看又显宽敞！
• 玄关|玄关设计得巧妙，不仅美观好看，还能为你营造触手可及的方便
• 日本|日本设计师让人佩服！这18个细节设计强悍又高明！设计率高不瞎掰
• 创意家居|22个脑洞大开的创意家居设计，你没见过？第一个看见就想要！
• 室内设计联盟|原木+白，光影与线面的交织 | 费弗设计