有鑑於每年的網頁設計趨勢都是建立在技術的進步,因此大家都期望有著更創新的科技,但是在全球的網頁設計論壇得到的2021年網頁設計趨勢卻是相反的。
今年的網頁設計趨勢有一個共同的主題:設計師們不再一昧追求技術的更新,而是尋求實現使用者體驗上的新高度。以下,是跨際數位提點2021年的網頁中,將關注的10個焦點設計方向。
- 使用襯線字體
所謂的襯線就是指字體的一種裝飾,在橫豎的尾巴會有凸出的裝飾性線條。
過去,無襯線字體因其易讀性和簡單的結構,一直受到網頁設計師的喜愛。進入了2021年,螢幕的尺寸與解析度比以前都要更大、更清晰,因應螢幕的進步,現在的設計上選擇更多的是裝飾性更重、更吸引人的襯線字體。舉個例,因為單字詞周圍的空間增加了,在較大的螢幕看來,襯線字體顯得更整潔且可讀性更好,相同地,更高的解析度使得襯線字體看起來更為清晰。
以目前的設計方向來說,網頁設計師其實也習慣使用特定的襯線字體系列了,例如英文語系常用的「Georgia」或「Times」;中文常用的「思源宋體(Noto Serif)」,這幾種字體在Google Fonts也都可以找的到喔!
(使用襯線字體Playfair Display提升網站風格。來源)
- 視差捲動動畫
從微互動到背景粒子特效,我們看到了以網頁為基礎的動畫有逐年上升的趨勢。藉由將頁面元素分離為前景和背景兩端,而產生視差效果,豐富了網頁的瀏覽性!2021年的網頁動畫將變得更加複雜且具互動性。
通過使用前景和背景創造出的深度和沉浸式的瀏覽,讓使用者瀏覽網頁時被其有趣的互動性體驗所吸引,就像變魔術一樣。總而言之,網頁就該具有魔力不是嗎🙂?
(資料來源)
- 多媒體體驗
隨著網路的快速發展,2020年甚至被稱為5G元年,多數的人可以用更快的速度瀏覽網頁的多媒體文獻。網站內文配合視覺效果、影片等等結合在一起,可以提供更豐富的使用者體驗。
但使用多媒體影片也有許多要注意的地方,例如:優先考慮簡單性,避免太多的媒體資訊使瀏覽者覺得混亂、在圖片加入替代文字,複雜的圖片則更需要清楚易懂的描述文字、避免自動播放影片,並加入明顯的播放按鈕,讓瀏覽者可以自行選擇播放或暫停媒體。更多媒體的訪問性可以從W3C的說明了解更多相關資訊。
(Nicolas Errera網站中有清楚的播放控制器來播放或暫停精美的背景影片,並用了非常微妙的動畫來指示目前的播放進度)
- 暗黑模式
近年行動裝置的崛起,使用手機也早已是人們生活的一環,因應人們長時間使用螢幕的藍光傷害,2020年,許多的應用程式開始新增暗黑模式,甚至是系統直接導入了暗黑模式。當然,使用手機觀看網頁也是非常常見的事情,相信越來越多的設計師會開始擁抱暗黑模式的美學。
(使用深色背景讓網站更適合閱讀。來源)
- 舒適的色彩
延續剛剛的暗黑模式討論,因長時間凝視螢幕後,出現眼睛疲勞的情況與日俱增。網頁設計師需要考慮配色的方案,哪些配色方案可以更降低眼睛的負擔?2021年,網頁設計師需要在深色與明亮兩個極端的設計方向中進行思考,並找到折衷的方案,例如較為健康的綠色、柔和的藍色或溫暖的淺粉色。
(使用較為柔和的顏色,在深淺中取得折衷,讓閱讀更舒服。來源)
簡言之,這種趨勢代表了未來網頁設計更關注的會是使用者訪問時的舒適性,而不是更突破性的創新。
- 插圖
一直以來,網站的內容只是由本文和圖片所組成。現在,越來越多網頁的設計師針對自身品牌或形象製作了有代表性的插圖,甚至是在網頁上為品牌設計了吉祥物等等。
(知名電子郵件營銷公司mailchimp)
(在mailchimp網站中隨處可見其極具獨特風格的插畫,從簡單卻富有想像力的插畫中傳達了品牌的創造力)
這些插圖的創作都使品牌更具個性並賦予其新的生命,期待未來可以在整個網頁設計中看到更多新的「角色」。
- 網格或輪廓
網格說直白一點,很簡單也很陽春,但網格卻以一種簡潔大膽的外觀吸引瀏覽者的注意力,成為另一種出陳布新的佈局方式。
跨際數位也喜歡這種設計趨勢,將重點的產品或影像包覆在網格中,讓網格中的內容成為焦點。因為這種吸引人的視覺效果,網站的瀏覽者總是能優先注意到這些圖像,從而優先思考圖像中設計師欲傳達的消息和想法。
(網格狀的布局方式讓資訊更為吸引人。來源)
- 自定義的游標
游標是網頁設計中最容易被忽視的地方之一,因為大家都習慣使用原本系統的游標,使的人們對它的印象就只是一個可以點擊的箭頭。但當它今天這個微不足道的部分變成一個酷東西,從而吸引到瀏覽者的目光,不也是另一種成就嗎!
希望2021年我們能看到更多的游標設計。
(資料來源)
- 吸引人的問卷
越來越多的品牌不是讓客戶自己瀏覽產品的說明並自行做出決定,而是使用問卷的方式來培養交互式的體驗。這些測驗會提出一些個性化的選擇題,並著重在了解客戶的喜好並迎合他們的需求,最後再提供其最好的一套能滿足客戶的解決方案。
鑒於這些個性化的問卷,可以讓潛在消費者感受到自己在還沒消費前就已經是品牌服務的一部分了!
跨際數位展望在2021年可以看到這種問卷流程成為網頁設計的標配功能。
(資料來源)
- 一致性的設計系統
設計系統日新月異,使用CMS系統製作的網站越來越多,CMS系統可以更快速的創建網站並且方便的編輯網站的布局。目前市面上流行的CMS系統有如WordPress、Joomla!、Drupal等。2020年,WordPress佔了約其中的6成,全球的網站更是有三分之一是使用WordPress所架設,還有您目前瀏覽的跨際數位行銷網站也是。它不僅僅是架設快速和具有高度的可編輯性,更能搭配優異的快取工具與行銷工具,增加網站的效能並提升SEO網頁搜尋排名。
相信2021年,CMS系統會持續進步,而現在就是您品牌進場的最佳時機!
(WordPress網站編輯器Elementor)
準備好迎接2021年的網頁設計趨勢了嗎?
從上述多項趨勢看來,2021年的網頁設計趨勢更著重在人們日常生活的實際設計與吸引人目光的焦點設計。越來越多的網站成為我們生活的一部分,而在2021年的網頁設計師,如何提升它們的互動性並增加好的瀏覽體驗,會是最大的挑戰。2021年的網頁設計趨勢,你跟上了嗎?