選擇極簡主義風(fēng)格做設(shè)計,不是沒有道理

      作者:陳子木
      2017-07-27
      5375

      簡約并不意味著原始,這是兩個截然不同的概念。而極簡主義設(shè)計種大量的留白也并不等同于空。

      簡約并不意味著原始,這是兩個截然不同的概念。而極簡主義設(shè)計種大量的留白也并不等同于空。

      在 Joshua Becker 的《The More of Less》書中是這樣說的:

      你并不需要更多的空間,你所需要的是更少的東西。

      如今,我們常常在工作和生活種不同的語境下探討極簡主義,而設(shè)計和它走的最近。對于極簡主義,我們應(yīng)該熟知它的優(yōu)缺點和關(guān)鍵知識點。

      探討極簡主義.jpeg


      關(guān)于極簡主義

      實際上極簡主義這個詞在人類活動的各個領(lǐng)域中都被地使用著,Merriam-Webster 詞典種對于它的解釋是“在音樂、文學(xué)和設(shè)計領(lǐng)域中以極其平衡簡潔而著稱的一種風(fēng)格或技術(shù)”。極簡主義正在被越來越多的領(lǐng)域所接納,其核心的特征是簡約而富有意義。

      作為一種視覺設(shè)計的新方向,極簡主義在20世紀60年代的紐約很受歡迎,當(dāng)時的新老藝術(shù)家正在探索將抽象幾何元素融入繪畫和雕塑藝術(shù)。相應(yīng)的,極簡主義在當(dāng)時的諸如包豪斯運動、建構(gòu)主義運動中,留下了濃墨重彩的一筆。在涉及視覺藝術(shù)的不同領(lǐng)域,極簡主義的核心原則基本都是優(yōu)雅地保留關(guān)鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構(gòu)圖等一切元素都被有效地組織起來。今天我們在生活的各個領(lǐng)域都可以看得到極簡主義的影子:建筑、藝術(shù)、攝影、文學(xué)、音樂、UI設(shè)計,甚至食物。

      設(shè)計師應(yīng)該追求簡約而不空洞,時尚而不過度修飾的極簡設(shè)計,善于使用負空間,大膽的色彩和字體的組合,將優(yōu)雅融入功能多樣的細節(jié)。但是,極簡的設(shè)計和粗陋原始的設(shè)計,兩者之間往往只有一線之隔,這也為何許多設(shè)計師并不像承擔(dān)這種風(fēng)險:有的設(shè)計師覺得這種風(fēng)格過于高冷,而更多的設(shè)計師則沒有搞清楚怎樣通過更少的元素來正確搞定極簡設(shè)計。

      探討極簡主義1.png

      Architecture Blog

      極簡主義設(shè)計的特征

      設(shè)計師經(jīng)常會提及的極簡主義設(shè)計,通常包含下面的特征:

      簡單

      明晰

      清晰的視覺層次

      高對比度的組件和比例

      每個元素都有功能

      大量的空間和留白

      核心細節(jié)擁有高關(guān)注度

      排版是重要的設(shè)計元素

      無功能的裝飾性元素被移除

      當(dāng)然,這個列表還能更長一些。極簡的UI設(shè)計突出核心的元素,讓用戶行為更為直觀也更具有目的性,此外,簡約的界面看起來不那么復(fù)雜,也足夠簡潔,令人滿意的審美趨勢也讓極簡的UI設(shè)計擁有良好的用戶體驗。

      Dance Academy 的著陸頁.png

      Dance Academy 的著陸頁

      極簡主義設(shè)計最佳實踐

      如今極簡主義設(shè)計已經(jīng)成為網(wǎng)頁和UI設(shè)計中的主流設(shè)計趨勢,而極簡主義設(shè)計的主要特征,可以通過下面的這些最佳實踐來體現(xiàn)。

      扁平化設(shè)計

      扁平化設(shè)計這一趨勢和極簡主義是相輔相成的存在,兩者在技術(shù)細節(jié)和精神上都保持著高度的一致性。眾所周知,扁平化設(shè)計移除了擬物化設(shè)計中廣泛存在的高光、陰影、漸變和紋理,而扁平化設(shè)計2.0中也只是有限度地加入了一點陰影,微妙的漸變。扁平化設(shè)計讓不同屏幕、不同分辨率下,按鈕、圖標(biāo)和插畫顯得更加統(tǒng)一。界面的可用性和視覺的協(xié)調(diào)性在這種設(shè)計風(fēng)格下更容易實現(xiàn)。

      不過扁平化和極簡主義仍然是兩個完全不同的概念,兩者并非可互相替代存在。扁平化更多的是一種技術(shù)手法和風(fēng)格上的存在,而極簡主義有著更廣泛的意義,它包含了布局、組成、配色、對比度甚至整體設(shè)計精神的一套策略,因此,扁平化設(shè)計更多的應(yīng)該算是創(chuàng)造極簡主義設(shè)計的一種技術(shù)和設(shè)計技巧。

      Cafe Coupon App.png

      Cafe Coupon App

      單色和有限色配色方案

      色彩是構(gòu)建用戶和產(chǎn)品情感聯(lián)系的重要紐帶,而設(shè)計師在進行極簡主義設(shè)計的時候,通常會采用單色,或者色彩數(shù)量較少的配色方案,這樣能讓所選的色彩更具有凝聚力,讓色彩的力量最大化。這樣的設(shè)計讓用戶不會被輕易分散注意力,這樣一來,用戶會更加容易被引導(dǎo)到特定的區(qū)域,關(guān)注特定的內(nèi)容,從而觸發(fā)交互(比如購買,訂閱,捐贈,開始使用等),這樣的界面是有效且高效的。此外,從心理學(xué)角度上來看,特定的色彩關(guān)聯(lián)特定的情緒,而有凝聚力的配色則可以放大情緒。

      限色配色方案.png

      Slopes Website

      表現(xiàn)力十足的排版

      簡約的UI設(shè)計中,排版設(shè)計被視為最為核心的元素之一,它不僅可以為用戶呈現(xiàn)內(nèi)容,而且可以創(chuàng)造風(fēng)格,強化視覺效果。相比于挑選圖片,設(shè)計師更在意整體排版布局的選擇,并且精心選擇元素搭配和尺寸的控制。除了色彩之外,字體也是設(shè)計師最為在意的元素,因為字體也是塑造體驗,傳遞情緒的重要元素。可讀性和易讀性是整個排版布局的基本要求,而設(shè)計師并不想讓不合理的字體選擇毀掉這一基礎(chǔ)。

      排版技巧并不難:《從這些基本的字體排版規(guī)則入手,搞定網(wǎng)頁排版這件事》

      表現(xiàn)力十足的排版.jpg

      Upper App

      有限的選擇

      極簡主義設(shè)計的強大之處在于,讓用戶更加集中注意力,專注于功能和目標(biāo)。通常,極簡風(fēng)的UI設(shè)計中,少有裝飾元素,也不會讓陰影、紋理甚至多余的交互和色彩來分散用戶的注意力,他們需要用戶集中注意力,執(zhí)行關(guān)鍵性的任務(wù),而整個網(wǎng)站或者APP的導(dǎo)航也是圍繞著幫用戶解決問題而存在。

      有限的選擇.png

      Birds of Paradise Encyclopedia

      突出的主題和視覺元素

      在極簡風(fēng)的UI當(dāng)中,設(shè)計師不會使用過多的圖片,而是選擇表現(xiàn)力較強,整體視覺突出的單一圖片,以引人入勝的姿態(tài)讓用戶關(guān)注到它們。 這樣的設(shè)計讓用戶直接注意到對的圖片,而不再需要在大量的信息中來做篩選,并且單一的圖片所傳達的信息和情緒也不會被干擾。圖片或者插畫將會遵循極簡主義的設(shè)計風(fēng)格,否則將會破壞整體風(fēng)格的一致性。

      主題和視覺元素.png

      Architecture Firm

      簡潔直觀的導(dǎo)航

      極簡主義為導(dǎo)航設(shè)計提出了苛刻的要求:設(shè)計師必須遵循極簡的原則來顯示最重要的內(nèi)容,隱藏非關(guān)鍵的導(dǎo)航內(nèi)容,但是這么做還必須確保用戶能夠輕松找到所有他們想要的信息,無論關(guān)鍵與否。而這種內(nèi)在的沖突讓極簡主義設(shè)計為人所詬病:如果沒有經(jīng)過足夠的調(diào)研和測試,漢堡菜單這類用來隱藏導(dǎo)航和信息的解決方案,可能會讓用戶無法正確、快速地找到他們想要的內(nèi)容,甚至在網(wǎng)站中迷失,這不是積極而有效的用戶體驗設(shè)計。

      善用負空間

      留白,或者說負空間,是極簡主義設(shè)計中不可分割的一項重要組成部分,它并不一定得是白色,和顏色無關(guān)。在極簡主義設(shè)計當(dāng)中,負空間是增強核心元素的被關(guān)注度的有效途徑,讓整個設(shè)計更加優(yōu)雅。如果你的設(shè)計采用的是單色,或者雙色的配色方案,那么負空間在創(chuàng)造對比度和清晰度方面,起著無可替代的作用。

      善用負空間.png

      Ice Website

      柵格系統(tǒng)

      對于極簡風(fēng)的網(wǎng)頁設(shè)計,柵格系統(tǒng)在組織內(nèi)容和布局上,作用非常的明顯,尤其當(dāng)你的網(wǎng)頁中包含了大量同質(zhì)化內(nèi)容的時候。此外,柵格系統(tǒng)還能很好地幫你搞定響應(yīng)式設(shè)計。

      The Big Landscape.png

      The Big Landscape

      對比

      按照極簡主義設(shè)計的理念,良好的對比度對于整個視覺設(shè)計的作用是特別明顯的,而對比主要涉及到的是色彩的對比,形狀的對比,以及位置的對比,這些都是關(guān)鍵性的對比元素。

      對比.png

      Bjorn Website

      結(jié)語

      極簡主義設(shè)計的優(yōu)勢很多,在創(chuàng)建網(wǎng)頁和UI界面上有許多效果突出的手法,但是它并非是萬能的,換句話來說,它的適用場景其實是有限制的,并非任何場景下都能實用。但是有一件事是肯定的,界面越簡約,設(shè)計目標(biāo)和針對性就越明顯,而設(shè)計師要投入的時間和精力……也越多。


      1
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 精品人妻一区二区三区四区在线| 国产成人一区二区三区在线| 国模无码人体一区二区| 精品国产福利一区二区| 国产不卡视频一区二区三区| 日本一区二区三区四区视频| 国产精品揄拍一区二区久久| 免费精品一区二区三区第35| 无码少妇一区二区浪潮av| 无码一区二区三区爆白浆| 无码免费一区二区三区免费播放| 国产99精品一区二区三区免费| 美女视频免费看一区二区| 国产萌白酱在线一区二区| 亚洲乱码av中文一区二区| 亚洲一区电影在线观看| 日本内射精品一区二区视频| 在线观看午夜亚洲一区| 国产精品一区二区三区免费| 久久国产香蕉一区精品| 久久精品无码一区二区三区日韩| 一区二区三区四区国产| 国产伦精品一区二区三区无广告 | 日本一区二区三区免费高清在线 | 中文字幕一区精品| 91一区二区三区| 国精品无码一区二区三区在线| 一区二区三区国产| 亚洲日本一区二区| 亚欧免费视频一区二区三区| 欧亚精品一区三区免费| 在线电影一区二区| 免费看AV毛片一区二区三区| 国产一区二区三区不卡在线观看| 福利一区二区在线| 久草新视频一区二区三区| 91精品国产一区| 国产精品一区电影| 伦理一区二区三区| 亚洲午夜精品一区二区公牛电影院 | 无码人妻一区二区三区在线视频 |