刷爆朋友圈的H5頁面是怎么設(shè)計的?
H5以其交互性的優(yōu)勢,能夠提升與用戶的互動,利于引起病毒式的傳播。的H5設(shè)計師也因此成為香餑餑,薪酬大幅提升。那么,一個設(shè)計師怎樣才能快速設(shè)計出讓人過目不忘、倍受歡迎的H5呢?
1、排版設(shè)計
由于H5只能在比較狹窄的手機屏幕內(nèi)顯示,所以適用的排版原則就是簡單集中,將你較想展示的元素放在畫面中心,同時設(shè)計元素不宜過多,保證視覺重心的突出。
2、動效設(shè)計
動效對H5的作用主要是功能性和趣味性兩方面。從功能性的角度,動效可以引導(dǎo)用戶進行點擊、翻頁等動作,或吸引用戶做較長時間的視覺停留;從趣味性角度,則是提升互動度、游戲性。動效需要符合自然規(guī)律,讓用戶感覺舒服流暢。
3、按鈕設(shè)計
H5頁面的轉(zhuǎn)化是通過按鈕這一交互方式實現(xiàn)的,所以設(shè)計師要特別留心按鈕的設(shè)計技巧。據(jù)騰訊報告,放置在頁面左側(cè)的按鈕點擊率要低于放置在頁面右側(cè)的按鈕,而有動態(tài)交互效果的按鈕比純文字的按鈕點擊率更高。
……
還想知道更多設(shè)計H5頁面的基礎(chǔ)竅門?機會來了!
課程內(nèi)容
1、H5案例分析
觀千劍而后識器。只有從的H5案例中歸納、總結(jié)它們的共同特點,才能設(shè)計出符合傳播規(guī)律、符合用戶行為動機的H5。
2、如何選擇工具
哪些設(shè)計工具在進行H5頁面設(shè)計時更高效、更順手?小呆老師將為你揭開這個謎題。
3、如何快速上手
H5頁面設(shè)計應(yīng)該如何選擇字體?排版有哪些技巧?動效設(shè)計應(yīng)該避免哪些坑?明白了這些基礎(chǔ)技巧,你在H5頁面設(shè)計之路上會走得更加順暢。