在设计中标题常常被重视,标题即是文案信息的精华提炼,那么如何能把标题在很多文案信息中脱颖而出就是设计师所要做的工作,前面的文章说过对比可以凸显主题,这期是在对比合理的前提下更进一步的处理方法,我们可以这么做:

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

突显标题就是要把标题特殊化处理,而叠加材质是很常用的方法之一,比如常见的:UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

一说到材质很多人想到的是金属、木纹、大理石等等,其实像杂色、粉笔、线条、场景图等等也属于材质;

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

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

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

文案排好之后我发现标题信息不够突显,而英文区域太过抢眼,那么现在要做的就是把英文弱化下去,把标题突显出来:

UI设计,你为什么不能把标题做的更明显呢?-LMLPHP

把英文通过叠加线条并降低透明度的方式弱化下去,还有另一个目的就是使得英文区域更加配图的感觉一样存在而非文案信息,其次我在标题“所以出色”处加了红色的下划线,目的是要突出标题部分,最后我又在标题下加了一个简单的配图,目的也是为了让标题整体成为视觉的重点,做的并不好,凑活看吧!

编辑:千锋UI设计

05-19 22:01