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