前分享了丹麥籍設(shè)計(jì)師提出的幾個(gè)設(shè)計(jì)原則，其中有一篇文章關(guān)于「避免功能蔓延」和「KISS 原則」，今天分享這篇俄羅斯籍設(shè)計(jì)師 Nick Babich 授權(quán)翻譯的文章，帶你進(jìn)一步了解「KISS 原則」。

惠城網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

極簡(jiǎn)主義最早出現(xiàn)于后二戰(zhàn)時(shí)期的藝術(shù)運(yùn)動(dòng)。現(xiàn)代網(wǎng)頁設(shè)計(jì)中，極簡(jiǎn)主義也是主流的設(shè)計(jì)技巧之一。它有時(shí)也被視為「內(nèi)容大過于形式」的典型代表。

運(yùn)用恰當(dāng)?shù)脑挘瑯O簡(jiǎn)主義可以使設(shè)計(jì)師更加關(guān)注「簡(jiǎn)化用戶任務(wù)」。此外，它還有其他優(yōu)點(diǎn)，比如網(wǎng)頁加載速度更快，大小不一的各種設(shè)備上兼容性更好等等。

極簡(jiǎn)主義提倡的「簡(jiǎn)」，看起來的確簡(jiǎn)單，但透過現(xiàn)象看本質(zhì)，「簡(jiǎn)而未減」。這篇文章，帶你了解極簡(jiǎn)主義應(yīng)該要注意的幾個(gè)設(shè)計(jì)原則和案例。

一、什么是極簡(jiǎn)主義網(wǎng)頁設(shè)計(jì)?

極簡(jiǎn)主義最初流行于 21 世紀(jì)初。如今，大多數(shù)流行設(shè)計(jì)趨勢(shì)(比如扁平設(shè)計(jì)、網(wǎng)站首圖、以及隱藏式全局導(dǎo)航等等)都受極簡(jiǎn)主義直接影響。

Google 常被稱為極簡(jiǎn)主義網(wǎng)頁界面的先驅(qū)者。自上個(gè)世紀(jì) 90 年代的測(cè)試版開始，極簡(jiǎn)主義一直都是其界面設(shè)計(jì)始終不變的遵循規(guī)則。

?

盡管 Google 推出了各種各樣的產(chǎn)品，但過去 15 年以來其主頁設(shè)計(jì)風(fēng)格基本依然如故。

Google 搜索主頁設(shè)計(jì)的成功，為極簡(jiǎn)主義的流行發(fā)展奠定了基礎(chǔ)。

關(guān)于極簡(jiǎn)主義網(wǎng)頁設(shè)計(jì)的特征，雖然眾說紛紜，但總體來說，包含以下幾個(gè)基本受認(rèn)可的方面：

1. 只保留必要元素

極簡(jiǎn)主義的核心聽起來也非常簡(jiǎn)單——簡(jiǎn)而未減(Less is More)。在網(wǎng)頁設(shè)計(jì)中，要做到簡(jiǎn)而未減，只要在既定設(shè)計(jì)環(huán)境中保留必要元素即可。

極簡(jiǎn)主義網(wǎng)頁設(shè)計(jì)的戰(zhàn)略在于，省去不支持用戶任務(wù)的多余元素或內(nèi)容，簡(jiǎn)化頁面。因?yàn)槠聊簧系脑卦缴伲溆嘣氐年P(guān)注度就更高。

也就是說，如果屏幕上只有單一元素，那該元素背后的信息肯定可以成功地傳達(dá)給用戶。

?

頁面上元素越少，用戶的認(rèn)知負(fù)荷也相對(duì)較輕。

簡(jiǎn)而未減，就是要省去任何影響用戶注意力的界面元素。但同時(shí)，確保用戶所需元素沒被移除或隱藏，否則用戶其首要任務(wù)將變得更復(fù)雜。

所以，設(shè)計(jì)要以內(nèi)容為核心，省去大量二級(jí)元素(比如主導(dǎo)航)，用戶才不會(huì)那么困惑。

2. 負(fù)空間

要問極簡(jiǎn)主義設(shè)計(jì)最常用的元素是什么?若回答什么元素都不用，這個(gè)答案也不足為奇。

負(fù)空間(亦稱留白)，是極簡(jiǎn)主義設(shè)計(jì)最重要的特征，也是使極簡(jiǎn)主義設(shè)計(jì)最賦亮點(diǎn)的一個(gè)特征。它對(duì)引導(dǎo)用戶視覺流向也是很有幫助的：

某元素周圍的負(fù)空間越多，該元素受關(guān)注的可能性越大。

負(fù)空間是用戶最熟悉的極簡(jiǎn)主義設(shè)計(jì)元素。圖片來源：Bouguessa

3. 視覺特征

在極簡(jiǎn)主義設(shè)計(jì)中，每個(gè)細(xì)節(jié)都有其存在價(jià)值。所以留下的都是精華：

扁平設(shè)計(jì)。極簡(jiǎn)主義界面通常都使用扁平設(shè)計(jì)元素。扁平界面中，看不到任何亮點(diǎn)、陰影、斜度，以及任何使界面更加立體化的元素。

最少的視覺層次結(jié)合扁平設(shè)計(jì)——現(xiàn)代網(wǎng)頁設(shè)計(jì)的「黃金搭檔」。圖片來源：F-Secure

生動(dòng)圖片。在極簡(jiǎn)主義設(shè)計(jì)中，圖片是最具代表的一種藝術(shù)形式。圖片可以將整個(gè)世界的情感連結(jié)在一起，并制造特定氛圍。但選擇圖片時(shí)，一定要注意：所有代表極簡(jiǎn)主義設(shè)計(jì)的視覺特征都應(yīng)呈現(xiàn)在所選圖片中。誤選圖片，比如有大量分散用戶注意力元素的圖片，可能會(huì)適得其反。

極簡(jiǎn)主義設(shè)計(jì)的最具代表的藝術(shù)形式——網(wǎng)站首圖，整個(gè)網(wǎng)頁就一張引人注目的圖片。圖片來源：Ada Blackjack

顏色少變。極簡(jiǎn)主義設(shè)計(jì)，只利用顏色元素來增加視覺吸引力，不再添加其它設(shè)計(jì)元素。顏色種類越少越好，所以在設(shè)計(jì)視覺層次時(shí)，一定要有創(chuàng)新。

?

用戶看到的視覺信息越少，顏色元素就更顯著，該網(wǎng)站更有影響力。圖片來源：Mixd

引人注目的字體排版。醒目的字體排版，通過更大篇幅的視覺吸引，使文字和內(nèi)容更受關(guān)注。讓用戶印象最深刻的極簡(jiǎn)主義字體排版設(shè)計(jì)，通常都運(yùn)用了醒目的設(shè)計(jì)風(fēng)格和字型。但是，醒目字體排版要有吸引力，有一個(gè)前提：對(duì)用戶而言，文字信息是有存在價(jià)值的。

使用字體排版來創(chuàng)造視覺吸引力，傳達(dá)信息。

對(duì)比鮮明。因?yàn)樵O(shè)計(jì)元素減少，所以在設(shè)計(jì)視覺層次時(shí)要有創(chuàng)新力。下圖示例中，白色背景和黑色寶石的對(duì)比十分鮮明。