國外的很多網(wǎng)站都非常簡約大氣，原來他們是遵循了這樣的設(shè)計原則啊。這樣的原則，不僅僅適用于web設(shè)計，也同樣適用于App設(shè)計。

介紹：

“Less is more”-無論在時尚，室內(nèi)設(shè)計還是網(wǎng)頁設(shè)計領(lǐng)域，這句話都統(tǒng)治著設(shè)計界。這句話反映了古老的極簡主義理論，也漸漸成為了簡單，優(yōu)雅的功能性營銷設(shè)計的最新工具。

可以說，極簡主義正在盛行。

極簡主義的應(yīng)用可以有兩種不同的方式。一個是美學(xué)，一個是功能。在這里，我將討論功能性極簡主義在Web設(shè)計中的應(yīng)用，在此之前，我們看一下它的基本概念和歷史。

極簡主義：基本概念

極簡主義的關(guān)鍵原則是讓用戶看到必要的功能。這樣，用戶的注意力不僅集中在藝術(shù)的重要部分上，而且還提高了作品的優(yōu)雅度。

傳奇極簡主義畫家唐納德·賈德（Donald Judd）說：“形狀、體積、顏色、表面就是物品本身。它不應(yīng)該被隱藏成為完全不同的整體的一部分，形狀和材料不應(yīng)因環(huán)境而改變?！?/p>

涉及到極簡設(shè)計時，它可以采用兩種方式：設(shè)計師可以出于美學(xué)或功能的考慮創(chuàng)造簡約設(shè)計。

以圖1中的這種設(shè)計為例：

圖1：缺乏功能的美學(xué)極簡主義示例

以上設(shè)計來自眼鏡設(shè)計師Alfred Sung。盡管該設(shè)計很極致，看上去很美，但是除非用戶瀏覽菜單欄，否則該設(shè)計不會告知用戶網(wǎng)站的目的。這種簡約的網(wǎng)頁設(shè)計僅是為了美觀，而不是功能。

但是，如果我們看下面的圖2，我們將看到功能性極簡主義在Web設(shè)計中的完美應(yīng)用，用令人愉悅的視覺呈現(xiàn)重要信息。

圖2：功能極簡主義的示例，既美觀又實用

這是Libraton的網(wǎng)頁設(shè)計。干凈流暢的用戶界面，易于導(dǎo)航。這是網(wǎng)站設(shè)計中的功能性極簡主義的主要示例。設(shè)計中沒有多余的文字，不必要的動畫和額外的效果。借助適當(dāng)?shù)膱D像和內(nèi)容，讓用戶知道該網(wǎng)站的內(nèi)容。

所謂的網(wǎng)頁設(shè)計的功能性極簡主義，即令人愉悅的視覺向用戶呈現(xiàn)必要的內(nèi)容。在簡約的設(shè)計中，沒有多余的文字，不必要的動畫和額外的效果。內(nèi)容和設(shè)計按原樣顯示，沒有任何額外的裝飾，以使用戶輕松找到他們想要的內(nèi)容。

極簡主義的歷史與演變

極簡主義意味著高效的生活，這意味著您可以將更多精力放在核心目的上，這意味著擺脫生活中所有多余的功能，裝飾品和其他任何裝飾。日本文化將生活中的簡約與平衡和諧放在首位，您可以在他們的藝術(shù)和建筑中看到這一點(diǎn)。

在談?wù)摌O簡主義的歷史時，您需要對日本文化作簡要了解。日本文化最好的反映了極簡主義的概念。極簡主義的概念在整個歷史中都存在過，但是在二戰(zhàn)之后，它通過藝術(shù)家Frank Stella和Robert Rayman的作品而得到了廣泛傳播。由于該概念的普及，極簡主義也逐漸滲透到其他領(lǐng)域，例如建筑。

很快，極簡主義也進(jìn)入了網(wǎng)頁設(shè)計領(lǐng)域。在互聯(lián)網(wǎng)的起源上，存在另一種風(fēng)格的網(wǎng)頁設(shè)計風(fēng)格，我們稱之為野蠻風(fēng)格。布局雜亂，幾何圖案笨拙且重復(fù)，字體也多種樣式?？偠灾靶U派網(wǎng)頁設(shè)計對掩蓋丑陋設(shè)計毫無欲望。

