编辑 | 阿圈呐授权|三个设计师（ID:the3design）
对于很多设计师来说版式设计和色彩的掌控看似很难掌握,但如果你掌握其中的原理和技巧,就能很容易设计令人满意满意的作品。
01《关于视觉动线》
Visual Line - About
对于视觉动线，也就是眼睛看物体的视觉顺序。
在海报画面上，视觉动线就是图片元素的信息主次，很多说都遇到过“信息很乱”的评价，这主要是没有突出主要元素物体，周边的元素抢了视觉点。
对于不同的媒介，在目的上是相同，在结构上是有区分的，主要是元素以及视觉主旨的区别。
例如书籍，UI界面，网页，KV海报等载体。
在整体上设计动线分为2大类，一类是具有动态性和变化性的网站，视频，UI界面和书籍设计，另外一类是海报，书籍封面，等固定画面形式的设计。
将元素整合为点，线，面，在视觉上进行层次和位置的结构调整。
在这里需要忽略元素本身的细节，要从整个格局上看待画面，看待元素的位置结构。
02《视觉动线的运用》Visual Line -Apply
在所设计之前，我们都应该明白我们设计的主题是什么，然后将信息在视觉动线上进行组合设计，需要将元素整合为点，线，面，在视觉上进行层次和位置的结构调整。在这里确认好基本信息之后，要从整个格局上看待画面，看待元素的位置结构。
03《版式的版心》
Layout and Gravity - Type Area
版心就是我们所设计画面的安全尺寸。
在设计的应用上，版心具有其独特的位置，对于书籍网站等文字性排版的媒介，版心是能规范视觉，在海报设计上，版心主要规范主信息的位置，给视觉以安全距离。
版心的计算
在标准情况下，（文字的磅值+行间距）x 行数-行间距=版面的上下尺寸
版心以及版面的分栏
对于是基于版心的基础上，对整个画面进行标准的网格划分，以规范元素的位置，使得整个画面更加整洁，结构平衡舒适。
04《版式的中心》
Layout and Gravity - The center of gravity
重心就是画面的视觉主体，是画面的视觉中心。
在设计中“重心”主要是处于一个范围内，并不是固定的位置，也不是画面尺寸的中心。在画面中,是需要其他元素进行重心平衡。
在设计中,我们对重心的调整是很微妙,这也就是我们会不停的尝试,不停的试错,总在想找到那最适合的位置,颜色,字体,字号大小等因素。对于设计师来说,我们应该本着对自己画面负责的态度进行设计。
05《网络排版系统》
Structure System- Grid systems
主要以垂直和水平来划分版面的系统。
网格排版系统最早是源于印刷的书籍排版上,因为在文字印刷中,是必须对所有文字信息进行标准规范的编排,以满足批量印刷的需求.在现在的网络环境中,同样也需要如此规范的编排,以减少出错率,这也是这几年网格系统被流行的主要原因。
以垂直和水平的分配方式排列版面元素
网格系统的网格编排主要是
3 x 3
3 x 4
3 x 5
3 栏/ 4栏 / 5栏/7栏/10栏/12栏等
具体的设置根据主体设计的要求,
以及媒介载体可以自行调整.
网格系统
网格系统的主要优势是具有通用性,具有模块性.
轴线式系统
轴线式只有一条，所有元素都放在这轴线的两边。
放射式系统
所有元素皆从焦点延伸出来。
涟漪式系统
所有元素皆从中心点环状散播开来。
随机式系统
元素没有特定模式关系，主要以平衡法则进行排列。
行进式系统
这是把元素层层结合，没有固定形式的系统。
模组式系统
将诸多抽象元素变成标准化单元，架接起来。
两边对称式系统
所有文字或元素以左右对称的形式，安排在一条轴线上。
06《常用版式参考》
Layout Reference
07《色相》
Color Composition - Hue
色相顾名思义就是,颜色相,也就是外表。
对于设计师来说,色相这个词大家都不会陌生的,这就我们日常看的物体颜色会说的。
红/橙/黄/绿/青/蓝/紫
色相,在这里有2个色以上的对比，按照角度划分为,间色/补色/对比色/同类色。
不同的色相，在自然中都有不同的印证，都能唤醒内心不同的情感。
08《明度》
明度是指颜色的明亮程度
在明度这里就有我们在设计中常用的高级灰,这也是统一色调的方式.
09《纯度》
Color Composition - Purity
纯度也是颜色的饱和度
是指这个颜色含有对应色相的多少
这里有一个概念是黑白不算颜色
因为没有色
在对风格的把控中,颜色纯度的变化,是很容影响风格的。
这里会涉及到,不同文化,不同主题等等。
10《色调》
Tonal
长调，在音乐里面主要就是高昂奋进的乐章。
短调，主要是一些特定文化的音乐。
在设计里面应用以品质感的氛围为主，主要做一些背景使用，以及一些艺术作品里面。在设计里面主要应用范围是，海报KV，产品展示等主题较强的设计。在长调里面主要需要体现的是高对比，画面明快，颜色饱和度高的设计作品。
中调，在音乐中主要是一些过度场景，也有一些特定文化的音乐。在设计里面主要应用范围是，节日活动，等氛围性设计。
短调，主要是一些特定文化的音乐。在设计里面应用以品质感的氛围为主，主要做一些背景使用，以及一些艺术作品里面。
11《色彩的图形》Color Character - Graphic
色彩对图形的影响。
这也是在设计需要对图形的位置以及体积进行微调的主要原因。
12《色彩的重量》Color Character - Weight
色彩的体积取决于，色彩的色相，明度，纯度。
13《色彩的情感》
Color Character - Emotion
红/橙/黄/绿/青/蓝/紫，就是这些色彩来引导我们的情绪。
带动我们的喜怒哀乐，带动厌恶欢喜。
我们是生活颜色的世界里，不同的颜色能带动我们不同的情绪，这也是世界如此多彩的原因。
14《色彩的文化》
Color Character - Culture
色彩的文化性，是由色彩本身的组合和混合产生的。
对于色彩的文化，主要是人类在长期的生活劳动，以及各种活动文化中慢慢演变产生的。
但颜色的组合不一定能代表特定的文化,颜色需要同特定的符号图形一起,才能彰显其魅力.
色彩的文化性和其特定的形状也密不可分。
15《肌理和纹理》
Color Character - Texture
肌理和纹理是由区别的，我们日常说的质感主要是指对肌理的描述。
16《常用的风格展示》
Design Style
品质科技
精致生活
智能生活
独特匠心
时尚艺术
个性潮流
天然有机
品质工业
儿童时尚
-END-
·【今日互动福利】·
你有什么其他好的版式设计技巧？
欢迎留言评论和本圈分享~
留言点赞有机会获得
“设计中的设计—原研哉“电子版
圈宝儿们可以添加圈圈个人微信号请扫下方二维码 (进活动福利群请备注)
