人
已閱讀

如何開發一款打動用戶的H5

來源：www.bqtao.cn ?? ?? 發布時間：2017-08-14

社交媒體時代，H5（這里指用html5開發的手機版網頁）日益成為最重要的品牌、產品傳播手段之一。H5的富媒體形態，在資訊傳播、用戶互動、信息可視化上十分契合企業在移動媒體環境下的訴求，能夠幫助企業在移動平臺上與用戶建立情感共鳴，逐步加深其對企業自身品牌和產品的印象，從而脫穎而出。因此如何開發一個能夠打動用戶并觸發其傳播意愿的H5是當下很多企業和設計師較為關注的課題。

在工作中遇到H5難題，做一個H5不知道如何下手，怎樣的H5才是好的H5。下面總結歸納了一套行之有效的流程方法，從產品策劃、用戶心理、交互手段、視覺渲染、動效運用、移動界面設計常識等方面系統論述講解，通過理論和案例分析詳細介紹提升H5的設計質量方法以及一些實用性強的手段，幫助大家建立一個更加完整的H5設計思維體系。

視覺篇

1、了解制作一個H5的流程以及視覺設計師在每個環節中的工作。

2、通過實際案例，了解H5設計中實用的創意形式及其視覺表現。

3、通過實際案例，分析H5設計中實用的創意方法及其視覺呈現。

交互篇

1、通過不同案例真正了解什么是交互設計師，H5發展、基礎知識和優勢。

2、了解ios平臺三個核心理念，6個基礎設計原則和andriod平臺四個核心理念，MD環境和MD基礎視圖布局及規范。

3、學會使用頭腦風暴白三角方法，從單純文字敘述方式轉變成用戶易理解的可交互敘述方式，大方法幫你做到H5設計結構扁平化。

動效篇

1、認了解優秀H5案例中動效是如何添加的，了解動效的幾種添加場景，要遵守的基本原則。

2、H5動效要遵循的物理規律，緩動曲線函數的實際應用。

3、通過熟悉H5中動效如何實現，決定如何采用最有效率的制作方式如何從無到有制作H5的動效。