最小化設計的目标是移除界面(miàn)當中不必要的元素或内容，減少幹擾，使界面(miàn)最大程度的支持用戶的任務流程。

要將(jiāng)界面(miàn)以恰當的方式簡化到隻保留必要元素的程度，設計師需要對(duì)一系列與最小化策略高度相關的設計模式有所了解。界面(miàn)設計，就像人類的語言一樣(yàng)，最終是由人們的使用方式所定義的。如今，雖

然“最小化”和“極簡”的概念時常被(bèi)人們抛出，但我們還(hái)是無法精确的、量化的去定義具體是哪些功能(néng)特性構成(chéng)了最小化界面(miàn)。爲了更加清晰的對(duì)概念進(jìn)行解構，我們對(duì)112個帶有明顯最小化風格的網站進(jìn)行了分析。需要記住的是，設計風格的流行不代表它适用于任何類型的産品及其目标用戶，更不意味著(zhe)它能(néng)推動提潤或其他業務目标的提升。在這(zhè)次研究當中，我們的分析對(duì)象是那些明顯采用了最小化設計策略的界面(miàn)，而非因爲最小化設計風格而實現商業目标的産品。後(hòu)文中也會講到，雖然最小化設計策略當中的一些要素對(duì)業務本身是有推動作用的，但同時也有很多會起(qǐ)到反作用。

最小化設計的典型組成(chéng)要素

對(duì)于我們所研究的112個最小化風格的網站，如果某個特征出現在超過(guò)75%的樣(yàng)本當中，我們就將(jiāng)其定義爲最小化界面(miàn)設計的基本組成(chéng)要素。

内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

扁平化的材質

使用在96%的樣(yàng)本界面(miàn)當中(很多樣(yàng)本的運用方式并不得當)。

過(guò)去幾年間，界面(miàn)設計領域當中最爲巨大的變化當屬拟物化風格向(xiàng)不帶有任何實物隐喻的數字化表現形式的轉變。扁平化風格通常不使用任何高光、陰影、漸變和材質來使界面(miàn)元素帶有三維質感效果。

有些設計師相信扁平化風格正是最小化界面(miàn)設計理念的直接體現：移除了各種(zhǒng)不必要的、裝飾性的視覺效果，使界面(miàn)最大程度的支持内容本身的呈現。

雖然這(zhè)兩(liǎng)種(zhǒng)概念具有很強的相關性，但它們并不等同于彼此。我們通常所說的扁平化設計泛指一種(zhǒng)界面(miàn)元素的視覺風格，而最小化設計則涉及到内容和功能(néng)層面(miàn)。一個采用了扁平化視覺風格的界面(miàn)未必是最小化的：

正如我們在曾經(jīng)一篇文章當中所講，扁平化界面(miàn)時常難以讓用戶一目了然的了解哪些元素是可點擊的。我們相信，相比于盲目的扁平化處理方式，一種(zhǒng)介于扁平化和拟物化之間的折衷風格會更爲實用 – 以扁平化爲基礎，同時在交互元素上使用更具實物隐喻性的樣(yàng)式，使用戶可以快速識别可點擊元素。

總體上講，扁平化風格非常容易被(bèi)誤用，而且很可能(néng)對(duì)産品體驗造成(chéng)負面(miàn)影響。如今扁平化極度流行的設計趨勢使其幾乎成(chéng)爲最小化設計的代名詞，這(zhè)并不是一個好(hǎo)現象。

少量配色或單色方案

使用在95%的樣(yàng)本界面(miàn)當中。

在多數的最小化風格界面(miàn)中，極簡的配色方案都(dōu)是策略性的被(bèi)用來在不增加額外元素的情況下創建視覺吸引。界面(miàn)當中的視覺幹擾較少，色彩更容易被(bèi)注意到，對(duì)内容和功能(néng)的影響力更強。

