关于视觉重心这件事

用户头像
成都/平面设计师/2年前/438浏览
关于视觉重心这件事

原文可关注本人公众号:禾勿说 Whole Talk 本文说说怎么在日常设计工作中能够有一个清晰的画面内容传达。

关于视觉重心这件事(上篇)

视觉重心

对于视觉重心,百度百科上的解释是:在物理学上是指物体内部各部分所受重力的合力的作用点,对一般物体求重心的常用方法是:用线悬挂物体,平衡时,重心一定在悬挂线或悬挂线的延长线上;然后握悬挂线的另一点,平衡后,重心也必定在新悬挂线或新悬挂线的延长线上,前后两线的交点即物体的重心位置。在平面构图中,任何形体的重心位置都和视觉的安定有紧密的关系,在人的视觉中,有时候在物理视觉重心点的却不一定是视觉重心,这是我们的视觉感造成的微妙差异。

(字重)

字重的疏密程度处理和设计会影响到视觉重心的观感,如果字体重心无法处理到中心的话会造成头重脚轻或者东歪西倒的视觉效果,在画面中会显得很不和谐,让观感产生不适。所以无论是画面还是字体,在设计时要达到平衡,视觉观感体验才会好。

(字重差异产生的视觉平衡差异)

日常在进行一些标题,文字排版的过程中会发现,用电脑自带输入的字符排版有时也会产生一些不平衡的视觉差异,这时候在做字体是稍微对每个字符之间的距离或者节奏穿插进行微小的调整,视觉观感会更协调。

(字符间距不同产生的视觉平衡差异)

在书籍排版中,会因为元素的运动方向引导视觉点的移动方向,从而也会产生视觉上的重心差异,所以在文本编排的时候,需要在物体运动的反方向上进行一些编排设计,达到视觉上的协调感和平衡感。

(*图源资生堂《花椿》杂志封面)

(通过运动方向引导,平衡视觉差异重心)

在进行页面排版时,视觉会不自觉的被色彩纯度较高的内容吸引,可以看到将颜色纯度较高的和颜色纯度较低的色块放在一起也会产生视觉重量不平衡的差异。

(颜色纯度明度不同产生的视觉重心差异)

但当颜色纯度相似的两个内容放在一起时,又会没有视觉的重点。所以在进行排版时,可以根据实际需求和想要突出的内容进行协调,尽量加大主级内容和次级内容的颜色视觉重心对比,达到使画面更有层次感和顺序的效果。

(通过颜色明度纯度高低产生的视觉重点来引导阅读层次)

同样比例大小的图形,因为形状不一样也会产生视觉感上的大小不一,在设计时为了保证画面中各部分内容视觉感的大小平衡,可以适当增大或缩小个别图形的面积,达到看上去的时候是同等重量的。

(形状产生的视觉重量)

(考虑到整体效果呈现时适当改变个别图形大小来协调画面)

视觉重心的协调贯穿在图形,颜色,字体,排版,网页...设计的各个方面,今天讲到自重,大小,字符排版穿插,元素运动方向,颜色纯度&明度的对比,图形形状都会影响到画面视觉重心的改变,在进行项目设计时可以对所要突出的内容进行一个视觉重心的构思和考虑,那么在进行工作时,会让画面有一个清晰的层次表现和整体观感的协调,让我们在对作品进行修改时能有一个清晰的引导。

关于视觉重心这件事(下篇)

凡事抓重点,同样画面上的视觉点也要有重点,才能更清晰的传达出信息和图形并让接收者有效接收。

过多的横平竖直文字排版会导致阅读疲劳且没有阅读重点,此时就需要把所有信息整理分类,这样可以引导阅读,抓住阅读者的阅读重心。

我们会经常遇到图文叠加的设计情况,而大多数时候叠加文字在图片上会看不清文字。这个时候就会减弱文字信息的清晰度和传达度,而图案作为辅助传达作用应适当跟文字拉开距离,保证文字信息为第一视觉重点的情况下加以图形提高视觉美观度。

很多时候使用图片叠加文字的排版方式,但由于图片的复杂性会让文字看不清,加上一层底色和统一画面的色调再插入文字,可以提高文字的可辨识性。

插图的复杂性影响画面视觉重心的结果,插图越复杂,视觉质量越重,插图越单薄越减弱图形的视觉锤,这样会决定我们是先看到图形还是先看到信息。

前者在视觉上会有一些不适,引起一定的阅读疲劳,两者的饱和度都很高会降低对比度,提高内容的对比度可以集中视觉度,而且要根据字体在画面中的占比来调整对比来提高识别性。这种情况下,因为开头文字的字号已经够大。提高了画面的活力性,这时候如果小字号部分使用同样的颜色肯定注意不到,只有从颜色和大小上跟其他元素形成更强烈的对比才能保证正文部分的易读性。

明显字间距比较紧密的段落文字更能吸引视觉集中点,所以在处理一个版面上的文字层级变化的时候,除了用字体大小,自重大小去体现视觉层级外,也可以用这种改变字间距的方式达到区分视觉层级的效果。

改善信息分散,统一画面色调,大面积色块突出重点,拉近主体和信息之间的距离来区别不同信息块之间的内容,用大面积或适当面积的留白来突出内容,海报和排版中比较常见的变现手法。

用这些方法可以有效的突出画面的视觉重心,信息更有效的传达,让人更易阅读,也可增加读者的兴趣度,在日常的海报,排版,网页,作品集以及PPT制作中都可以利用起来,也可以提高自己提取画面信息的能力。

这里是“禾勿说 Whole Talk”,可以关注我了解日常设计动态和作品分享~祝大家周末愉快!

6
阅读原文
|
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画设计女孩喝咖啡
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
学习,优惠券,平面,海报
平面设计 吊牌设计
城市园林平面布局航拍
城阙凡花
课程海报,平面素材
平面人物插画
海底世界插画
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
倒计时,海报,平面
空的平台平面和自然景观
中国传统纹样创新图案设计
你可能喜欢
相关收藏夹
大家都在看
登录注册