html5模板 制作,优秀的H5作品是如何炼成的？模板制作详解！

H5的传播应用越来越广泛，你是不是很羡慕那些风格独特、样式精美的

构图

01确保画面内元素都是一个风格

02分清主次关系和前后层次关系，保持构图的平衡

03 注重留白，删除不必要的内容，少即是多。在干净背景的衬托下，

只需要一个简单的词语或是表达主题的图片，就能达到非常好的效果。

04 利用负空间巧妙构图，通过正负空间的建造，试同一张图可以看出两种图像。

颜色

01根据海报设定的主题来确定相应的颜色。

(例：新春主题采用传统的红色)

02可以使用纯色块，但是一定要选择好颜色的搭配。

03颜色上的强烈对比可以打造出夺人眼球的效果。

(例：蓝黄撞色)

文字

01选择字体时，至少选择两种，将标题和正文分开。

但同时同一页面内最好不超过三种字体，避免过于花哨。

02如果海报中只有少量文字，那么尽可能选用粗型字体，并结合图形或照片；

若海报中有大量文本，那么就将文字作为主视觉，试着放大标题，将文本视为文本块来处理。

图片

01 创建一个焦点

使用清晰或模糊的图片当背景，可以增强文字赋予的力量。

仅保留图片最核心的部分，有时候可能会有更戏剧化的效果，同时也非常吸引注意力。

创意

01 大胆发挥幽默感和想象力

可以根据H5的关键词进行头脑风暴，和当下的热点结合，并尽可能的脱离常人思维。

02 用放大来起到强调作用，加强记忆点。

当文字较少或图片单一的时候，可以将图片或文字放大，

在构图比例合理的条件下撑满空间，就会产生强有力的冲击力，使受众人群被它所产生的情绪所吸引。

03 强烈对比让它更有趣

方法有很多种，除了前文提到的颜色的对比，还可以进行字体大小的对比，带来强大的视觉效果。

掌握了这些技巧，模版的制作是不是很简单了呢？赶快登陆MAKA平台，进行你的创作吧！

原文出自>>>http://bbs.maka.im/thread-501-1-1.html