如何開發(fā)一款打動用戶的H5

來源：lexintech.com ?? ?? 發(fā)布時間：2017-08-14

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

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

視覺篇

1、了解制作一個H5的流程以及視覺設計師在每個環(huán)節(jié)中的工作。

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

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

交互篇

1、通過不同案例真正了解什么是交互設計師，H5發(fā)展、基礎(chǔ)知識和優(yōu)勢。

2、了解ios平臺三個核心理念，6個基礎(chǔ)設計原則和andriod平臺四個核心理念，MD環(huán)境和MD基礎(chǔ)視圖布局及規(guī)范。

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

動效篇

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

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

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