相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

版式设计教程——文字排版的分组和对比

芥子发布于:2019-2-15 22:31 |原作者: 美工美邦| |来自:美工美邦公众号
芥子
甘肃省 金昌市 设计爱好者
发私信 + 关注
简介: 文字排版有三大基础理论知识,即对齐、分组、对比,关于排版的对齐原则在前面文章中已经写过,本期的重点是分组和对齐原则:也是最能体现文字编排层次感和设计感的两大原则。那么什么是分组?如何进行分组?需要注意什么?如何体现出对比?等等一连串的问题也随之而来!看似简单 ...


第二:设计中的文字排版要始终有分组的概念,具体分几组要试情况而定,但是在一般情况下,文字排版分组最少分为两组,目的是为了提升文案信息阅读的流畅性、以及避免造成压迫感;而最多不要超过四组,目的是分组过多会给人一种松散、不够整体的感受!

第三:当文案信息太少且又要兼顾分组时,可以借助按钮、装饰元素、线条、形状等等用于体现文字排版的层次和分组。

分组对于层次感和整合信息都有一定的帮助,但是还远远不够,我们还要借助对比原则进行更进一步的提升!

版式设计教程——文字排版的分组和对比 飞特网 设计理论

对比,可以理解为"视觉反差",目的营造视觉感官上的变化,避免文字排版单调、主次关系不分明的现象出现;合理的运用对比原则,能很大程度上提升文案排版层次感以及设计感!而对比原则也能起到很好的整合文案信息的作用,也就是我们常说的放大、加粗、变色等等,其实就是在强调对比的重要性,凸显主次变化;常用的体现对比的效果的手法有以下几种:

版式设计教程——文字排版的分组和对比 飞特网 设计理论

这些对比手法都可以用在文字排版中,目的是为了更好的体现层次变化,可以用一种,也可以用多种,但是要兼顾信息的流畅性以及可读性,比如我们常说的,主文案要放大:就用到了大小对比的形式;重点文案加粗、变色:用到了颜色和粗细的对比形式;再比如在选择字体时给与主要文案以特殊的字体形式:则用到了形态的对比;还有一些游戏海报的设计中,大标题会做一些材质的区分等等,对比的目的是形成视觉反差,而视觉反差的目的则是让用户去注意那个与所有元素区别最大的视觉点,进而起到了突出、强调的作用,而与此同时,层次的变化也得到了体现!

下面我们看一组简单的案例,仅用到前面所说的理论,将文字进行简单的编排:

版式设计教程——文字排版的分组和对比 飞特网 设计理论案例中分别用到了大小的对比、形态对比、颜色对比,同时都做了最基础的分组;看似简单,其实都用到了排班的基础理论;分组增强了文字排版的通透性、对齐体现了整体性和整齐的效果;对比原则使得文字排版层次感更强,主次关系的体现是文字排版的重点,三点相互结合,一样可以将很简单的文案做的很丰富;在进行文字排版工作时,对比、对齐、分组是相辅相成的作用,而不是互相独立。

版式设计教程——文字排版的分组和对比 飞特网 设计理论

对齐、对比、分组作为文字排版的基础,要做到始终贯穿整个文字编排工作中,不管多么花里胡哨的编排形式,都是在此基础上去演变、改动的,所谓万变不离其宗,就是这个意思!现在可以找一些优秀的案例进行分析,分析他们是通过哪些形式体现这三大原则的,为什么要这么做?如果让你来做,你还有哪些想法?这是吸收别人作品优点以及学以致用的好方法,不妨多试试。

当然,文字排版不仅仅局限于这些,还有哪些更实用的编排技巧,敬请期待进阶篇~~

版式设计教程——文字排版的分组和对比 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
21

好评
11

差评

刚表态过的朋友 (32 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 学无止尽

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

芥子
甘肃省 金昌市 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计