H5设计门道 | 5分钟全方位了解标题设计

摘要: 标题的基本样式你都知道吗?ME来告诉你

11-11 19:22 首页 ME说


封面图可以说是一个H5的灵魂,而一个好标题则可以快速抓住用户的眼球。看完这篇文章,你将能知道标题的基本样式,并且能快速挑选符合主题的标题设计风格。

 

和常见的枯燥设计教程文章不同,这篇教程从实际案例出发,包含理念和详细操作,可以让你重新认识H5标题。

 

现在,就开始我们的学习之路吧。


标题的基本设计:让人秒懂


首先,我们要搞清楚标题的首要任务是传达信息,一个合格的标题,需要言简意赅地表达整个H5的主题。这不仅需要好文案的支撑,还需要设计排版的精心构想

 


想要让人秒懂,最重要的就是要在设计上分清主次,利用字体的大小、颜色、粗细等方式,来突出表现重点信息

 

比如下列这个H5,“走进丽江”四个字的字体最大,并且显示在页面上方的正中央。而副标题——“来自游客的随身读本,了解丽江的第一窗口”则用了较小的字体,而且排列在主标题下方的右侧,既传达了信息,又有了层次感



识别二维码

制作让人秒懂的标题




标题的基本样式:几何形状是基础


我们常常看到各种五花八门的标题样式,但归根到底,都是以基本的几何图案作为基础。翻阅ME精品H5推荐栏目,可以看到那些有吸引力的标题,都是有迹可循的。


以平行四边形为基本形状


比如下列这个倾斜的标题,就是以平行四边形为基本形状,显得平稳又有动感,符合轻稳的H5摄影主题。



识别二维码

让你的标题平稳又充满动感


以三角形为基本形状


如果你的H5是企业招牌,或者公司手册,可以选择使用三角形形状的标题,显得更加正式,也更有权威感。



识别二维码

制作权威感十足的标题


以矩形为基本形状


如果想要减轻H5的疏离感,可以使用更平和的矩形,比如下方这个家居主题的H5,显得自然,而且更具亲和力。



识别二维码

让你的标题更显亲和力


以圆形为基本形状


正方形版式,显得自然,圆形则是比以上所有的形状都更加活泼,就像下方这个使用了圆弧的H5标题,显得可爱和有趣,很符合夏日的浪漫主题。



识别二维码

制作可爱有趣的标题




标题的核心:选择合适的字体


要做好标题,选择恰到好处的字体可以事半功倍。一般情况下,标题偏向于选择微软雅黑这类的无衬线字体,做一些简单的变形。但有时候也会使用一些富有特色的字体,比如下面的这个H5标题就用了行书,做简单的字体颜色处理就能使用。



识别二维码

选择合适字体制作标题




福利时间


如何简单处理字体颜色

产生炫酷效果


在网上搜索字体颜色效果,可以看到各种各样的教程,步骤专业且啰嗦,各种图层,各种高斯模糊滤镜效果,复杂得让人连PS都不想打开。

 

M君根据经验,总结出几个懒人妙招,分享给大家!

 


首先,根据主题在图片网站上找一张高清大图,小编推荐使用Pixabay,有很多高质量免费商用图片。这里以夏日主题为例,选一张蓝幽幽的图片作为背景。


第一步,新建一个图层,然后把选好的图片拖进去。



然后,添加文字图层,输入文字。



接下来,改变图层的顺序,把图片的图层移到文字图层上方,并且点击右键,选择创建剪贴蒙版。



如果想要对文字进行变形,还可以选择菜单栏里的类型——转换为形状,然后就能产生锚点,对文字进行变形了。





让标题更有亮点:动静结合


掌握了标题设计的基本知识和设计技巧,你已经在专业H5制作道路上迈出了重要的一步。设计出好看的样式之后,你还可以利用ME后台的动态效果让标题更有吸引力。

 

下方这个H5就是一个很好的示范,把动态效果和字体设计结合,提升视觉的冲击力。



识别二维码

制作动静结合的标题




虽然ME平台上有很多优质的模板,但要想制作出有品牌特色的H5,我们依然需要具备一些基本的审美意识和设计技巧。

 

在设计小白迈向H5制作大神的路上,ME会跟你一起进步!


还想了解更多的H5设计技巧,就在留言区里提出来吧!




识别ME二维码,进入ME



了解更多H5设计技巧


点击“阅读原文

最具创意的自媒体制作工具你值得拥有!


首页 - ME说 的更多文章: