2010年蘋果向全世界介紹他的最新得意之作-iPhone 4,這在科技圈滑起了一波大風向。在之後的短短數年間,智慧型手機成為每個人不可缺少的日常用品。同年,Responsive Web Design(響應式網頁設計)的出現,也讓整個網頁設計圈出現了新景象。
此後的十年,使用者的上網習慣逐漸從電腦往移動設備改變,網頁開發技術也開始重視設計、創意、視覺、互動、穩定與安全等幾大方面。下面,小編將帶各位回顧和分析2010~2021年間網頁設計的流行趨勢變化,希望對各位有所幫助!
2010年網頁設計流行風格:平面轉網頁
或許是使用者已經看膩了複雜繁瑣的網頁設計風格,又或者是信息爆炸時代令到使用者不得不重新對信息進行篩選和審視,這使得「極簡主義風格」在網頁設計圈中大行其道,甚至延續至今。
網頁設計極簡主義風格,其實很大部分是源於既有的平面設計風格,只是大家載體從傳統媒體換成數位網頁而已。受到人類的閱讀習慣與動線關係,這時的網頁設計大多是沿用紙質媒體的平面設計方法,使網頁看起來更有紙媒的質感。
2011年網頁設計流行風格:螢幕載體意識
這時設計師開始嘗試在網頁視覺上添加一些裝飾性元素如緞帶、幾何元素等,但仍然可以看出大多是從現實中取材。
2012年網頁設計流行風格:字型排版(Typography)
到了2012年設計師從「字型」入手玩出各種花款,不論是手繪字體,還是不同字重的字型等,都讓「文字」成為網頁上的視覺主導。事實上這種設計風格並不新鮮,在很多雜誌(特別是日本或英文語系)都能發現他的身影,但在網頁技術卻出現進階的變化,尤其是文字本身構築的動態設計(Motion Design)。
2013年網頁設計流行風格:扁平化設計(Flat Deisgn)
2013年大量扁平化設計出現,直到今天依然常見,甚至出現不少衍生版本。扁平化設計使用單純配色,去除多餘裝飾元素和功能,以更簡約乾淨的方式呈現資訊,不僅能提高網站的載入速度,同時還兼顧介面的閱讀性,因而深受不少設計師的青睞。
2014年網頁設計流行風格:材料設計語言(Meterial Design)
來到2014年就不得不提Google發表的Meterial Design。Meterial Design將既有的排版、網格、平面空間、色彩乃至圖像都在UI設計上重新定義,重新思考介面上物件的材質與物理特性。
或許很多人對Meterial Design都會感到很抽象,但當你仔細閱讀並運用後,你會發現網頁的操作體驗變得更加流暢和和諧。
————分割線————
愈接近現在的網頁發現,你會發現很難用單純的一種風格或趨勢去概括整年的網頁技術發展,這是因為Html5/CSS3,,以及JavaScript等網頁技術的更新,給網頁設計帶來無限可能。因此接下來小編將以當年最常見且極具代表性的流行趨勢來重點介紹。
2015年網頁設計流行風格:多重曝光(Double Exposure)
到了2015年,一種名為Double Exposure的攝影手法被運用在網頁設計上。這種手法不僅常見於攝影照片,影片也會經常應用到,像是直接入嵌影片變成背景輪播。Double Exposure不僅使網頁看起來更吸睛,而且還會製造情境帶入感,有助於給予使用者更好的品牌印象與視覺效果。
2016年網頁設計流行風格:扁平化設計2.0(Flat Design 2.0)
2016年扁平化設計以新面孔出現。受到Google的Meterial Design影響,這年的扁平化設計呈現出更多視覺細節,比如光陰、材質、配色、漸變、插畫等。相較扁平化設計1.0,扁平化設計2.0在視覺層次上更為豐富,但仍保留原本版本的直觀、易用等優點。
2017年網頁設計流行風格:雙色調(Duotone)
雙色調網頁設計風格突然在2017年盛行,這是一種將照片轉換成兩種顏色的手法,技術上非常容易操作,而且搭配企業品牌標準色,能讓整體網頁的氛圍感更為明確。
2018年網頁設計流行風格:漸變
這年網頁設計成為創意的戰場,設計師發散思維創造出各種好玩的風格,尤其是消失多年的「漸變」效果更是玩得出神入化。不同於以往只拿來做陰影或配色,現在用來刻畫光暈、材質、光線等漸變也經常看到。不論是冷色漸變到暖色,還是相似色的漸變,都能製作出更強烈的網頁視覺。
2019年網頁設計流行風格:插畫與3D
2019年我們看到很多網頁設計都以活潑的插畫當作網頁的主視覺。整個網站直接套用通一系列的插畫圖片營造網站的整體感,讓原本冷冰冰的網絡世界增添一點點溫度,讓使用者感到更多信賴感。插畫風格在網頁設計圈中延續至今,也出現愈來愈多3D建模感插畫,給使用者帶來愉悅的瀏覽體驗。
2020~2021年網頁設計流行風格:網頁技術逐漸跟上設計師的創意
到了2020年,網頁前端技術的革新,讓網頁設計有更多發展的可能,也使設計師突破想像力,帶給網頁開發技術上應用的躍進,「設計」與「技術」的結合打造出嶄新的介面體驗,給人耳目一新的感覺。
未來,隨着更多網頁開發技術的誕生,網頁設計也將往更智能化、人性化方面發展,提高使用者對網站的滿意度,進而達到提升品牌印象和好感度等商業目標。