移動互聯時代微課程應運而生，現在幾乎人手一部智能手機，人們利用閑暇時間就可以進行碎片化的學習，移動微課成為炙手可熱的新名詞，而HTML5是目前移動互聯網最熱的語言之一，借由微信這個移動社交平臺，正越來越多的走進人們的視野。

想更好的開發一門移動微課，除了好的內容及優秀的教學設計以外，好的設計風格也是十分必要的，那我們就來聊聊H5的設計。以下4種設計風格有助于你更好的開發你的微課程，來瞅瞅吧。

手繪風

這年頭，哪哪都是個性張揚的人，好像不玩點貼著自己專屬標簽的東西，無法存活似的。于是純手工的繪畫配上簡單的文案，絕對是吸引眼球的最好方式。

案例：淘寶：男人愛車，沒完沒了

　長按或掃碼欣賞

“男人愛車，沒完沒了”多簡單直白的語言，配上幽默詼諧的文字，心動了有沒有，還不快行動。

簡約范

簡約時尚范，永遠擁有一種不可蛻變的光彩，大圖少字把這種簡約時尚范詮釋的淋漓盡致，有條理的安排才能讓內容和主題突出，參考時尚雜志的排版可以更好的讓此風格發揮極致。

案例：韓寒對談一加：1步1步來 H5網站

　　長按或掃碼欣賞

“一加手機”因為‘國民岳父’韓寒的助陣而漸漸打開了知名度，無論是廣告還是其他的推廣方式都不像某些手機那些俗不可耐，不過總覺得是一款小眾的產品，這組微信推廣做的很不錯，整體黑色調的設計風格神秘感十足。

扁平流行

扁平設計于2012年開始流行，變成為一種時尚，扁平化設計看上去非常簡單、直觀，并且使用方便，所以在手機界面和網頁設計中變得越來越受歡迎。

案例：可口可樂：征名進行時 微信活動

　　長按或掃碼欣賞

整體以可口可樂的紅色為主色調，頁面設計潮流時尚，可口可樂以年輕一代為消費主力，推崇移動營銷，通過年輕人喜聞樂見的在線購物形式和微信互動的方法拉近與年輕消費者的距離。

字也張狂

文字可以是優美的、簡單的、狂放的、有趣的、激動人心的，還有很多其他種類。它能激起情緒，幫助用戶理解你所要傳達的訊息。字體有很多種，但有一點是共通的——它必須具有可讀性。僅僅是文字設計依然可以綻放絢麗的光彩。

案例：C3-XR“自由派 站出來”H5網站

　　長按或掃碼欣賞

質感的黑色調，宣示著現實的無奈，生活的束縛，……特別設計的文字彰顯年輕人為了理想義無反顧的執著，為了愛情遠走他鄉的勇氣，每個人都有追尋自由的渴望。東風雪鐵龍C3-XR向追尋自由的人致敬，自由派，站出來!

移動互聯時代微課程正在風靡，隨著手機硬件的升級、HTML5技術的發展以及微信平臺的開放移動開發者饕餮盛宴正在進行，無論是那設計風格，微課的價值都只是為了讓學員及其我們的用戶更容易看懂、更容易理解、為他節省更多的學習時間而已。如果你有好的設計思路或方法歡迎大家一起探討……

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

下一篇：做好微課，關鍵是要說“人話”