版式设计中的原理和技巧

时间:2022-09-01 浏览:0

对于很多设计师来说版式设计和色彩的掌控看似很难掌握,

但如果你掌握其中的原理和技巧,就能很容易设计令人满意的作品.


Visual Line - about

关于视觉动线


对于视觉动线,也就是眼睛看物体的视觉顺序。

在海报画面上,视觉动线就是图片元素的信息主次,很多说都遇到过“信息很乱”的评价,

这主要是没有突出主要元素物体,周边的元素抢了视觉点。

对于不同的媒介,在目的上是相同,在结构上是有区分的,主要是元素以及视觉主旨的区别。

例如书籍,UI界面,网页,KV海报等载体。


在整体上设计动线分为2大类,一类是具有动态性和变化性的网站,视频,UI界面和书籍设计,

另外一类是海报,书籍封面,等固定画面形式的设计。

将元素整合为点,线,面,在视觉上进行层次和位置的结构调整。

在这里需要忽略元素本身的细节,要从整个格局上看待画面,看待元素的位置结构。

Visual Line -Apply

视觉动线的应用


在所设计之前,我们都应该明白我们设计的主题是什么,然后将信息在视觉动线上进行组合设计,需要将元素整合为点,线,面,在视觉上进行层次和位置的结构调整。

在这里确认好基本信息之后,要从整个格局上看待画面,看待元素的位置结构。

Layout and Gravity - Type Area

版面的版心


版心就是我们所设计画面的安全尺寸。


在设计的应用上,版心具有其独特的位置,对于书籍网站等文字性排版的媒介,版心是能规范视觉,在海报设计上,版心主要规范主信息的位置,给视觉以安全距离。


版心的计算

在标准情况下,(文字的磅值+行间距)x 行数-行间距=版面的上下尺寸

版心以及版面的分栏

对于是基于版心的基础上,对整个画面进行标准的网格划分,以规范元素的位置,使得整个画面更加整洁,结构平衡舒适。

Layout and Gravity - The center of gravity

版面的重心


重心就是画面的视觉主体,是画面的视觉中心。


在设计中“重心”主要是处于一个范围内,并不是固定的位置,也不是画面尺寸的中心。

在画面中,是需要其他元素进行重心平衡。

在设计中,我们对重心的调整是很微妙,这也就是我们会不停的尝试,不停的试错,总在想找到那最适合的位置,颜色,字体,字号大小等因素.

对于设计师来说,我们应该本着对自己画面负责的态度进行设计.

Structure System- Grid systems

网格排版系统


主要以垂直和水平来划分版面的系统。

网格排版系统最早是源于印刷的书籍排版上,因为在文字印刷中,是必须对所有文字信息进行标准规范的编排,以满足批量印刷的需求.在现在的网络环境中,同样也需要如此规范的编排,以减少出错率,

这也是这几年网格系统被流行的主要原因。

以垂直和水平的分配方式排列版面元素

网格系统的网格编排主要是

3 x 3

3 x 4

3 x 5

3 栏/ 4栏 / 5栏/7栏/10栏/12栏等

具体的设置根据主体设计的要求,

以及媒介载体可以自行调整.

网格系统

网格系统的主要优势是具有通用性,具有模块性.

轴线式系统

轴线式只有一条,所有元素都放在这轴线的两边。

放射式系统

所有元素皆从焦点延伸出来。


涟漪式系统

所有元素皆从中心点环状散播开来。

随机式系统

元素没有特定模式关系,主要以平衡法则进行排列。

行进式系统

这是把元素层层结合,没有固定形式的系统。


模组式系统

将诸多抽象元素变成标准化单元,架接起来。

两边对称式系统

所有文字或元素以左右对称的形式,安排在一条轴线上。

Layout Reference

常用板式参考


Color Composition - Hue

色相


色相顾名思义就是,颜色相,也就是外表.

对于设计师来说,色相这个词大家都不会陌生的,这就我们日常看的物体颜色会说的,红/橙/黄/绿/青/蓝/紫

色相,在这里有2个色以上的对比,按照角度划分为,间色/补色/对比色/同类色.

不同的色相,在自然中都有不同的印证,都能唤醒内心不同的情感。

Color Composition - Valve

明度


明度是指颜色的明亮程度.

在明度这里就有我们在设计中常用的高级灰,这也是统一色调的方式.

Color Composition - Purity

纯度


纯度也是颜色的饱和度,是指这个颜色含有对应色相的多少.

这里有一个概念是黑白不算颜色,因为没有色

在对风格的把控中,颜色纯度的变化,是很容影响风格的.

这里会涉及到,不同文化,不同主题等等.

Tonal

色调


长调,在音乐里面主要就是高昂奋进的乐章。

短调,主要是一些特定文化的音乐。

在设计里面应用以品质感的氛围为主,主要做一些背景使用,

以及一些艺术作品里面。

在设计里面主要应用范围是,海报KV,产品展示等主题较强的设计。

在长调里面主要需要体现的是高对比,画面明快,颜色饱和度高的设计作品。

中调,在音乐中主要是一些过度场景,也有一些特定文化的音乐。

在设计里面主要应用范围是,节日活动,等氛围性设计。

短调,主要是一些特定文化的音乐。

在设计里面应用以品质感的氛围为主,主要做一些背景使用,

以及一些艺术作品里面。

Color Character - Graphic

色彩的图形


色彩对图形的影响。

这也是在设计需要对图形的位置以及体积进行微调的主要原因。


Color Character - Weight

色彩的重量


不同的颜色是具有不同的视觉重量。

色彩的体积取决于,色彩的色相,明度,纯度。

Color Character - Emotion

色彩的情感


红/橙/黄/绿/青/蓝/紫,就是这些色彩来引导我们的情绪。

带动我们的喜怒哀乐,带动厌恶欢喜。

我们是生活颜色的世界里,不同的颜色能带动我们不同的情绪,这也是世界如此多彩的原因。

Color Character - Culture

色彩的文化


色彩的文化性,是由色彩本身的组合和混合产生的。

对于色彩的文化,主要是人类在长期的生活劳动,以及各种活动文化中慢慢演变产生的。

但颜色的组合不一定能代表特定的文化,颜色需要同特定的符号图形一起,才能彰显其魅力.


色彩的文化性和其特定的形状也密不可分。


Color Character - Texture

肌理和纹理


肌理和纹理是由区别的,我们日常说的质感主要是指对肌理的描述。

Design Style

常用的风格展示


品质科技


精致生活


智能生活


独特匠心


时尚艺术


个性潮流


天然有机


品质工业


儿童时尚


节日活动