極簡的配色方案可以說是針對(duì)2000年前後(hòu)混亂聒噪的網頁設計風格的回敬。極度克制的配色方案最大程度的避免了界面(miàn)本身對(duì)内容的幹擾，不過(guò)在内容圖片的使用方面(miàn)，色彩通常會更豔麗。我們在進(jìn)行評估時，考量的元素包括背景色、logo、導航菜單、圖标和字色，而不包括内容圖片。

很多極簡主義的界面(miàn)設計師會采用單色方案，最多再爲界面(miàn)中的重要元素另取一種(zhǒng)顔色。所謂重要元素，通常是指比較重要的交互元素。

在我們的樣(yàng)本當中，49%使用了單色方案，46%使用了兩(liǎng)到三種(zhǒng)色彩。使用著(zhe)單色方案的那些界面(miàn)，絕大多數是黑白及各種(zhǒng)灰度的搭配。

相比于十多年前的混亂，如今極簡的配色策略可以說是一種(zhǒng)進(jìn)步，但在使用時仍有一些重要的問題需要考慮：确保你的配色方案具有足夠的對(duì)比度，使内容具有最基本的可讀性，另外要考慮到色弱和色盲用戶。

關鍵色的使用要有明确的目的，例如突顯重要信息或交互元素，并注意維持全局的統一性，用途保持一緻。

功能(néng)與界面(miàn)元素的約束

使用在87%的樣(yàng)本界面(miàn)當中。

準備嘗試最小化策略的設計師必須對(duì)界面(miàn)當中的每一個元素進(jìn)行分析，然後(hòu)移除那些對(duì)核心功能(néng)或信息沒(méi)有直接支持作用的元素。所謂“元素”，包括(但不限于)：

實際上，我們很難對(duì)界面(miàn)當中是否還(hái)包含“不必要”的元素進(jìn)行準确的評估，除非直接向(xiàng)設計師本人詢問，并了解他們的産品特性及目标用戶群體。爲了使這(zhè)一特征更易考量，我們重點關注界面(miàn)當中是否存在不具任何實質目的性的視覺元素。在我們的樣(yàng)本中，有87%的界面(miàn)明顯移除了所有的不必要元素。

界面(miàn)中的元素越多，用戶頭腦中需要處理的信息就越多。極簡主義設計師們時常念叨的一句話就是“持續減法，直到無可再減”，意思就是除非缺失某樣(yàng)東西會導緻問題的出現，否則就幹掉它。

不過(guò)，設計師們往往容易過(guò)分追求簡約、現代、最小化的視覺外觀，緻使有實際用途的元素被(bèi)錯誤的移除。反之，嚴格堅持實用主義路線，將(jiāng)在一定程度上幫助你更準确的識别出界面(miàn)中的幹擾元素，打造出更高效的交互流程。最根本的一點，确保不要將(jiāng)用戶完成(chéng)核心任務所真正需要的東西移除，否則這(zhè)樣(yàng)的簡化隻能(néng)提升操作複雜度。元素混亂、信息過(guò)載的界面(miàn)固然難以理解，但過(guò)分簡化以至于缺失必要信息的産品則更容易讓人茫然無措。

超大的留白比例

使用在84%的樣(yàng)本界面(miàn)當中。

有意識的將(jiāng)界面(miàn)當中的幹擾元素移除，勢必會導緻負空間比例的增大。

留白(負空間)曾被(bèi)認爲是最小化界面(miàn)的同義詞，很多設計師將(jiāng)留白作爲一種(zhǒng)引導用戶關注重要内容的手段，幫助他們更好(hǎo)的理解信息結構。

留白并非空無一物，比例得當的負空間除了可以爲界面(miàn)賦予呼吸感以外，确實還(hái)能(néng)起(qǐ)到有效的引導作用。在考慮留白的使用時，要關注以下幾方面(miàn)的問題：

增加或減少留白之後(hòu)，界面(miàn)信息層級的展現方式是否會受到影響？

留白的使用是否會影響到界面(miàn)上方信息的展示？雖然備受争議，但“折線以上”的原則在很多界面(miàn)環境中依然适用，用戶在進(jìn)行交互行爲之前最容易關注到的仍然是首屏區域當中的内容，不要讓留白對(duì)

