優(yōu)雅與可用性的平衡:網(wǎng)頁設(shè)計中的極簡主義

2022-06-17    分類: 網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計當中,極簡主義是最為持久的一種視覺框架設(shè)計理念,不僅僅是因為它有著不因為時間而改變的優(yōu)雅,還因為極簡主義風格的網(wǎng)頁能夠更加清晰地突出內(nèi)容。時尚潮流經(jīng)歷了一個又一個輪回,但是對于所有領(lǐng)域與行業(yè)的設(shè)計師來說,利用設(shè)計技巧創(chuàng)造優(yōu)雅風格以及可持續(xù)的視覺哲學一直是他們所追求的。

作為一種藝術(shù)風格,極簡主義并不專屬于網(wǎng)頁設(shè)計這一個門類。設(shè)計當中的極簡主義運動能夠被追溯到 20 世紀早期的平面設(shè)計師 Lucian Bernhard,他是簡約設(shè)計風格的先鋒。從那時候起,極簡主義的設(shè)計風格就一直延續(xù)下來,并且歷久彌新。

每一個時代中的設(shè)計師都能夠發(fā)現(xiàn)自己可以通過極簡主義的設(shè)計風格去與時尚潮流相連,其中就包括了如今正在盛行的極簡主義設(shè)計潮流。在本文中我們將一同回顧極簡主義的設(shè)計原則,帶領(lǐng)網(wǎng)頁設(shè)計師去探索極簡主義的魅力,并進一步解釋為什么極簡主義還將發(fā)展成熟下去。

少即是多:極簡主義簡史與解構(gòu)

Less is More(少即是多)這三個單詞是對于極簡主義最為精簡的定義。在網(wǎng)頁設(shè)計當中,極簡主義的精髓就是無需使用很多花俏的視覺元素即可創(chuàng)造令人印象深刻的頁面。極簡主義的設(shè)計并不意味著內(nèi)容空洞貧乏,雖然它并不會使用大量的設(shè)計素材。

極簡主義起源于 20 世紀初,而它真正開始出現(xiàn)在設(shè)計前沿則是在上世紀 40 年代到 50 年代,以瑞士設(shè)計風格為代表。如下圖所示,極簡主義設(shè)計相當克制,運用了大膽的配色,清爽無襯線的字體以及生動的圖片。如果你進一步觀察這些設(shè)計的細節(jié),你會注意到在設(shè)計當中的布局與對齊都強烈地依托于一種網(wǎng)格形式(這種形式如今仍然運用于絕大多數(shù)的極簡主義網(wǎng)頁設(shè)計當中)。

如同圖片設(shè)計中的極簡主義一樣,網(wǎng)頁設(shè)計當中的極簡主義也是通過做減法來塑造最為純粹的形式,好的極簡主義設(shè)計并不是說沒有什么可以再添加進去,而是它已經(jīng)簡約到極致,沒有一處是多余。盡管當前的極簡主義網(wǎng)頁設(shè)計通常圍繞著負空間和黑色字體展開,但是這種風格的自身宗旨就是想方設(shè)法實現(xiàn)極簡主義精髓,這才是它的核心意義。

極簡主義的網(wǎng)頁設(shè)計立足于最為基本的設(shè)計元素,運用這些設(shè)計技巧旨在突出網(wǎng)頁內(nèi)容本身:

  • 負空間——也就是我們通常所說的留白,在網(wǎng)頁設(shè)計中其表現(xiàn)形式就是對于頁面空間不加處理。通常在極簡主義的設(shè)計當中,你會看到這些未被使用的網(wǎng)頁空間里被填充了明快的顏色(或者也可以僅僅是黑白灰這些顏色)。
  • 高清照片——因為在網(wǎng)頁中裝飾性元素較少,這更有利于用戶欣賞高清攝影圖片當中驚人的細節(jié)。在極簡主義設(shè)計風格的網(wǎng)頁中,你經(jīng)常會發(fā)現(xiàn)高清照片與白色邊框按鍵以及黑體字組合使用。
  • 戲劇夸張的字體——無論是頁面文章的標題,還是更為直接的使用無襯線字體的主體內(nèi)容,在向來克制的極簡主義設(shè)計當中,唯有字體是可以允許花俏夸張的。
  • 鮮明的對比——將兩個看上去并不協(xié)調(diào)的設(shè)計元素組合在一起往往能創(chuàng)造出鮮明的對比。比如說,將加粗的白色 72 號字放在深色背景圖上,或者是在淺綠色的單色背景之上放置白色文本。
  • 簡單的導航——最為復雜的導航設(shè)計莫過于下拉式菜單,更為普遍的做法是頁面頂端設(shè)置導航欄,或者是漢堡包菜單都比下拉式菜單要更好一些。
  • 視覺平衡——視覺平衡可以通過清晰的視覺層次以及對齊與定位相一致來創(chuàng)造,還可以在其中有技巧地使用一些對稱與不對稱。

