嗨，大家好，我是 applemint 的 Joyce。
提升使用者體驗是當前各領域設計的重要指標，網站設計更是不例外。
這篇文章提供給想要外包網站設計的行銷人員或是網站設計師。
不論你需要的是以形象為目的的品牌官網、以流量為目的的內容網站、以轉換為目的的購物網站…等，在 2020 年你應該注意到以下幾個網站設計的方向與趨勢，讓網站為你帶來更大效益。
Contents
網站設計 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！
