@TTTing1?：我之前写过很多关于Banner的文章，我也给大家做过图例示范，如下图所示，一个最完整最常规的Banner主要由下面这些部分组成：文案／模特或商品／背景／点缀元素／logo。
我也写过上百篇关于电商的文章，内容涵盖文案／运营／设计／摄影／用户体验／用户心理／市场营销等各个方面，算是比较全面的了，但是大家可能也发现了，我对于电商设计里面的其中一个部分其实写的非常少，也就是标题设计。
以前我觉得标题部分的设计比较复杂，涉及到图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景等很多方面的内容，它其实相当于又是一个独立的设计范畴了，我即使是写的话也只能是写的比较皮毛，远不及那些专门的字体设计师来的专业，所以就暂时搁浅了，总想等到某个时机成熟的时候再来写。
不过经过这段时间的沉淀，我也对标题部分的设计有了一些自己的理解，所以今天可以在这里给大家分享一下关于标题设计在电商设计里的运用的知识。
欢迎关注@TTTing1?的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。
那么为了方便大家的理解，我这里把标题部分的设计总结归纳为这几个方面：图形设计／质感风格／文字排版／字体的气质／色彩搭配／文化背景。
接下来我们一个个地来看下：
1. 从图形设计的角度去理解
因为字体其实也可以理解为是一种图形符号，对于不同品类的电商活动设计，我们可以在标题部分融入一些图形或实物搭配，这种形式不仅可以帮助用户更好的地理解活动主题，也能给人耳目一新的感觉，非常适用于一些要体现产品功能卖点的文案，我给大家举例下：
比如下面的晚安2个字是由床上用品拼成的，非常一目了然：
今年的三八女王节也是用产品堆成了一只猫头的形式：
还有这个很赞的图形拼接字体设计作品，大家应该也都不陌生吧～
我们也可以只是将部分实物融入到字体里面，搭配组合成一个完整的标题：
也可以完全抛弃实物，而是运用字体＋相关图形绘制的配合：
或者是完全由绘制的图形来拼接成你的标题文字：
当然，最简单的高效的偷懒的标题部分的设计，就是直接打字，用字库里的现成字体就好。。不过这种往往也缺乏新意。
2. 从质感风格的角度去理解
为了保持页面的统一性，标题部分的质感最好是与页面保持一致，要不然会感觉突兀，比如页面是比叫科技质感带高光的，那么标题部分也可以带一些质感或高光，这样才协调。
而页面形式多种多样，标题部分的质感当然也就多种多样了，举例：
科技／数码／家电／游戏类的banner或专题页设计经常会用到这种高光金属质感的字体效果：
教程直达：《PS教程！教你创建炫酷的3D金属字体（素材已打包）》
页面需要体现个性／张扬／放纵／爆发力的时候，经常会用到这种毛笔字和字体飞溅的效果：
教程直达：《教你五分钟快速绘制大气磅礴的水墨字效果》
要体现年代感或一些带情绪的氛围主题的时候，字体可以有一些做旧的效果：
通过对字体阴影的运用，我们也可以做出很多不同的质感风格的字体，比如可以做成丝带或折叠纸的效果：
教程直达：《PHOTOSHOP创建真实的折叠纸字体》
比如卡片的效果：
当然你也可以直接通过剪纸来得到你要的质感样式：
还有一些走卡哇伊路线的页面标题，常用一些卡通手绘风格：
教程直达丨《用PS快速打造漫画风格字体》
一些粉笔画效果的质感常用于学院类型的主题banner，比如教育培训啦开学季之类的：
教程直达丨《手把手教你绘制效果逼真的黑板粉笔字》
还有一些轻质感的比较圆润的萌萌哒的字体效果（这些都要用到手绘啦～）
教程直达丨《手把手教你用AI绘制Q版的萌萌哒字体》
再或者是叠加一些跟主题吻合的纹理图案：
霓虹灯效果：
教程直达丨《PS教程：创建梦幻的霓虹效果文字》
也可以直接在字体上叠加照片，这种形式非常省事，同时也可以非常有设计感，不过对于照片的要求比较高：
教程直达丨《让图片加字变得有格调？这三个方法可以轻松搞定！》
还有一些质感可以直接依据主题而设定，比如花啊／水啊／云朵啊／草啊／木头啊之类的质感等，总之，世间万物都可以成为你的标题文字的质感，前提是跟你的主题风格相吻合。
下面这个就是用的针织用品的质感和形式，也很巧妙：
还有一些需要借助三维建模或其他方法去实现的质感我就不一一举例啦～反正方法都是活的。
3. 从文字排版的角度去理解
我之前已经给大家总结过常见的Banner排版样式和专题页结构样式，但其实标题部分也是有很多不同的排版样式的，举例：
最常见的左对齐／居中对齐／居右对其：
将文字作为背景或拆分为笔划有节奏的排列，每一个笔划就是一种元素：