這么看下來,你可能會認為極簡主義很簡單,畢竟少用一些設(shè)計元素就等于少做一些工作嘛。然而事情并不是這樣的,事實上,極簡主義運用起來相當困難:正因為你僅能使用有限的元素,所以這些元素想要達到最好效果就需要精心的處理。打著極簡主義的名號在設(shè)計當中什么元素都不使用當然不難,不過想要正確地掌握極簡主義設(shè)計風格卻沒那么簡單。

極簡主義設(shè)計并不代表內(nèi)容空空,這種風格的實現(xiàn)需要設(shè)計師有意為之。這是一種化繁為簡的方法,將網(wǎng)頁中所有不必要的元素去除,只留下最為需要的那些。大部分極簡主義的網(wǎng)頁設(shè)計中都不會運用太多的顏色、紋理、形狀或是裝飾。

極簡主義在網(wǎng)頁設(shè)計中之所以能發(fā)揮作用,正是因為它做了設(shè)計方面改做的事——突出內(nèi)容。

極簡主義的魅力

極簡主義的盛行是由于設(shè)計師的動態(tài)選擇,不斷增強了其表現(xiàn)效果。向所有持續(xù)至今的設(shè)計理念一樣,隨著時間推移,極簡主義也經(jīng)歷了多重的演化過程,并且糅合了多樣化的設(shè)計語言與設(shè)計技巧。

極簡主義使用一種有效的方式達到了很多復雜的設(shè)計風格實現(xiàn)的設(shè)計目的。這也就解釋了為什么極簡主義隨著時間的發(fā)展歷久彌新,在反反復復的潮流變化之中保持了不變的地位。網(wǎng)頁設(shè)計之中采用極簡主義風格有諸多優(yōu)點,下面就列出最為流行的一些原因:

  1. 它很自然地符合響應式設(shè)計框架
  2. 它縮短了瀏覽器處理信息的過程,提高了網(wǎng)頁加載速度,能夠讓頁面更好地呈現(xiàn)
  3. 它完全符合內(nèi)容驅(qū)動的設(shè)計理念
  4. 除了網(wǎng)頁設(shè)計,它還廣泛適用于多個領(lǐng)域,如建筑設(shè)計、室內(nèi)設(shè)計和藝術(shù)創(chuàng)作

在極簡主義網(wǎng)頁設(shè)計中,一個最為常用的方法就是極力減少設(shè)計元素,直到不能再少為止。從這一點出發(fā),你最少要找到 5 個用戶來測試網(wǎng)頁,接下來再根據(jù)需要調(diào)整設(shè)計元素與交互式組件的優(yōu)先級。完整地進行一遍這個流程(我們建議在網(wǎng)頁每一次大的更新迭代時都進行一次),你就能讓自己的網(wǎng)頁設(shè)計在優(yōu)雅與實用性中得到平衡。

網(wǎng)頁設(shè)計中的極簡主義未來出路如何?

雖然現(xiàn)在看來在設(shè)計領(lǐng)域中極簡主義依然風頭正勁,然而不要忽略了技術(shù)的發(fā)展趨勢。

在平面設(shè)計中極簡主義風格已經(jīng)經(jīng)歷過起伏,很有可能極簡主義的網(wǎng)頁設(shè)計在接下來的歲月里也會面臨起伏。任何一種流行的設(shè)計技巧在經(jīng)歷了最初的人氣激增之后都可能緊接著就是慢慢消沉,而與其完全相反的一種設(shè)計技巧會卷土重來,這些設(shè)計技術(shù)就是這樣經(jīng)歷一個又一個輪回。

