主标题如何设计？看这篇文章你就懂了

4月 19, 2022 发表于: 视觉设计. 评论

Sponsor

最近给一些小伙伴看图，发现很多问题都是出在主标题上，往往我们的问题是出在不知道如何做形式，主标题不丰富，以及做出很多过时的编排等等。今天这篇文章会从，如何提高标题丰富度，以及编排标题时经常犯的错误这两大方向切入，希望大家有所收获。

标题作为我们文字层级里的第一层级一定要承载起足够的形式，标题要具有三种明显的特性。在常规的商业设计中标题通常是信息中空间占比最大的（或者是最显眼的），字形最复杂的以及形式最丰富的。
这是因为一旦标题过于单薄下面所有的信息都无法深化设计，强行越过标题去强化别的信息是一种喧宾夺主的行为，会大大的混乱视觉秩序。

大家肯定对空间占比最大这一点是有疑问的，例如我们经常会看到下面这种设计，他的标题占比就不大而且还挺好看的是为什么呢？

我们刚才说除了占比最大还可以怎么样？位置最显眼对吧，这两个条件符合其中的一个就足以在画面中简单的区分出层级，这就像是买房子一样，要么占地方大，要么占地方好。

我们开始进入正题，继续来说空间占比最大的话题，这里其实就是解决的信息阅读顺序的问题。正常的信息阅读顺序应该是主标题-副标题>营销点>符号化信息=小标题>阅读性信息>隐藏性信息。

那么如何区分层级？大小是最简单的方法，除了大小还有我找一个显眼的位置这也是非常简单的方法，我们做设计平时就是要避免给自己找麻烦，能用简单的方法解决问题一定不要取绕个弯。
例如这份设计，可以看到他的标题的位置是最明显的，明度差是最大的，而且标题的信息组比任何一个信息组都要大的多，这就是区分层级非常好的一份设计。

通过结构拆分图我们可以发现，虽然这几个色块大小差不多，但是其中的信息组大小都和主标题差了一个档，一定要记住我们比的是信息的大小而不是色块的大小。

这个设计也是一样的道理通过放大主标题以及颜色区分让人一眼就看到核心信息，他这里的标题还和主体结合成了一个视觉组让这份设计的整体性以及视觉性都要比一般的设计好上很多。

直接放大或者找个好位置在大部分商业设计中直接放大都是相当好的手法，放大不是直接拉大也是有条件的，他必须具备一定的视觉性，视觉性这个东西要么是自身就有，要么是借助外力。

自身就有指的是我们的字形就相对复杂，比如我们要给下图配一个主标题的字体，通过分析我知道了我要用一个无衬线体，那么对比下面两个字体你会选用哪个更为合适？

显然我们会选择B选项，因为这个字体的内部结构相对丰富，视觉效果也要比A选项更好。

这就同样解释了为什么同样的内容，有的使用简体明显没有繁体看起来效果好，这也是因为繁体的字形结构相较于简体更加丰富，但是简体的易读程度要比繁体好上好几个档次。

字体设计除了可以优化标题的视觉性以外同时也是在一定程度让其增加了文字的结构使其可以支撑放大使用。

如果继续增加视觉性继续放大标题，那么标题就可以作为画面的主体进行设计了。就像下面这个设计一样，不仅仅针对字体的形态肌理进行了设计，同时还在主体上组合了很多图形抬高视觉性，这种丰富程度作为主体是完全没有问题的。

刚才说了这么多其实也不是绝对的，设计画面的logo大部分时候都会比主标题还要丰富，不过logo的占比都比较小，复杂也没啥用不会抢掉标题的戏。所以我们在说信息复杂度的时候通常不会把logo计算进来。

给大家贴上这个图大家就明白了，视觉性会随着进度条的提升逐渐呈现出不同的作用，具体要应用到什么程度大家就按需要选择就可以。这里所谓的视觉性和识别度都是相对而言，要根据实际设计的风格，装饰元素以及设计主体来确定我们复杂应该复杂到什么程度。不过不管如何，如果作为主标题或者主标题以下的内容一定要有识别度。