1.今天學(xué)到了
一.為什么要設(shè)計H5頁面
1.移動端會逐步代替PC端一部分重要功能成為媒體報道的前沿陣地。
2.與原生應(yīng)用相比茫因，H5頁面的傳播性和靈活性使它更加符合媒體產(chǎn)品對時效性和差異化的要求眶痰。
二.設(shè)計一個好的可視化咨詢專題熬词，設(shè)計師應(yīng)：
1.參與內(nèi)容策劃铸鹰。在交互性強的H5專題的設(shè)計過程中辜昵，設(shè)計師應(yīng)在策劃初期就參與進去掉弛，確保所設(shè)計的交互形式貼合內(nèi)容戒财。
2.確定專題的信息架構(gòu)（與PC專題設(shè)計一致热监。但用戶設(shè)備屏幕較小，所展示的信息有限饮寞。信息架構(gòu)的設(shè)計更多是在設(shè)計頁面之間的跳轉(zhuǎn)邏輯孝扛。
因此對設(shè)計師對內(nèi)容的把握度、邏輯判斷力和對可用性的了解有著更高的要求幽崩。）
3.充分發(fā)揮圖片的視覺沖擊力苦始。
4.要學(xué)會遵循并打破設(shè)計慣例
三.H5互動游戲與媒體的結(jié)合
1.H5互動游戲設(shè)計
1.雙屏互動游戲設(shè)計
//通過手機與其他媒介產(chǎn)生交互關(guān)系并獲得新鮮娛樂的體現(xiàn)。
2.咨詢與游戲的結(jié)合設(shè)計
//需要對色彩的選用慌申；新聞的嚴肅性陌选；游戲的趣味性進行考慮。
3.刮刮樂在移動端互動游戲中的微創(chuàng)新
2.互動調(diào)查小游戲的設(shè)計創(chuàng)新
設(shè)計游戲閉環(huán)：目標+引導(dǎo)=結(jié)果
1.簡單明確目標
2.恰到好處的引導(dǎo)
3.有意義的核心循環(huán)
3.通過設(shè)計讓調(diào)查變得有趣
1.游戲界面設(shè)計涵蓋色彩蹄溉、元素咨油、互動體驗等多方面、全方位考量
//色彩是游戲界面與用戶的第一觸發(fā)點柒爵。應(yīng)選用契合主題的顏色來烘托場景氛圍
//界面視覺表達的形式和游戲主題統(tǒng)一役电。讓用戶理解并感受到游戲的內(nèi)涵。
//統(tǒng)一功能的按鈕可以降低用戶學(xué)習成本
2.元素的運用
//結(jié)合內(nèi)容設(shè)計元素棉胀，為游戲界面帶來靈魂和感染力法瑟，給用戶提供更好的游戲體驗
3.角色設(shè)定
//設(shè)計人物貫穿整個游戲始終冀膝，吸引用戶。
4.結(jié)果設(shè)定
萌萌的結(jié)果設(shè)定霎挟，讓用戶轉(zhuǎn)發(fā)窝剖。
5.細節(jié)的把控
//細節(jié)指視覺和交互兩種方面。頁面視覺保持精致刻畫的同時氓扛，要確保界面整體的識別性和可用枯芬、易用程度论笔，不刻意采郎，自然而然恰到好處。
4.H5游戲設(shè)計小貼士
1.明確游戲媒體屬性
2.為觸控設(shè)計
//用戶使用觸摸屏時習慣直接觸摸來控制游戲中對象
3.通過及時的反饋鼓勵用戶探索
4.設(shè)計好游戲的閉環(huán)
//即讓用戶在玩過后能獲得滿足感狂魔，產(chǎn)生再玩或分享的欲望蒜埋。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
