设计中的标题如何突显?

都是自己总结的,不喜勿喷!!!

在设计中标题常常被重视,标题即是文案信息的精华提炼,其目的在于把最精炼的文案信息用最短的时间传达给用户,通过标题让用户能在第一时间明白设计的目的,而不是像文章自然段一样去阅读才能明白,那么如何能把标题在很多文案信息中脱颖而出就是设计师所要做的工作,前面的文章说过对比可以凸显主题,这期是在对比合理的前提下更进一步的处理方法,我们可以这么做:

突显标题就是要把标题特殊化处理,而叠加材质是很常用的方法之一,比如常见的:

其实这些处理都属于叠加了材质,而叠加材质的目的就是让标题文案更引人注目,在突显标题的前提又使得主文案更富有设计感、趣味性!也许有人认为这样的处理是多余的,标题完全可以通过大小对比的方式突显,其实这是一个误区,大小对比固然重要,但是并不是所有的设计都适合很扁平化的设计,通过把标题特殊处理,带给用户的是更强烈的视觉感受、更深刻的记忆,也利于信息的传达;比如:

一说到材质很多人想到的是金属、木纹、大理石等等,其实像杂色、粉笔、线条、场景图等等也属于材质;但是也有很多设计不适合这种处理手法,比如扁平化的设计,那么我们继续看:

标题特殊处理其实涵盖面太广了,我主要说的是偏“温柔”一点的处理手法,容易出效果的处理有时候很简单,比如:

通过关键字特殊处理,在原有的对比基础上,在标题文案上更加细节化的处理,即能突显标题,又能提升整体的设计感、可阅读性!当然还有更“温柔”的处理方法,就是标题关键字加辅助元素,这该怎么理解呢,下面通过案例看一下:

又是另一种感觉,这条线的作用就是突显了主题,字体下划线的处理方式也是很多设计师喜欢的一种,其实这样的处理手法,是很容易能体现效果和设计感的,比如:

很多人对于图形化的概念模棱两可,所谓标题图形化处理就是在不影响标题信息正常阅读的前提下使其更具有形式感、设计感,把简单的文案信息赋予其图形一样的美感,而非一定要加几何图形,这样做的目的就是把标题与其他文案在形态上形成反差,即能突显标题又能体现出设计感,比如常见的字体设计:

但是这种方法需要不错的字体造型设计能力,并不是所有人都能驾驭,我们也可以通过选择字体弥补,有很多字体图性感也很不错,比如:

增加标题的立体感也是很常用的方法,说到立体感,很多人第一时间想到的是立体字,在很多专题页或者海报中立体字是很常用的,立体字的制作方法一般是在AI、PS、C4D制作,而把标题做出立体感就能起到突显的作用,这也是很常用的方法,比如:

把标题做成立体字的感觉同样也能起到突显标题的作用,同时也能带来很强烈的视觉感受,而我所说的立体感并不只是立体字,也指在视觉上存在空间感受的标题,比如这样的:

在视觉上同样也存在着空间感,也就是常说的前后层叠关系,这种处理手法在电商以及平面设计中都适用!

为什么要说这么多方法呢?其实就是怕大家形成误区,比如很多人知道立体字,无论做什么都想用很厚重的立体字效果,而这就是一个误区,一定要避免单一方法做设计的思维,要根据实际情况去选用恰当的处理手法;再者也不是所有的标题设计都需要用到类似的方法,比如有些企业类的官网;但是这些还是适用于大部分的设计,要学会灵活运用!

随便找的文案,动手做了一下,主要是针对下划线的,第一步我把文案整体信息做好大只排版,风格就是简约大气的感觉:

说了很多方法,目的在于提供更多的选择,其实归根结底可以总结为一句话,突显标题的方法就是特殊化标题,也就是与其他文案形成反差,至于如何特殊处理也给大家提供了几点小方法,一定要因地制宜,而且要用到日常的设计工作中,很多人也许看过的文章比很多大神都要多,但是到工作中还是懵;最好的是当你发现一种很实用的形式或者手法时,要在最短的时间内最多的运用和练习,这样的记忆才是最深刻的!

美工美邦(公众号)

作者:张家彬

(0)

相关推荐

  • UI设计中字体的应用

    我们在一直赶路,有时候要停下来,好好想想,沿途的风景我们好好欣赏过了吗?我们的基础知识牢固吗?我们有总结沉淀吗? 你说你是不是外貌协会的,反正我是的.想啥呢,我是说设计.在设计中,我们大多数人也都是不 ...

  • 【译】UI设计中使用插图的十大理由

    在过去的几年里,UI插图一直是最流行,最持久的设计趋势之一.一起来讨论下在网站和移动UI设计中运用插图的原因. 插画是什么? 基本上,插图是对特定概念.文字或过程的视觉解释,旨在支持.澄清甚至扩展人们 ...

  • 设计中你该遵守的20条规则

    在设计中,我们常被允许.鼓励打破设计规则,这时你至少需要知道这些规则,才能正确的打破它们. 本文列出了一些基本的规则和技巧,从字体.排版到色彩.样式,涵盖了大部分设计中常见的错误,帮助你在设计中避免它 ...

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 电商设计中的极简设计

    小编:本篇来和大家讨论讨论关于电商设计中的"极简设计",首先感谢作者@蒸个馒头详尽的讲解,举例分析.我认为的"极简设计"就是去掉不是必要的,留下重要的,让用户可 ...

  • UI设计中的布局编排原理

    @IOI.@麦子如果说色彩和图片是人的外在,那么版式编排就是人的骨骼,从基础上决定了一个人的内在.今天就带着大家一起从以下六个方面来探究下UI设计中的版式编排. UI界面设计中,信息能被有效的传达,离 ...

  • ​方框/方形元素在设计中的运用

    本文主要根据我在设计中的到的一些领悟得来的总结和规律.围绕方框方形的作用.应用领域.类别三个大方面来发表观点.希望能够给喜欢学习的设计师一些帮助. 常常听见大神说设计不需要方方正正的,这样会显得死板, ...

  • 网页设计中的大事件 – 彩色字体

    小编:今天@Ethan为大家带来一篇关于网页设计中彩色字体的文章,主要介绍了什么是彩色字体以及注意事项和如何创作.感兴趣的小伙伴可以试着自己创作一下,完成后别忘记晒出来呦. 那么什么是彩色字体?这是一 ...

  • 在GUI设计中如何运用模糊和投影(下)

    小编:@UISTAR当我们回顾这几年做的体验比较优秀的交互设计时,会明显发现做的比较好的APP都是注重功能优先的.对一个产品来说,好的功能设计是它成功的关键.美学和视觉细节同样重要,因为他们可以有效的 ...