但是隨著設(shè)計的開始改進(jìn)，極簡主義走在了最前列，網(wǎng)站開始變得更加美觀。不過，野獸派的設(shè)計也再次卷土重來，聲稱反對同質(zhì)化的網(wǎng)頁設(shè)計風(fēng)格。

極簡網(wǎng)頁設(shè)計及其必要功能

網(wǎng)頁設(shè)計中的極簡主義是設(shè)計師最流行的實踐。隨著極簡網(wǎng)頁設(shè)計變得流行，當(dāng)設(shè)計功能性網(wǎng)站時，極簡主義已成為第一法則。這是為什么了解極簡主義網(wǎng)頁設(shè)計的最佳方法，是了解其主要功能。

1. 重點(diǎn)：突出內(nèi)容

簡約的Web設(shè)計中，內(nèi)容是重點(diǎn)，通過刪除多余的元素（所謂的多余是指不影響用戶進(jìn)行操作的部分）簡化界面。這種方法，內(nèi)容的優(yōu)化是最重要的過程。

資料來源：https ://newday.agency/

通過確定內(nèi)容的優(yōu)先級，設(shè)計人員刪除網(wǎng)頁上可能讓用戶分散注意力的所有元素。最后，每個元素都將具有一定的功能。剝離多余的內(nèi)容時可能會遇到一個問題，那就是會刪除重要的內(nèi)容。因此，請確保您沒有從頁面中刪除重要內(nèi)容。

（1）負(fù)空間的廣泛使用

基于日本的ma原理，負(fù)空間或留白在簡約設(shè)計中起著重要作用。負(fù)空間或留白是極簡網(wǎng)頁設(shè)計的一個非常普遍的功能，內(nèi)容（圖像或文本）之間的空白更加強(qiáng)調(diào)頁面的內(nèi)容。

資料來源：https ://perficientdigitallabs.com/

雖然負(fù)空間也稱為空白，它并不一定總是白色。作為設(shè)計師，您還可以使用空的全色背景在設(shè)計中引入負(fù)空間。

（2）視覺特征

極簡網(wǎng)頁設(shè)計具有很多獨(dú)特的視覺特征。這些特征在網(wǎng)站的整體外觀中起著重要作用。

（3）平面設(shè)計和紋理

極簡設(shè)計省去過度使用的3D效果，陰影和漸變，而廣泛使用平面紋理。去除網(wǎng)站顯得浮華的設(shè)計元素。在平面設(shè)計中，從字體到圖標(biāo)，所有內(nèi)容都保持在最低限度，這不僅美觀而且功能強(qiáng)大。QAccounting是很好的示例。

資料來源：https ://qaccounting.beta.herdl.com/

（4）照片和插圖

一張圖片相當(dāng)于一千文字，圖像和插圖是極簡網(wǎng)站的最重要設(shè)計元素。通過圖片您可以傳達(dá)更多的情感和思想。不過圖片也要遵守極簡主義原則。如果它是一個復(fù)雜的圖像/插圖，包含太多的細(xì)節(jié)，那么它將抵消設(shè)計的整個效果。例如：Manho的設(shè)計。

資料來源：https ://mahno.com.ua/en

（5）有限的配色

顏色可以使視覺集中在內(nèi)容上，但是它也可以分散用戶的注意力。因此，以簡約設(shè)計為目標(biāo)的設(shè)計師通常選擇有限的配色方案。無論單色方案，還是僅兩種顏色的方案，這種有限配色方案是簡約設(shè)計的關(guān)鍵視覺特征之一。

來源：https：//showcase.withgoogle.com/experiment/pizza-authenticator/

2. 獨(dú)特的版式

在極簡主義的背景下，大膽的排版必定能呈現(xiàn)最好的內(nèi)容，設(shè)計師使用此功能來強(qiáng)調(diào)其內(nèi)容。

資料來源：https ://culture.basicagency.com/

3. 設(shè)計對比

高對比度元素是極簡設(shè)計的不錯選擇。作為一名設(shè)計師，您無需付出太多努力，即可充分利用簡單的設(shè)計元素，這也是將用戶聚焦到頁面主要元素的最有效方法。在最近網(wǎng)站大修中，Unified Infotech修改了色彩和對比度方案，使其更具吸引力。

資料來源：https ://www.unifiedinfotech.net/

網(wǎng)頁設(shè)計極簡主義的最佳實踐

