版面|版式设计，这样做才高级！
北京联盟_本文原题：版式设计 ， 这样做才高级！
本文转载自公众号：
BranD的好奇心（id:BranDmag）
本文插图
版式设计决定作品
视觉传达的传播工具
在这个时代 ， 无论是纸媒还是互联网 ， 信息的传播都离不开版式设计 ， 好的版式设计可以在有限的页面内,以最快速、直接、有效的方式传递出核心的信息内容 ， 并让受众建立深刻而良好的印象 。
所以 ， 今天我带领大家学习一些版式设计知识 ， 希望可以帮助到你们早日做出爆款的版式~！
正确认识版式设计
学习基础
首先 ， 要了解到版式设计是将图片、文字进行编排组合 ， 以此通过它来更好的传达作者想要传递的信息 ， 并使得版面内容更加一目了然 。 那么 ， 它有哪些主要构成部分呢？
页面基本元素
本文插图
1#栏
版面中用线条或用空白贯通隔开的部分 。
2#版心
版心是页面中主要内容所在的区域 。
3#标题
版面中字号较大的点题性文字 ， 旨在吸引读者注意力 。
4#视觉焦点
版面中最先吸引读者注意力的部分 。
5#正文
版面中标题以外的主要内容 ， 字号较小 。
6#页边距
版心边沿至成品边沿的空白区域 。
7#注解
对表格或插图所作的解释和补充说明 。
8#天头
版心上方的余白 。
9#地脚
版心下方的余白 。
10#出血
印刷装订工艺要求页面的底色或图片须跨出裁切线一定的位置 ， 通常为3 mm ， 以免裁切时裁掉页面中的内容 ， 裁切线以外的部分称作出血 。
版式设计基本原则
/
比例分配
1#三分法
三分法主要目的是为了帮助你找到视觉兴趣点、平衡画面以及元素之间的不对称状态 。
本文插图
举个例子：将画布水平和垂直地划分成三个大小相等3×3的网格 ， 划分画面的四条线所形成的四个交点的位置 ， 可以用于放置设计中想要突出或者主导画面的重要设计元素 。
2#黄金比例
本文插图
本文插图
顾名思义 ， 恰到好处的比例分割 ， 也因此被各个领域广泛使用 。 其公式为a:b=b:(a+b) ， 特指较小的两个矩 形（例如矩形的较短边）与较大的两个矩形以相同的组合方式相关联 ， 与两个部分相结合 。
本文插图
/
视觉层级
视觉层次非常重要 ， 它可以创造视觉的兴趣焦点 ， 吸引读者的眼球 。 除此之外 ， 视觉的层级关系还通过元素的大小、粗细、色彩、位置以及字体的变化等方面来呈现 。
本文插图
1#大小与视觉重量
大号或加粗的字最先吸引读者的注意力 。
2#位置
最显眼的位置总能优先吸引读者 。 一般来说 ， 位于上方的内容或平行时右手边的位置的内容较为醒目 。
3#字体
一般突出性字体显示的内容往往会更为重要 。
4#色彩
区分与周围文字或其他内容的色彩视觉更能吸引人 。
推荐阅读
- 人人都是产品经理|设计沉思录 | 设计师如何把产品目标转化为设计目标？
- 木地板|原创 房子装修与设计，准备做地暖，地面用木地板还是瓷砖好？答案在这
- 儿童房|两个孩子，一个儿童房，怎么设计？学着这样装，何必非得买三房！
- 两居室|72平米的两居室，简约、灵动的设计，就喜欢这样的家
- 衣柜|新房装修，卧室衣柜要不要做到顶？现在都流行这样设计，太实用了
- 洗手台|担心小户型的卫生间太小？你可以这样去设计，好看又显宽敞！
- 玄关|玄关设计得巧妙，不仅美观好看，还能为你营造触手可及的方便
- 日本|日本设计师让人佩服！这18个细节设计强悍又高明！设计率高不瞎掰
- 创意家居|22个脑洞大开的创意家居设计，你没见过？第一个看见就想要！
- 室内设计联盟|原木+白，光影与线面的交织 | 费弗设计