如何開(kāi)發(fā)一款打動(dòng)用戶的H5

來(lái)源：lexintech.com ?? ?? 發(fā)布時(shí)間：2017-08-14

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

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

視覺(jué)篇

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

2、通過(guò)實(shí)際案例，了解H5設(shè)計(jì)中實(shí)用的創(chuàng)意形式及其視覺(jué)表現(xiàn)。

3、通過(guò)實(shí)際案例，分析H5設(shè)計(jì)中實(shí)用的創(chuàng)意方法及其視覺(jué)呈現(xiàn)。

交互篇

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

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

3、學(xué)會(huì)使用頭腦風(fēng)暴白三角方法，從單純文字?jǐn)⑹龇绞睫D(zhuǎn)變成用戶易理解的可交互敘述方式，大方法幫你做到H5設(shè)計(jì)結(jié)構(gòu)扁平化。

動(dòng)效篇

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

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

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