移动互联时代微课程应运而生，现在几乎人手一部智能手机，人们利用闲暇时间就可以进行碎片化的学习，移动微课成为炙手可热的新名词，而HTML5是目前移动互联网最热的语言之一，借由微信这个移动社交平台，正越来越多的走进人们的视野。

想更好的开发一门移动微课，除了好的内容及优秀的教学设计以外，好的设计风格也是十分必要的，那我们就来聊聊H5的设计。以下4种设计风格有助于你更好的开发你的微课程，来瞅瞅吧。

手绘风

这年头，哪哪都是个性张扬的人，好像不玩点贴着自己专属标签的东西，无法存活似的。于是纯手工的绘画配上简单的文案，绝对是吸引眼球的最好方式。

案例：淘宝：男人爱车，没完没了

　长按或扫码欣赏

“男人爱车，没完没了”多简单直白的语言，配上幽默诙谐的文字，心动了有没有，还不快行动。

简约范

简约时尚范，永远拥有一种不可蜕变的光彩，大图少字把这种简约时尚范诠释的淋漓尽致，有条理的安排才能让内容和主题突出，参考时尚杂志的排版可以更好的让此风格发挥极致。

案例：韩寒对谈一加：1步1步来 H5网站

　　长按或扫码欣赏

“一加手机”因为‘国民岳父’韩寒的助阵而渐渐打开了知名度，无论是广告还是其他的推广方式都不像某些手机那些俗不可耐，不过总觉得是一款小众的产品，这组微信推广做的很不错，整体黑色调的设计风格神秘感十足。

扁平流行

扁平设计于2012年开始流行，变成为一种时尚，扁平化设计看上去非常简单、直观，并且使用方便，所以在手机界面和网页设计中变得越来越受欢迎。

案例：可口可乐：征名进行时 微信活动

　　长按或扫码欣赏

整体以可口可乐的红色为主色调，页面设计潮流时尚，可口可乐以年轻一代为消费主力，推崇移动营销，通过年轻人喜闻乐见的在线购物形式和微信互动的方法拉近与年轻消费者的距离。

字也张狂

文字可以是优美的、简单的、狂放的、有趣的、激动人心的，还有很多其他种类。它能激起情绪，帮助用户理解你所要传达的讯息。字体有很多种，但有一点是共通的——它必须具有可读性。仅仅是文字设计依然可以绽放绚丽的光彩。

案例：C3-XR“自由派 站出来”H5网站

　　长按或扫码欣赏

质感的黑色调，宣示着现实的无奈，生活的束缚，……特别设计的文字彰显年轻人为了理想义无反顾的执着，为了爱情远走他乡的勇气，每个人都有追寻自由的渴望。东风雪铁龙C3-XR向追寻自由的人致敬，自由派，站出来!

移动互联时代微课程正在风靡，随着手机硬件的升级、HTML5技术的发展以及微信平台的开放移动开发者饕餮盛宴正在进行，无论是那设计风格，微课的价值都只是为了让学员及其我们的用户更容易看懂、更容易理解、为他节省更多的学习时间而已。如果你有好的设计思路或方法欢迎大家一起探讨……

上一篇：MOOC浪潮涌入公益圈

下一篇：做好微课，关键是要说“人话”