在最后,極簡主義將繼續(xù)保持其受歡迎的地位,但是也有可能它已經(jīng)演化為另一種并不那么強調(diào)極簡的設(shè)計風格。正如我們看到扁平化設(shè)計變得并不那么扁平,在極簡主義設(shè)計中也會出現(xiàn)更多的設(shè)計元素,UI 設(shè)計師將更多地在極簡主義設(shè)計中嘗試紋理、顏色與渲染效果,提高可用性,網(wǎng)頁整體效果也不會再那么強求對稱性。

下面就讓我們來探索哪些設(shè)計元素會在極簡主義風格中得以演變:

最小化紋理

設(shè)計師的選擇將拓寬,從使用鮮明的背景風格到加入一些更加寡淡或者是不被人注意的紋理,這也是極簡主義另一種形式的美學表現(xiàn)。這種手法雖然脫離了純粹的極簡主義范疇,但是它的仍然根植于簡約理念之中,只不過是加入了更多的視覺變化。

制造色彩反差

雖然在極簡主義的網(wǎng)頁設(shè)計中使用純白背景一直是主導設(shè)計(也是出于負空間的使用),設(shè)計師也會在這個基礎(chǔ)之上持續(xù)探索突破,使用更多的色彩,在深色背景上使用淺色文字,或者是在單色配色方案中使用同一色調(diào)的多樣化陰影效果。

更多的交互設(shè)計

極簡主義通常都被定義為缺乏互動效果。在極簡風格中網(wǎng)頁中添加簡單的動畫將越來越流行,因為設(shè)計師們已經(jīng)開始意識到極簡主義也并不意味著完全靜態(tài)。

打破對稱性

如今的極簡主義網(wǎng)頁設(shè)計都是要求對稱性的,但是這并不是一成不變的法則。雖然保持視覺的平衡感很重要,但是對稱性并非不能放棄。

提升網(wǎng)頁可用性

具有諷刺意味的是,極簡風格的網(wǎng)站從理論上來說應該是更加好用的,因為它的內(nèi)容清晰,屏幕上的干擾項也更少。然而,在實際中你運用極簡主義設(shè)計風格很容易遭遇的問題就是它太過于簡約,卻并沒有什么用。

比如說,你為了最求極簡主義而使用了一個純圖標式的網(wǎng)站導航系統(tǒng),如果這些圖標的指向并不明確,那么就會讓使用者相當困擾?;蛘呤窃O(shè)計師秉持著極簡主義的理念,只允許用戶以線性方式探索網(wǎng)站,限制了用戶選擇最為有效路徑的自由。

回歸到功能美學上,我們發(fā)現(xiàn)有不少設(shè)計師在極簡風格的網(wǎng)站中嵌入了傳統(tǒng)的交互式元素,如可點擊的視覺元素、滾動式設(shè)計以及加入了更多的按鍵。

結(jié)論

極簡主義在網(wǎng)頁設(shè)計中并不僅僅意味著留白與盡可能少的使用設(shè)計元素。極簡主義設(shè)計理念的中心思想是突出內(nèi)容。減少設(shè)計元素的使用,或是在網(wǎng)頁中安排大量留白都只是一種為了到達最終目的的手段——將干擾降至最低,以便用戶能夠?qū)W⒂谥匾膬?nèi)容之上。

永遠不要誤解了極簡主義的內(nèi)涵而去為了簡約而簡約,這很有可能會讓你在設(shè)計當中刪減掉那些有著不可替代的功能的元素。這種做法并非是你以為的那樣像雕刻一般從原料中削減掉不必要的部分,而是以犧牲網(wǎng)頁可用性為代價。

文章名稱:優(yōu)雅與可用性的平衡:網(wǎng)頁設(shè)計中的極簡主義
文章起源:http://www.bm7419.com/news43/168293.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站網(wǎng)站改版、網(wǎng)頁設(shè)計公司、App設(shè)計、手機網(wǎng)站建設(shè)網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司