H5制作技巧:字体选择与组合方式

H5页面制作在现在来看确实是非常简单,不过虽然解决了H5页面制作上的技术问题,但在H5页面的设计上可能又会令人非常的纠结,毕竟不是每一个人都会良好的设计功底,而且H5页面上的设计如果搭配得好,能产生非常不错的视觉效果,但是如果组合搭配过于随便又很容易导致H5页面难以发挥应有的作用。鉴于这种情况,这里就和大家介绍一下H5制作过程中字体选择和组合的方法。

这里挑选了将不同的字体选择和组合案例分为两类:

第一类是以图片突出为主,而文字的存在只是为了衬托这张图片而已;

第二类是以文字突出为主,而图片的存在是为了重点突出文字的重要性;

经过将这些文字部分截出来以后,根据文字的样式和文字的不同组合方式排列出下面的效果:

第一类

微传单字体选择类别

第二类

微传单字体选择类别

可以看到,这两类组合的字体当中,它们字体之间的差异还是非常大的,尤其是在字体的选择上:

第一类的字体主要体现出现代线体感,字体的笔划并没有过多的修饰,而且出现的题材也比较的广泛,所以这一类的字体组合主要都是应用在商业展示型的H5,或者是衬托人物场景或彰显时尚气质的H5中。

第二类的字体组合属于古典型的衬线体,字体的笔划粉饰性强,比较多的出现于传统、自然或者是抒情性的H5中。

而在字体的组合上:

第一类的字体被紧密的排列在一个矩形之中,在视觉上很容易形成一个面;

第二类各个字体之间的组合比较松散,在视觉上容易形成一个点;

如下图:

H5场景字体组合样式


根据以上的字体选择和组合的对比,大家在制作H5页面的时候,相信应该了解怎么去选择合适的字体,并将其组合了吧。