手机版

只靠文案，H5也能自成一派

时间：2016-10-11 0

很多人不会特别看重H5里的文案，觉得H5就是图片、动画、交互的天下，只要视觉感官够炫够爆就行了，文案的话稍稍偷懒一点也没关系。事实上，文案是H5的灵魂，外表华丽却内涵空洞的作品是无法打动人心的。尽管刚开始时很抓眼球，但看得快忘得也快。真正能走进内心的，最终能被用户所记住的，往往是那些其貌不扬，却越嚼越有味道的作品。

案例一：kindle #爱上读来读往#

案例二：首草先生的情书

案例三：我们之间就一个字

案例四：我的深圳下雪了

以上案例其实都是最简单不过的图文展示，可是它给你的惊艳程度绝不会亚于任何一款玩交互玩得逆天的H5。没有过于激烈的表达方式，只有温柔而平和的口吻，抒发情绪丝丝入扣，真的能撩起你的内心涟漪，给你营造一个空间或内心场景。

我们说月盈则亏，文案也是一样的道理。太空泛，让人不知所云；太具象，情感都宣泄完毕了，那就没有用户的什么事了。以上文案的精秒之处在于恰如其分的拿捏，表达走心并留下思考的余地。它只是给你一个描白的轮廓，而你却顺着它的思路，慢慢发酵成丰满的情景或回忆，有种后知后觉的共鸣或感动，让你久久回味。

文案写好了就完事了？当然不是，你还要把它融进H5里，使其与整个H5作品融为一体。H5里的文案排版关键主要是两点：位置与样式。

文案该放在哪？

一个最基本的原理，文案的位置首先是锁定在空白区域。所谓的空白区域，指的是很少或没有任何元素的简单空间。把文字放在核心元素的对称角或斜角上的空白区域中，这样可以让页面排版看起来更加平衡。

如果空白区域比较多，我们可以借助辅助线把页面中的视觉元素切割开来，此时文字就应该放在两个主要元素之间的空白区域上。

如果你实在不懂那么原理，那么就用万能的居中大法，直接放置在空白区域中间，跟着直觉走微调到顺眼为止。

如果背景比较花俏，不好找空白区域，那么可以在文案上添加背景色块，注意色块的颜色要和页面中的主色调相协调。

文案该怎样呈现设计感？

文案的设计感可通过字体、颜色、大小来打造。

字体：

现在的H5制作工具一般都会提供多款字体给用户选择，如凡科微传单除了标配的微软雅黑，还有萌萌的海报体、中国风的毛笔字体等等。尽管选择多多，但千万不要在同一H5使用超过2种字体，不然会让人看得心累，还影响了排版的美观。另外字体的选择也要和页面主题相统一，例如中国风的主题就不要用那些非主流的字体了，这样只会让你的作品沦为杀马特。

如果你想突出文字的重点元素，可以对文本中的某些文字进行独立的编辑设计，利用凡科微传单的富文本编辑器就能单独改变文本中某些字的样式了。

颜色：

文字的配色两大原则，其一，与背景图或文字色块形成鲜明对比，如黑配白，黑配黄等；其二，与整体页面保持统一色调，可以利用取色功能在背景图中选取颜色。

大小：

正文部分字号大小以12px或13px为佳，字体太大会失去一种精致感，短小精悍的文案反而更容易吸引用户去看。标题倒是要放大，64px左右，使其更加突出明显。

掌握了以上文案写作和排版小技巧，即使不用炫技，相信你的H5也能自成一派！

TAG：

小清新助攻

热门文章

© 2011 - 2024 钛锋网 TMTForum.com