別再激怒使用者!2020 好感網站設計7大趨勢

別再激怒使用者!2020 好感網站設計7大趨勢

嗨,大家好,我是 applemint 的 Joyce。
提升使用者體驗是當前各領域設計的重要指標,網站設計更是不例外。

這篇文章提供給想要外包網站設計的行銷人員或是網站設計師。

不論你需要的是以形象為目的的品牌官網、以流量為目的的內容網站、以轉換為目的的購物網站…等,在 2020 年你應該注意到以下幾個網站設計的方向與趨勢,讓網站為你帶來更大效益。

網站設計 5 大方向

1)整體視覺與佈局

隨著使用者體驗的越來越被重視,在網站的視覺設計也以訴求乾淨、愉悅、熟悉作為導向。
另,在頁面的圖文資訊佈局也偏向以簡潔為主,不要讓使用者過度滾動網站頁面。

2)字型

先前我們曾在「日本設計師推薦!免費和風素材字型、色彩、背景圖片懶人包」分享過許多免費網路字型可供下載使用。
但在考量網站內容資訊量高,應選擇易於閱讀的文字樣式,避免使用有過多造型的藝術字體,更能清楚傳達訊息。

3)色彩

使用品牌色作為網站設計的主要色調,再搭配其搭的輔助色使用,不僅能完整延續品牌精神,也能更加強化品牌形象的同一性,避免使用者混淆。

4)導引性

跳脫複雜的功能特效設計,盡量讓設計實用且簡單,這可幫助使用者可以在網站上準確的找到他們想要的東西。

此外,網站的元素應該根據使用者的行為直覺和需求進行排列,以便他們輕鬆找到相關頁面。

5)回應式設計

根據台灣傳播資料庫 2019 年調查報告顯示,有高達 8 成 5 以上的台灣人使用智慧型手機,這也代表著,要讓你的網站設計符合行動裝置閱讀,已經是基本中的基本了。
因此,請確保您的網站設計可在*主要瀏覽器上運行,且可符合使用者的各種瀏覽設備。

*主要瀏覽器:根據 Rankinfo 資訊指出,截至 2019 年 11 月止,台灣有 66% 的人使用 Chrome 瀏覽器。

網站設計 7 大趨勢

1)動畫和動態效果

在動畫影音行銷當道的數位時代,在網站中使用適量的動畫、GIF、影音…等動態效果,可以跳脫以往靜態圖文給人平鋪直述的觀感,可以幫助你在以更酷、更有自信的方式講述自己的品牌故事。

2)使用 3D 元素來提升 UX

比動畫影音再更近一步,若能透過使用 3D 的視覺元素來進行網站設計,就能更添加使用者的的真實感。
但即便在繪圖工具越來越容易使用的現今,3D 設計技術仍具有一定的技術門檻,並非人人皆能製作出 3D 設計。

不過,隨著相機功能以及科技技術的提升,有些與 3D 效果相近類似的功能也被推出,如 2018 年時,臉書新增了 3D 相片的功能,利用手機相機的雙鏡頭設備,拍攝出具「前後景」內容的照片,透過手機瀏覽時的機身的傾斜角度來產生出具「動態」 3D 視覺效果。

若礙於經費預算無法有 3D 的設計,透過像 3D 相片這樣的技術運用在網站設計上,也能提供使用者不同於以往的網站使用體驗。

3)特大字體的極簡主義

在設計上,我們常說應該要避免過多的文字,造成資訊量過多而使重點模糊失焦。

因此,若有特別想要強調的重點文字,可以選用將文字放的方式來進行設計,也就是讓「文字圖像化」,特大字體不只能讓讓細節和設計更加醒目,而從中所散發出的訊息的力道也會更加強烈,加深使用者印象。

4)使用漸層色V2

使用單一純色相互搭配的設計,具簡單、俐落的視覺形象,符合現代人對簡潔設計的需求。
但也有許多設計師在此原則下,綜合使用 2 種不同的顏色,營造出不同的漸層色彩來增加平面元素的深度,嘗試營造出不同的視覺風格。

漸層色的運用,不僅保持了應有的簡易設計原則,且相較於純色設計,又更增添了一股柔和、時尚的自然氛圍。

參考資料:10 個讓你無法拒絕使用漸層的理由

5)藝術家插圖

在純色彩的堆疊出的網站設計中,若能妥善的加入插圖元素,就能藉此在無形的中為網站塑造出一個擬人化的個性和真實性。

此外,若能與知名的藝術家(插畫家)合作,也能讓兩者欲形塑的形象發揮相互加乘的效果,讓網站設計的創意與關注度向上堆疊。

6)黑暗模式(Dark Mode)

不知何時開始,有越來越多的裝置、APP 都開始提供黑暗模式的設計。
就像我們常用的 Line、Chrome 瀏覽器、Slack、蘋果電腦螢幕介面…等,都推出了黑暗模式給使用者。

而黑暗模式的主要原因,在於讓整體使用者介面(UI)看起來更加時尚和現代,提高使用者眼睛閱讀的舒適度外,還可以幫助您的網站設計中運用色彩搭配設計來凸顯你要的元素。

7)滾動式互動網站

善用使用者閱讀網站內容資訊向下滑動的動作,讓欲傳達的圖文資訊能,隨著畫面的滾動而出現或產生互動。

這樣搭配滾動而生的網站設計,可讓使用者的注意力專注停留在畫面上,以這種有類影片動畫的互動效果為使用者帶來難忘的使用者體驗。

結論

根據上述的分享,是否也讓你更加了解 2020 的好感網站設計趨勢了呢?
其實總結一個觀念就是:站在使用者角度思考,越能抓住使用者目光、越方便使用者操作使用的設計就是好的設計。

applemint 一直以來也是秉持此觀念原則,從研究討論、網站企劃、視覺設計到動態製作,都能以提高使用者體驗為最終目標。

如果你有網站製作的需求,何不透過此連結與我們聯繫,讓 applemint 為你打造一個美觀、好用、又能為你帶來實際成效的網站呢?

從這裡聯絡 applemint

Joyce

相關文章

Load More

獲得最新的台灣數位行銷、台灣跨境電商、線下集客、B2B 與創業資訊!

Languages
contact applemint 聯繫