前分享了丹麥籍設(shè)計師提出的幾個設(shè)計原則,其中有一篇文章關(guān)于「避免功能蔓延」和「KISS 原則」,今天分享這篇俄羅斯籍設(shè)計師 Nick Babich 授權(quán)翻譯的文章,帶你進一步了解「KISS 原則」。
惠城網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。極簡主義最早出現(xiàn)于后二戰(zhàn)時期的藝術(shù)運動?,F(xiàn)代網(wǎng)頁設(shè)計中,極簡主義也是主流的設(shè)計技巧之一。它有時也被視為「內(nèi)容大過于形式」的典型代表。
運用恰當?shù)脑?,極簡主義可以使設(shè)計師更加關(guān)注「簡化用戶任務(wù)」。此外,它還有其他優(yōu)點,比如網(wǎng)頁加載速度更快,大小不一的各種設(shè)備上兼容性更好等等。
極簡主義提倡的「簡」,看起來的確簡單,但透過現(xiàn)象看本質(zhì),「簡而未減」。這篇文章,帶你了解極簡主義應(yīng)該要注意的幾個設(shè)計原則和案例。
一、什么是極簡主義網(wǎng)頁設(shè)計?極簡主義最初流行于 21 世紀初。如今,大多數(shù)流行設(shè)計趨勢(比如扁平設(shè)計、網(wǎng)站首圖、以及隱藏式全局導(dǎo)航等等)都受極簡主義直接影響。
Google 常被稱為極簡主義網(wǎng)頁界面的先驅(qū)者。自上個世紀 90 年代的測試版開始,極簡主義一直都是其界面設(shè)計始終不變的遵循規(guī)則。
?
盡管 Google 推出了各種各樣的產(chǎn)品,但過去 15 年以來其主頁設(shè)計風格基本依然如故。
Google 搜索主頁設(shè)計的成功,為極簡主義的流行發(fā)展奠定了基礎(chǔ)。
關(guān)于極簡主義網(wǎng)頁設(shè)計的特征,雖然眾說紛紜,但總體來說,包含以下幾個基本受認可的方面:
1. 只保留必要元素極簡主義的核心聽起來也非常簡單——簡而未減(Less is More)。在網(wǎng)頁設(shè)計中,要做到簡而未減,只要在既定設(shè)計環(huán)境中保留必要元素即可。
極簡主義網(wǎng)頁設(shè)計的戰(zhàn)略在于,省去不支持用戶任務(wù)的多余元素或內(nèi)容,簡化頁面。因為屏幕上的元素越少,其余元素的關(guān)注度就更高。
也就是說,如果屏幕上只有單一元素,那該元素背后的信息肯定可以成功地傳達給用戶。
?
頁面上元素越少,用戶的認知負荷也相對較輕。
簡而未減,就是要省去任何影響用戶注意力的界面元素。但同時,確保用戶所需元素沒被移除或隱藏,否則用戶其首要任務(wù)將變得更復(fù)雜。
所以,設(shè)計要以內(nèi)容為核心,省去大量二級元素(比如主導(dǎo)航),用戶才不會那么困惑。
2. 負空間要問極簡主義設(shè)計最常用的元素是什么?若回答什么元素都不用,這個答案也不足為奇。
負空間(亦稱留白),是極簡主義設(shè)計最重要的特征,也是使極簡主義設(shè)計最賦亮點的一個特征。它對引導(dǎo)用戶視覺流向也是很有幫助的:
某元素周圍的負空間越多,該元素受關(guān)注的可能性越大。
負空間是用戶最熟悉的極簡主義設(shè)計元素。圖片來源:Bouguessa
3. 視覺特征在極簡主義設(shè)計中,每個細節(jié)都有其存在價值。所以留下的都是精華:
扁平設(shè)計。極簡主義界面通常都使用扁平設(shè)計元素。扁平界面中,看不到任何亮點、陰影、斜度,以及任何使界面更加立體化的元素。最少的視覺層次結(jié)合扁平設(shè)計——現(xiàn)代網(wǎng)頁設(shè)計的「黃金搭檔」。圖片來源:F-Secure
生動圖片。在極簡主義設(shè)計中,圖片是最具代表的一種藝術(shù)形式。圖片可以將整個世界的情感連結(jié)在一起,并制造特定氛圍。但選擇圖片時,一定要注意:所有代表極簡主義設(shè)計的視覺特征都應(yīng)呈現(xiàn)在所選圖片中。誤選圖片,比如有大量分散用戶注意力元素的圖片,可能會適得其反。極簡主義設(shè)計的最具代表的藝術(shù)形式——網(wǎng)站首圖,整個網(wǎng)頁就一張引人注目的圖片。圖片來源:Ada Blackjack
顏色少變。極簡主義設(shè)計,只利用顏色元素來增加視覺吸引力,不再添加其它設(shè)計元素。顏色種類越少越好,所以在設(shè)計視覺層次時,一定要有創(chuàng)新。?
用戶看到的視覺信息越少,顏色元素就更顯著,該網(wǎng)站更有影響力。圖片來源:Mixd
引人注目的字體排版。醒目的字體排版,通過更大篇幅的視覺吸引,使文字和內(nèi)容更受關(guān)注。讓用戶印象最深刻的極簡主義字體排版設(shè)計,通常都運用了醒目的設(shè)計風格和字型。但是,醒目字體排版要有吸引力,有一個前提:對用戶而言,文字信息是有存在價值的。使用字體排版來創(chuàng)造視覺吸引力,傳達信息。
對比鮮明。因為設(shè)計元素減少,所以在設(shè)計視覺層次時要有創(chuàng)新力。下圖示例中,白色背景和黑色寶石的對比十分鮮明。