2019年經已過了一半有多,我們在網頁設計圈中不僅看到舊有網站風格的,而且也見證了不少新的設計趨勢誕生。如今的網頁設計趨勢,早已不再是僅僅局限於單一的技法,而是結合多種複合、暗含意圖的綜合設計方法。那麼,2019年網頁設計圈中流行哪些趨勢?
趨勢一:設計中加入更多情感
與潛在用戶產生共鳴的唯一方法,就是情感化設計。從目前一大批最優秀的網頁設計來看,大多基於某種情感訴求,與用戶的喜怒哀樂相通,直擊痛點,從用戶進入網站那刻起就試圖建立信任感。
如何讓網站增加情感?首先,色彩是用戶的第一感知;其次,文本、圖片等元素和色彩在情緒表達上保持一致,達到共鳴效果。通過高度統一的情感輸出,賦予用戶進行下一步操作的慾望。通常網站或APP向用戶呈現的內容夠吸引,用戶願意採取下一步操作的幾率就會增高。因此,通過情感吸引用戶,增加用戶的興趣和網站的吸引力,是打動用戶情感的關鍵。
趨勢二:利用色彩強化主題
在圖片和動畫基礎上疊加色彩,是近期非常流行的網頁設計技法,從目前形勢來看,這種趨勢只會愈演愈烈。但在選取色彩和色彩表達上,設計師需要更加小心和專業,才能比其他設計項目更具表現力。
從現在最流行的設計來看,明亮藍和柔和紫已經成為很多網站和APP的配色選擇。如果網站已有現成的配色系統,在此基礎上利用流行的色彩服務網站設計,能更好地部署充滿表現力的網站。
趨勢三:帶有極強目的性的動效
雖然每年的網頁設計流行趨勢中,動效設計總會佔上一席之位,但近期各大網站設計的動效似乎變得愈來愈有明確的目的性。以往動效設計只着重有趣以及傳達愉悅感,現在每一個動效其意圖,都是將用戶引導到特定的位置,讓用戶於頁面中特定的元素進行交互。
即使在現實生活中,大量動畫效果都是為了快速吸引用戶注意力而存在的。藉助比圖片更有張力的動效設計,來抓住用戶注意力是每位網站設計師必須做的事情,同時現在也是最好的時機。
趨勢四:單頁設計的回歸
近年使用手機上網的人越來越多,使得用戶對滾動交互越來越習慣,使得單頁設計再次流行。無限滾動的延續,將網頁所有內容重新鋪設在首頁,用戶只要通過導航菜單,就能在頁面內快速跳轉,用戶操作體驗變得非常簡單方便。
雖然目前單頁設計的合理性並不存在問題,但考慮到如今用戶的注意力集中時間不長,設計單頁過程時,盡量讓用戶能快速找到他們所需的內容。
趨勢五:超現實主義的設計
看慣大量現實的設計,那些比現實世界更夢幻的超現實主義設計,所蘊含的豐富想像,就顯得更加吸引人,對用戶的影響力也更大。
基於目標用戶所追求的情感和情緒,構建這種獨特視覺的超現實主義設計,不僅能更快地和用戶產生情感聯繫,而且這種情感連接是更加難以複製的,其中,動畫、插畫等能給用戶帶來新鮮體驗的元素,所傳達的情感本身就極具影響力。
趨勢六:復古字體排版回歸
覺得超現代設計不適合自己的網站,但又想與眾不同?復古呈現字體和肆意張揚的手寫字體,相信是你的不錯選擇。與之前流行的非襯線字體相比,襯線字體顯得更加優雅古典,可讀性和視覺效果也變得愈來愈舒適,而這種精緻細節正是大家沉迷復古風格設計的原因之一。
趨勢七:UX設計變得更細膩
隨着技術提升,用戶體驗不僅限於可用和好用,而是將關注點逐漸轉移到更加細膩的感知維度上,比如從視覺乃至文本上體現出對用戶的尊重和關心等。
在UX設計上多花些小心思,更精準地抓住用戶的注意力,能讓用戶和產品更容易聯繫到一起,同時也讓用戶獲得尊重感,這是用戶非常在意的關鍵點,也是提高用戶留存率的必備技法。
趨勢八:多變的字體
為了兼容更加複雜的屏幕環境,字體經過了一個複雜的轉變過程,也具備了愈來愈強的拓展性。Opentype字體的靈活可變性,無論在任何平台上的UI界面,都能清晰無縫地展示出來。
多彩字體的出現,讓字體內的色彩和結構的展現,擁有超乎以往的表現力;同時,如Apple為iOS提供的字體以及愈來愈多的圖片字體,讓UI設計和字體的運用擁有更多可能性。
趨勢九:分屏帶來的革命
使用手機上網的人增加,讓響應式設計乃至於分屏設計,成為一個重要的需求。其實現在已經有平台嘗試跨平台、跨截面、跨屏幕內容共享,打通憑之間的用戶體驗。
分屏設計的出現,不僅是簡單的屏幕複製或簡單的響應,而是出現各種不同形態的內容,這對以往設計的區別變得越來越大。
趨勢十:數據可視化
向用戶呈現複雜信息和數據,信息圖表和可視化設計師最為有效的方法,它不僅讓信息變得清晰條理,同時也給用戶帶來視覺愉悅感。
現在數據可視化不單止可通過靜止圖片來呈現,也可藉助動畫,甚至故事等,讓信息以更加可信的方式呈現在用戶面前,從而達到預期的效果。
趨勢十一:更多漸變色彩
近幾年漸變色彩一直身處於網頁設計流行趨勢當中,且熱度一直沒有減退。如今漸變不僅是用作一種疊加於圖片的元素,而是讓色彩更加豐富,有質感,讓原本平淡的色彩變得近乎藝術化的表達。
趨勢十二:平面設計融入3D效果
雖然3D設計已不是什麼新鮮事物,但是頂級網頁設計經常會在設計中運用到3D設計,尤其在平面設計融入3D效果,所帶來的效果變得豐富細膩,讓界面更加吸引人。
趨勢十三:添加立體和擬真的設計元素
如今VR的普及率並不高,但毫無疑問它的影響力正逐漸提升,相信不久將來用戶便能使用VR設備瀏覽網頁。或許現在的技術還達不到這樣的效果,但在設計中加入更多有縱深、立體的元素,能讓它們在視覺上更具有真實的質感。
趨勢十四:添加自然圖形和形狀
絕大多數網頁都是用柵格系統進行約束,也有不少設計師使用更多有機而自然的圖形和形狀,增加設計的深度,讓頁面脫穎而出。這些有機、不對稱、不規則的圖形靈感大多來自自然,也更能夠自然地吸引用戶注意力。
趨勢十五:更多微交互
微交互是一種非常有效的引導方式,是以吸引人的方式來給用戶以反饋、驚喜甚至製造一些微妙的「焦慮」。在2019年網頁設計中,多樣的微交互開始陸續出現在網頁設計作品,吸引着用戶的注意力,並提供有效的信息反饋和引導。
趨勢十六:更多視頻內容
文本信息已經沒有以往那麼具有吸引力,視頻內容不僅能更快地表達,而且也能更好地表達,因此越來越多網站採用視頻內容。作為主動輸出的媒體模式,視頻內容的優勢非常明顯,相應地視頻內容的製作也有很多注意地方,比如必須提供有意義內容,才不會讓用戶有浪費時間的感覺。
其實,仔細觀察這些網頁設計流行趨勢,會發現當中絕大多數的趨勢都只是按照之前趨勢進行升級和發展。在進行網頁設計時,企業和公司除了發掘能夠帶來商業價值的設計,兼顧時尚,同樣能幫助業務有長遠發展。至於怎樣做,這就需要設計師或香港網頁製作公司從中找到平衡點。