Design News

網頁設計新知

2021網頁設計新趨勢

Jun 07, 2021
每年的網頁趨勢都將會有些新變化,而在2021年的網頁設計趨勢似乎並有著相同的一個目標:
網頁設計所追求的不是高科技的幻想,而是尋求現實主義的新高度。以下所整理的數個特性在2021年使網頁更有關注度:
  1. 網站的視差動畫
視差是當距離觀看較近的物體與較遠的物體移動起來,會發現較遠的物體移動得較快,而這就是所謂的視錯感。儘管在我們日常生活中發現這一點,可是在網頁的應用的效果卻是真實與超現實的。從微動畫到視差動畫,我們會發現現在的動畫效果越來越常應用到。直到2021年網頁動畫透過頁面元素分離,利用圖與背景來達到視差效果。

圖片來源:Pinch Studio
  1. 擬態化設計(Neumorphism)
Neumorphism 是由「New Skeuomorphism」組合的新名詞,也就是新型態的擬物化風格設計,中文稱作新擬態、同化,也有設計師稱其為 Soft UI(軟UI)。
Neumorphism 是 2020年最熱門的新風格,它透過燈光的原理,替圖形加上高光和陰影,類似於浮雕的效果,賦予元件真實和立體感。此風格源頭為烏克蘭的設計師 Alexander Plyuto,於 2019年底所發表的作品「Skeuomorph Mobile Banking」。擬態化具有以下幾點特徵:
  1. 元件不漂浮
  2. 元件顏色與背景統一,不能純黑或純白
  3. 利用明的暗陰影產生凹凸感
對於擬態化設計的期待則是在2021將設計中的按鈕、搜索欄和文本框上看到這種風格化的現實主義。

圖片來源:99Designs ODarka
  1. 抽象設計
抽象的形狀則是利用幾何元素(如正方形以及圓形)所組成的形狀,可以給人簡單以及極簡的感覺。在大多數的情況下,可以搭配照片給人極端的對比以及讓網頁注入活力,我們相信在2021年,抽象設計會融入更多元的網頁設計中。

圖片來源:99Designs ODarka
  1. 顏色的舒適度
現在大多數人在手機以及電腦上花費大部分的時間,因此眼睛會造成較大的負擔,所以在顏色搭配上能讓眼睛更輕鬆也是網頁設計師的一大重點。在2020的以暗色系的趨勢說明了這特性,而在2021年程式設計師在暗色以及較亮的顏色中找出更柔和的顏色,如:健康的綠色、柔和的藍色、溫暖的粉色。這些顏色不像純黑或純白那樣,反而會使人更平靜與放鬆。

圖片來源:99Designs ODarka

圖片來源:Davina Spriggs Dribbble
  1. 更多互動的網頁設計
隨著COVID-19流行以及居家上班、學習,網際網路已成為不可或缺的一部分,線上活動已成為社交聚會以及娛樂的常態,許多品牌都已轉向網站來維持發展,網頁設計師為了這特點,創造了許多有意義並具有衝擊力的設計。

圖片來源:SixtyTwo Dribbble
  1. 滾動動畫
當使用者在滾動網路頁面時,他們所做得並不只是瀏覽頁面,而是在體驗網站所給予的感受。當使用者感受到網站在與自己互動時,會使他們會有更多的興趣找到網站想要留給使用者的資訊。而滾動(Scrolling)是一種最能讓使用者體驗到微妙且簡單的互動之一,因此在2021,網頁設計師正在增加在滾動時所給予的反饋,能使使用者在滾動時都會感覺到一個新頁面。

圖片來源:outer Dribbble
  1. 使用者體驗問卷
使用者在使用網站時,會為此網站甚至是品牌默默打上分數,而現在多數品牌會利用使用者問卷來得到使用者的體驗,並且讓其描述感覺並從中了解使用者喜好,並且提升自己的產品。在2021趨勢,利用使用者體驗問卷,並將其美化,讓使用者填寫起來感覺不無趣,這樣並可以針對使用者去提升網站。

圖片來源:Alena Sokolova
  1. 良好的使用者體驗
網站功能一直都是網頁設計的關鍵,隨著頁面速度以及行動裝置有好設計的提升,會讓使用者對網頁設計需求慢慢增長,製作時必須考慮到多方面的需求,讓網站在任何情況化都可以有良好的體驗,所以優化您的網站,使網站更具功能性,不僅可以讓客戶有更好的印象,還可以提升SEO


資料來源: 99designs
上一則: 淺談UI/UX