這(zhè)裡(lǐ)的重要信息産生破壞作用。

留白的使用是否會影響到交互成(chéng)本？用戶是否需要付出更高的成(chéng)本才能(néng)獲取信息？

留白的比例是否需要根據不同的浏覽環境進(jìn)行響應式的調整？

誇張的字體運用

使用在75%的樣(yàng)本界面(miàn)當中。

和字色相仿，當界面(miàn)裡(lǐ)僅有爲數不多的元素時，加粗加大的字體也能(néng)成(chéng)爲溝通重要信息的手段。恰當有效的字體運用不但可以使最小化風格的界面(miàn)更具視覺吸引力，而且可以彌補其他類型元素的匮乏所導緻的視覺失衡問題。字号、粗細、字形風格等等的變化搭配對(duì)于幫助用戶在最小化界面(miàn)中理解信息層次也起(qǐ)著(zhe)重要的作用。在我們研究的112個樣(yàng)本當中，75%的界面(miàn)通過(guò)誇張的字體運用方式來傳達信息，制造視覺張力。

對(duì)于定制化程度比較高的字體，使用圖片代替文本是一種(zhǒng)常規做法，代價則是降低了界面(miàn)的加載速度，并且需要考慮不同分辨率下的尺寸問題。使用在線字體(web font)也是一種(zhǒng)方式，但同樣(yàng)要考慮性能(néng)方面(miàn)的問題。

必須記住，隻有在能(néng)夠傳達特定信息的情況下，誇張的字體運用方式才有意義，不要單純爲了視覺效果而使用。過(guò)度風格化的字體有很大的風險性，根據我們過(guò)去的研究，用戶很容易忽略掉那些看上去過(guò)于花裡(lǐ)胡哨的文字，因爲太像廣告了。你的字體運用方式能(néng)否準确的體現設計意圖？最終結果是否反而造成(chéng)了混亂和幹擾？優秀的設計師應該有能(néng)力在這(zhè)兩(liǎng)者之間找到恰當的平衡點。如果你無法确定，盡量向(xiàng)最安全最穩妥的一邊靠攏。

其他組成(chéng)要素

以下這(zhè)些設計要素也是很多設計師樂于運用的。不過(guò)由于它們在樣(yàng)本當中的使用比例相對(duì)較低，所以我們不會將(jiāng)其定義爲最小化界面(miàn)設計的基本組成(chéng)要素。

全屏背景圖片或視頻

使用在57%的樣(yàng)本界面(miàn)當中。

理論上講，全屏背景圖片與最小化設計理念當中“移除一切不相關要素，隻保留必要信息”的原則是相沖突的，不過(guò)在實際當中，這(zhè)種(zhǒng)設計模式的主流化程度還(hái)是有目共睹的；在我們的研究樣(yàng)本當中，

采用了這(zhè)種(zhǒng)模式的界面(miàn)約占57%。

全屏背景圖片/視頻是否有利于用戶對(duì)品牌産生正确認知，這(zhè)一點還(hái)取決于具體的産品環境以及設計師的設計意圖。要策略性的選擇背景圖片或視頻，而不是盲目的模仿或随意使用素材；在此基礎上，遵循最小化設計的理念，防止多餘的界面(miàn)元素與大背景所傳達的信息産生沖突。不過(guò)在實際當中，有很多設計師的思路卻是通過(guò)巨大而誇張的背景元素來彌補過(guò)于簡化的風格所帶來的枯燥與單調。

在使用全屏背景圖片或視頻時，考慮以下幾點：

确保你所選用的圖片或視頻是有實際意義的，例如幫助用戶一目了然的對(duì)産品産生直觀認知。如果做不到這(zhè)一點，它們隻會成(chéng)爲界面(miàn)當中體型巨大的幹擾元素。

确保背景之上的文字内容可讀、易讀。可讀是指至少保證用戶能(néng)夠辨識字母、單詞、語句；易讀是指輕松順暢的辨識和處理這(zhè)些内容。如果你使用視頻做背景，那麼(me)要在所有典型分辨率下測試每一幀圖像對(duì)文字内容的可讀、易讀性是否産生了嚴重的負面(miàn)影響。

