版式设计也可以套公式!

用户头像
重庆/设计爱好者/5年前/756浏览
版式设计也可以套公式!
用户头像
Cccc丿

不用追求过多的特效,优美的版式设计也能带来强烈的视觉感受

排版有公式!熟悉这些公式,运用在排版中,长期练习,最终一定会灵活使用,版面更具明确。


在说公式之前,先说一说什么是版式设计,版式设计是针对整体的设计!这一点非常重要,大脑在看见信息时,会自动简化信息,然后在逐步丰富细节。如下图:

 

第一眼看到的一定是个菠萝,随着时间推移,我们才会注意到菠萝内部的信息。


整体:是由形体、颜色、位置关系、平衡等信息带来的大体印象。


而版式设计,就是利用点、线、面代替编排元素,进行整体的设计。

在设计作品中,替代点线面的样式就是文字、图片、构成关系、网格、空白等。


想要设计一幅平静的、有距离感的、很高级的设计,那就需要字体较细+图版率大+版面率大。

想要设计一幅热闹的、促销的、很亲近生活的设计,那就需要字体较大+图版率大+版面率小。


排版公式就是由不同的视觉的强弱程度、图版率、版面率、文字的跳跃率、照片的跳跃率、文字构成、字体印象组合而成的。


视觉的强弱程度:相对于文字、图片产生的视觉程度更强。

 

照片比插图视觉度低


有照片比没照片的视觉度高


 

人物、动物>静物>风景

在这里可以很明显看出来,人物相对于风景会更容易跳出来。


总结:视觉度高,画面显得更有亲和力,越轻快,但相对低廉。视觉度低,画面显得高格调,高级但相对冷漠。


图版率:占据版面的图(插图、照片)和文章的面积比

 


图版率20%

 

图版率90%


总结:图版率高视觉感受会更强,可阅读型更高更加自由,图版率越低,信息越丰富,但比较死板。


版面率:相对于整体版面,版心所占的面积比。

 
 


版面率高

 

版面率低


总结:空白量小,信息越丰富,空白量越大,表现出高品质高格调,当然也会显得冷漠。


文字的跳跃率:以正文为基准,同最大字号的比


     

总结:跳跃率低,显得平静、沉着、有距离感、有格调。跳跃率高,显得热闹、有亲和力、信息丰富、有生机。


文字构成:文字的构成,主要分为三种,齐行型、居中型、自由型


 

齐左型

 


居中型

 


自由型

   
  1. 齐行型:普遍被使用,合理的,商业性的。

  2. 齐左型:相对于第一种,会更自由、自然。

  3. 居中型:高格调、优雅、高品质。

  4. 自由型:根据图片、插图来组合文字,给人自由、随意、自然的感觉。


字体印象:黑体、宋体、书法体、新潮变异体

 


黑体:给人“理性的”“合理的”“简洁新潮”“高效”的印象

宋体:给人“稳定”“舒畅的”“节奏感的”“精致的”的印象


 


书法体:给人“不规则的”“传统的”“保守的”“历史感”的印象

 

新潮变异体:给人“轻松的”“自由的”“时尚的”的基本感受


以上就是构成版式设计的基本元素,根据产品的风格,来确定每一个元素的比率,风格,一点一点确认,我相信一定会带来丰富的视觉感受。


公式分析

 

文字跳跃率大+图版率低+版面率高;给人一种信息丰富、节奏感强、整体富有活力、主题明确的感觉


 

图版率高+版面率低+文字跳跃率低+静物图片,给人一种静谧、高级、有格调、有距离的感觉。


 

字重较轻+版面率低+文字跳跃率低,给人优雅、女性化、高级的感觉。


 

高图版率+低版面率+自由排列的文字+人物照片,给人自由、有节奏感、优雅、高级的感觉。


多看多分析多使用,不需要追求太多的特效,版面依然给人强烈的视觉冲击,这就是版式设计!请灵活组合公式,版式设计不在话下!


以上图片均来自网络,不做商用,如有侵权,联系删除!

22
举报
|
19
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
倒计时,海报,平面
古风平面仕女与瓷器
平面人物插画
海底世界插画
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面插画情侣/矢量
平面书法字手写
空的平台平面和自然景观
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
平面男孩喝咖啡插画设计
城市园林平面布局航拍
城市园林平面布局航拍
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
金色颗粒质地的平面
平面设计 吊牌设计
牛奶乳液层次梯田平铺平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城阙凡花
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册