人(rén)
已閱讀

如何開發一款打動用(yòng)戶的(de)H5

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

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

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

視覺篇

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

2、通(tōng)過實際案例，了(le)解H5設計中實用(yòng)的(de)創意形式及其視覺表現。

3、通(tōng)過實際案例，分(fēn)析H5設計中實用(yòng)的(de)創意方法及其視覺呈現。

交互篇

1、通(tōng)過不同案例真正了(le)解什(shén)麽是交互設計師，H5發展、基礎知識和(hé)優勢。

2、了(le)解ios平台三個(gè)核心理(lǐ)念，6個(gè)基礎設計原則和(hé)andriod平台四個(gè)核心理(lǐ)念，MD環境和(hé)MD基礎視圖布局及規範。

3、學會使用(yòng)頭腦(nǎo)風暴白三角方法，從單純文字叙述方式轉變成用(yòng)戶易理(lǐ)解的(de)可(kě)交互叙述方式，大(dà)方法幫你做(zuò)到H5設計結構扁平化(huà)。

動效篇

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

2、H5動效要遵循的(de)物(wù)理(lǐ)規律，緩動曲線函數的(de)實際應用(yòng)。

3、通(tōng)過熟悉H5中動效如何實現，決定如何采用(yòng)最有效率的(de)制作方式如何從無到有制作H5的(de)動效。