考量大幅背景素材對(duì)于界面(miàn)性能(néng)的影響。要采用必要的自适應技術，确保界面(miàn)在移動設備上加載時不需要使用桌面(miàn)尺寸和精度的超大素材。

對(duì)于自動播放要謹慎。很多用戶非常厭惡自動播放的視頻，尤其是同時帶有音頻的。

不要將(jiāng)背景視頻當作哈利波特電影那樣(yàng)去制作，動來動去的炫目的内容隻會幹擾用戶的注意力。

網格布局

使用在43%的樣(yàng)本界面(miàn)當中。

43%的比例可以代表一定的流行程度，但也可以說明這(zhè)種(zhǒng)設計方式不是很典型的最小化設計組成(chéng)要素。

在最小化界面(miàn)當中，網格布局的使用通常出于兩(liǎng)方面(miàn)的原因：

無需額外的視覺元素進(jìn)行輔助，網格布局能(néng)夠很好(hǎo)的將(jiāng)界面(miàn)當中一系列同質内容組織起(qǐ)來。

網格布局對(duì)于響應式設計的實現很有幫助。

圓形的圖形元素

使用在16%的樣(yàng)本界面(miàn)當中。

很多設計師認爲圓形元素是一種(zhǒng)典型的最小化界面(miàn)設計組成(chéng)要素，不過(guò)在我們的研究當中，隻有16%的樣(yàng)本有用到。

默認隐藏的全局導航

使用在13%的樣(yàng)本界面(miàn)當中。

如今很多網站會默認隐藏全局導航，即便是在桌面(miàn)設備上浏覽的時候；漢堡包圖标也越來越多的出現在網頁當中。實際上，這(zhè)可以說是對(duì)“移動優先”設計思路理解不全面(miàn)或是貫徹不全面(miàn)所導緻的直接結果 – 設計師認同了在移動設備小屏幕上隐藏導航換取顯示空間的合理性，但是忽略了在平闆或桌面(miàn)設備充裕的顯示環境當中一目了然的向(xiàng)用戶呈現導航結構的重要性 – 換個角度說，這(zhè)也是典型的

過(guò)度簡化設計。

退一步說，在某些情況下，隐藏一些非高頻功能(néng)入口或許符合你的簡化目标，但必須确保那些對(duì)于用戶完成(chéng)核心任務起(qǐ)到關鍵作用的信息或功能(néng)默認呈現出來。

最小化設計要素歸納

在對(duì)112個網站界面(miàn)進(jìn)行研究之後(hòu)，我們總結出了如前文所述的若幹最小化設計組成(chéng)要素，其中包括5個典型組成(chéng)要素：

小結

2000年前後(hòu)的界面(miàn)設計領域由混亂與聒噪所統治。多年來，我們逐漸學(xué)會了與之進(jìn)行對(duì)抗。臃腫的功能(néng)和無意義的内容對(duì)于用戶及産品自身都(dōu)是極大的傷害。理論上講，最小化設計思想可以幫助我們遠離曾經(jīng)的混亂局面(miàn)，打造出更加平滑自然的人機互動流程。不過(guò)現實當中的情況并非那麼(me)理想，很多設計師僅從形式上拷貝著(zhe)各種(zhǒng)流行的最小化設計要素，卻忽略了特定的産品目标以及不恰當的設計方式所導緻的各種(zhǒng)可用性陷阱。

從形式上看，扁平化設計是對(duì)拟物風格的反擊，最小化設計是對(duì)過(guò)度設計的反擊。無論如何，我們都(dōu)強烈建議各位設計師避免非此即彼、非黑即白的思維模式，真正去了解每種(zhǒng)設計思想的特性，根據産品的實際情況尋求恰當的平衡點。隻有在真正符合産品目标及用戶需求的情況下，特定的設計思想才能(néng)真正成(chéng)爲有利的設計武器 – 爲了最小化而最小化，對(duì)産品和用戶都(dōu)無益。

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。