H5课件的背景设计难度高吗？

H5课件作为新教学形式展现在大家的面前。很多人可能无从下手，我们从最基础的设计开始来说，H5课件的背景该如何选择，H5课件不像游戏那样会千变万化，但是同样不能缺少吸引眼球的地方。那做H5课件背景又该有哪些方式可以参考呢？

1. 纯色

纯色泛指单一的颜色，单纯的背景色会让整体的课程页面简单、干净、明确。纯色是课程背景常见的设计方法，也会让整体课程看起来很大气。

世界这么绚烂，颜色也五花八门，小伙伴们可以选择你喜欢的单一的颜色来做背景色，但要与整体的课程内容风格相符，如果不知道如何取色可以借鉴企业的VI颜色。用纯色来做课程的背景，这样是大胆的尝试，如果颜色搭配得当，整体课程会看起来简约、不简单~

如果想在纯色的基础上增加一些韵味，可以增加以下多种颜色，可以借鉴相近或者互补的用色标准。

如果想在版式上增加一点别致的感觉，也可以在纯色背景色基础上选择倾斜或者不规则的构图，会让课程设计感十足，但需要小伙伴们有一定的构图技巧。

2. 渐变

渐变风格的背景源于其乔布斯风格模板，为了不至于让幻灯片前方的演讲者被拍摄成“剪影”， 大多采用深色的渐变色背景。渐变的设计曾是设计师们避之不及的设计手法，然而发展到今天与一种微妙的方式回归，作为课程背景的渐变色也不再是单一的深色渐变色。

渐变色课程背景色用色大胆，跨度范围有些也很大，小伙伴们如果确实不知道如何配色，可以从扁平化配色中“借用”色彩。

3. 实景照片

在课程设计中使用实景照片来做背景色，很容易把学员带入场景中，但是照片的选择要注意不要过于饱和，可采用简约的风格。我们把照片拿来直接用的时候，一定要保证文字信息的可阅读性，所以在文字部分会适当加一些半透明遮罩或背景虚化的处理，以保证文字的可阅读性。

背景色也可以用典型的模糊效果表现，小伙伴们可以选择“模糊全部”和“只模糊一部分”图像，可根据自己具体的课程内容来选择。

4. 纹理

利用一些拥有特殊纹理效果的图片来做背景色，例如粗糙的墙壁、褶皱的报纸、粗糙的木纹、绚丽的low poly效果等都会让你的课程看起来很有质感。

搜索一些简单的地板或者墙壁的效果，对图片进行拼接，创造出相应的场景感，让学员融入你设定的环境中，可以拉近你与学员的距离。

除了常规的背景木纹，还可以在背景的基础上加入一些记事本纸张的效果，让记事本和木纹融合成一个背景，这样会让学员感觉跳出来PPT的感觉。

如果没有更好的素材，可以用简单的形状绘制一个文件夹、记事本、白板等，只要在这些的基础上可以填写相应的H5课件内容即可。

褶皱的报纸很容易创造手绘的感觉，小伙伴们可以根据你的课程风格选择相应的纹理背景。

5. 图案

图案大都是用多个几何图形重复或者循环做的，用作课程的背景色会因丰富的纹理感让课程整体细节感和层次感十足，也会让课程看起来很有活力。

课程背景色在纯色的基础上增加了图案，图案可以用一些与课程内容相符的小图标代替，铺满整个页面，降低透明度即可。

通过图形的平移或者循环(颜色、透明度、大小)得到，这样的组合节奏感很强。如果各位对做出这样的图案纹理不好把控的话，可以借助一款在线工具，就是Stripegenerator。

把制作好的Stripegenerator 条纹图片以插入“图案或者纹理”的形式载入你的PPT就好。

PPT有个神奇的功能叫“图案填充”，它已经预设好很多现有的纹理，各位小伙伴只需要设置好基础颜色，载入页面即可。

各种流行的设计方式多种多用，最主要的还是要注重服务对象是学习者，也不能做的花里胡哨的。H5课件作为新的展现形式，要更好的体现出教学价值，这种才能发展的越来越好。