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