10個2020-2021必識網頁UI設計

10個2020-2021必識網頁UI設計

全球「戰疫」令商戶轉戰網銷,除了掌握網店營運實務,網店都在優化網頁的UI體驗(User Interface),務求吸引顧客瀏覽和逗留在網頁內,最終轉化成生意。分享Apple, IG等巨企都用上的UI設計技巧, 10個2020-2021年造靚網頁UI設計新趨勢,逐個教路:

網銷進階:在網頁設計及SEO之間取得平衡

 

1) 暗黑主色調

暗黑是不可忽視的2020網頁設計潮流,而且更會延續下去。參考Apple, IG, Android,這些當時得令的品牌都會在網頁設計中大玩暗黑元素,除了因為有型有款,亦因為暗黑色調可令其他設計元素玩得更盡,而且從技術層面而論,暗黑能減低螢幕的耗電量(針對OLED/AMOLED螢幕)和在陰暗環境下對眼球的刺激。可以留意,現時很多應用程式也可讓瀏覽者選擇dark mode。

 

2) 手繪素材

2020網頁設計潮流採用大量手繪素材,相反,罐頭visual帶有「膠味」,已被捨棄。手繪圖案或文字因為沒有me too,所以更能呈現率真個性,除了手繪素材,網頁都在拼意念和表達方式,有的網頁更加入「缺陷美」,例如字體大小不一、圖案線條帶有不修飾的粗糙感,讓人留下印象。對於時裝店、飾物店、精品雜貨店、有機店等主推個人品味的網頁,「想像」大於一切,網頁設計的「不膠元素」最能突顯品牌個性。

 

3) 3D技術彈起

3D設計已非新事物,2020年網頁設計新浪潮是朝向AR和VR技術普及化,UI和UX設計師已爭相加入這些技術,務求取悅顧客和加強互動,藉以延長瀏覽時間,不過,要留意網頁基建的支援性,如果因此而拖慢網頁速度,反而會令UI大大扣分。

 

4) 多layers式設計

UI/UX設計公司在2020年網頁設計中都會加強層次感(layering),圖案與文字不再公整地放在同一個版面上,而是層層疊疊,同時善用柔和的陰影塑造景深和加入飄浮效果,這些設計都可以增強視覺層次,避免網頁平板沉悶。

 

5) 產品相片sell意念

對於售賣high-end商品的品牌,影一輯product photo是必然的投資,而在網頁營銷上,要刺激消費,先要刺激眼球。商品大膽crossover不同素材,製造超現實想像,便能讓顧客在網頁中多花時間研究,有利增加轉化率。

營銷致勝:SEO文案寫作須要注意之處

 

6) 善用粗體字

粗體字可引起關注,在標題、商品分類或商品用上粗體,可以增強層次感。Apple網頁便大量使用粗體文字作為網頁設計的其中一個重要元素。

 

7) 幽默也是一種格調

網頁就是你的品牌大使,具親和力的輕鬆語調比起四平八穏的公式文字更能營造悠閒感,所以你會發現有網店以 “Thanks babe”代替 “confirm order”,這些佻皮語句處處可見,當然如何拿捏文字,便是值得研究的UX writing技巧了。幽默感配短文,意簡言精,是能強化品牌形象的2020年網頁設計技巧。

 

8) 相圖混合處理

另一2020年網頁設計趨勢是在相片上加上圖案,加強網頁風格。這種圖相混合的設計風格不僅可在商品網頁找到,連財金網頁或科技網頁等專業性高的網頁也善用這個技巧減低網頁的沉悶感,以有型而不失大體的設計令人留下印象。

 

9) Voice User Interface (VUI)

Chatbots或虛擬助理已是2020網頁設計中不可或缺的元素,Apple, Android, Google都已加入VUI作為UX/UI的重要一環,能即時為顧客提供資訊或滿足訴求就能掌握瞬間即逝的消費慾。

 

10) 抽象資訊影像化

對於數據繁多或資訊複雜的網頁,EXCEL感濃烈的table或database只會令網頁老氣過時,影響UI,在2020年網頁設計潮流中,連數據表達也要配合UI/UX設計,增加時代感。

針對網銷的2020網頁設計,美觀、功能、UI缺一不可。在ReTAASEMFTVP科技券資助下,網頁設計、網頁內容管理系統CMS和相關雲服務都可申請資助,減低投資成本。

以上資訊,歡迎聯絡pnetform網頁設計公司查詢([email protected])。