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