有時實踐“l(fā)ess is more ”的理念可能會具有挑戰(zhàn)性。如果您正在努力為網(wǎng)站創(chuàng)建簡約設(shè)計，不必?fù)?dān)心。下面，我將列出一些最佳實踐，通過遵循極簡主義的最佳實踐，您將可以輕松創(chuàng)建極簡的網(wǎng)站設(shè)計。

1. 單一焦點(diǎn)

簡約設(shè)計的概念是使用戶專注于網(wǎng)頁的主要元素，簡約是關(guān)鍵。因此，只有一個焦點(diǎn)是極簡主義的最佳實踐。

資料來源：https ://www.portofmokha.com/

2. 內(nèi)容層次

我已經(jīng)討論過內(nèi)容進(jìn)行排序，并確定需要什么和不需要什么，現(xiàn)在是時候確定什么先行，什么后行了。

資料來源：https ://www.gsmlondon.ac.uk/global-oil-map/

內(nèi)容的層次結(jié)構(gòu)意味著內(nèi)容的放置。頁面頂部的內(nèi)容最重要，而頁面底部的內(nèi)容最不重要。用戶的眼睛總是盯著頁面的頂部，所以將頁面的主要內(nèi)容放在頂部附近很重要。

3. 精確且清晰的內(nèi)容

我將再次討論頁面的內(nèi)容，在為極簡網(wǎng)站編寫內(nèi)容時，您需要去除多余的單詞。

資料來源：https ://hopdeco.ca/en

頁面的文本內(nèi)容必須是用最少單詞傳達(dá)所有的信息。

4. 簡化導(dǎo)航

簡約設(shè)計的重要目標(biāo)之一是幫助用戶盡可能簡單高效地完成任務(wù)。為此，您需要集成一個簡單便捷的導(dǎo)航系統(tǒng)，在極簡的界面中可能會比較棘手。

資料來源：https ://ark-shelter.com/

您可能會覺得需要隱藏導(dǎo)航以創(chuàng)建簡約界面。但是，這可能降低用戶對網(wǎng)站的滿意度。因此，在簡化設(shè)計的同時需要保證必要的功能。

5. 功能性動畫

盡管動畫被視為設(shè)計界的一種裝飾，有時候也必不可少。在簡約界面中加入有針對性的動畫，不僅會使網(wǎng)站看起來更漂亮，也會使界面更高效。必要請看下，可以使用動畫節(jié)省屏幕空間，同時使網(wǎng)站瀏覽更有趣。

通過GIPHY

6. 極簡的登陸頁面和組合

但是，如果您的網(wǎng)站是內(nèi)容豐富的網(wǎng)站（例如新聞網(wǎng)站或博客網(wǎng)站）怎么辦？

在那種情況下，完全的簡約設(shè)計可能會有些困難，使用簡約的界面將使用戶操作更多，這對于高效的網(wǎng)站可能并不理想。

那么解決方案是什么？

資料來源：https ://mywony.com/?ref=lapaninja

網(wǎng)站Mywony，婚紗設(shè)計，在線購物網(wǎng)站，采用使用簡約的布局作為著陸頁。一個電子商務(wù)網(wǎng)站，無論是亞馬遜還是其他獨(dú)家網(wǎng)站，都傾向于展示他們銷售的所有產(chǎn)品。但是Mywony采取了極簡主義的方式，為游客提供了功能完善的設(shè)計，看上去也很討人喜歡。

你要做什么？那結(jié)論是什么？

許多人仍然認(rèn)為極簡主義只是設(shè)計的視覺方面。雖然這部分是正確的，但極簡主義也必須有其自身的功能。解鎖功能性極簡主義的所有秘密之后，您可以將其應(yīng)用到網(wǎng)站設(shè)計中，這類型的網(wǎng)站不僅是您和用戶之間的交流工具，也是用戶希望訪問的美觀的網(wǎng)站。

原文網(wǎng)址：https://medium.com/usabilitygeek/is-less-really-more-the-truth-of-functional-minimalism-in-web-design-ff35256bda5f

作者：Jessica Bennett

編譯作者：熊不知；公眾號：產(chǎn)品經(jīng)理熊不知（ID：xiongbuzhia），人人都是產(chǎn)品經(jīng)理專欄作家。5年產(chǎn)品經(jīng)理經(jīng)驗，專注海外社交APP和編輯工具類APP的產(chǎn)品設(shè)計。

本文由@熊不知 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議