Less is More | 極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)
時(shí)間：2023-10-11 06:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-11 06:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
Less is More | 極簡(jiǎn)的網(wǎng)頁(yè)設(shè)計(jì)：
簡(jiǎn)評(píng)：Less is more，極簡(jiǎn)是一種設(shè)計(jì)思想，更是一種哲學(xué)。去偽存真，保留最核心的東西。在網(wǎng)頁(yè)設(shè)計(jì)中，極簡(jiǎn)不是簡(jiǎn)單的 0 + 1，而是 2 - 1。
極簡(jiǎn)主義起始于二戰(zhàn)后的藝術(shù)運(yùn)動(dòng)，在設(shè)計(jì)界中占據(jù)重要的一席之地。在網(wǎng)頁(yè)設(shè)計(jì)中，極簡(jiǎn)主義為網(wǎng)站帶來(lái)了諸多的好處，它看上去非常簡(jiǎn)單，但真正設(shè)計(jì)起來(lái)不單單是「Less is more」，需要有很多的指導(dǎo)思想。
什么是網(wǎng)頁(yè)設(shè)計(jì)中的極簡(jiǎn)主義？
網(wǎng)頁(yè)設(shè)計(jì)的極簡(jiǎn)主義起始于 2000 年，Google 被認(rèn)為是這個(gè)設(shè)計(jì)流派的先驅(qū)。
歸納一些極簡(jiǎn)主義的定義和特征：
★保留最基本元素屏幕上的元素越少，焦點(diǎn)越有效。根據(jù)此邏輯，如果你的屏幕只有一個(gè)元素，你可以確定這個(gè)信息一定可以傳達(dá)到用戶。
圍繞內(nèi)容進(jìn)行設(shè)計(jì)，只留下必要的次要元素（例如主導(dǎo)航），以便用戶不會(huì)感到困惑。
★
留白極簡(jiǎn)主義中最常見(jiàn)的元素是沒(méi)有元素。
留白是極簡(jiǎn)主義的重要特征，它賦予設(shè)計(jì)以力量。
★
視覺(jué)特性在一個(gè)簡(jiǎn)約的設(shè)計(jì)中，每個(gè)細(xì)節(jié)都有意義。你選擇留下什么是至關(guān)重要的：
- 平面紋理。極簡(jiǎn)主義界面通常使用平面紋理，圖標(biāo)和圖形元素。
- 生動(dòng)的攝影。圖像是最簡(jiǎn)約設(shè)計(jì)中最突出的藝術(shù)作品，它們使整個(gè)世界的情感聯(lián)系和設(shè)置一個(gè)氣氛。（園長(zhǎng)：但選擇什么樣的圖片至關(guān)重要，選擇繁忙的圖片更容易分心）
- 最少顏色。在簡(jiǎn)約設(shè)計(jì)中，我們使用顏色創(chuàng)造視覺(jué)興趣或直接注意，而不添加任何額外的設(shè)計(jì)元素或?qū)嶋H圖形。
- 戲劇性的排版。大膽的文字寫(xiě)出內(nèi)容，同時(shí)制定一個(gè)更有趣的視覺(jué)排版。
- 對(duì)比。你可以使用更少的元素進(jìn)行設(shè)計(jì)，在創(chuàng)建視覺(jué)層次結(jié)構(gòu)時(shí)需要更有創(chuàng)意。
極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)最佳案例
當(dāng)談到極簡(jiǎn)主義時(shí)，不要認(rèn)為它元素少就覺(jué)得更簡(jiǎn)單。
★
單焦點(diǎn)單頁(yè)單焦點(diǎn)。每頁(yè)專注于一個(gè)概念，圍繞此做視覺(jué)。
★
增加期待值在頂部放置大量留白空間，在向下滾動(dòng)的過(guò)程中增加內(nèi)容密度。
★
精煉的副標(biāo)題提煉關(guān)鍵元素的此語(yǔ)，引發(fā)思考。
★
簡(jiǎn)化但不是隱藏導(dǎo)航導(dǎo)航是有用的，如果你為了極簡(jiǎn)而隱藏導(dǎo)航欄，在思路上是對(duì)的，但在用戶體驗(yàn)上是很不好的，比如隱藏的導(dǎo)航欄點(diǎn)擊率會(huì)很低（如下圖，gif，chrome 和 本站 app 點(diǎn)擊圖片查看）
而可以使用這樣的方式展示導(dǎo)航欄：
★極簡(jiǎn)主義的登錄頁(yè)面和作品集內(nèi)容較少的個(gè)人主頁(yè)，作品集或者登錄頁(yè)面可以采用極簡(jiǎn)設(shè)計(jì)。
資源和工具
- Minimalist Color Palettes?：非黑白的極簡(jiǎn)主義配色方案。
- Color Contrast Checker：輸入你的前后背景色，幫你調(diào)整顏色建議搭配。
小結(jié)
刪除不必要的元素，只保留最核心的。留下更輕便的結(jié)構(gòu)、簡(jiǎn)單的導(dǎo)航，留白以啟發(fā)思考。內(nèi)容不多的時(shí)候，可以試試只用文字，要注意排版。
原文：Functional Minimalism for Web Design
極光日?qǐng)?bào)延伸閱讀：
- 極簡(jiǎn)主義設(shè)計(jì)的最佳實(shí)踐
- 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)：站在 2017 年的回顧與展望
- 流行的網(wǎng)頁(yè)動(dòng)畫(huà)技術(shù)
歡迎關(guān)注：本站專欄「極光日?qǐng)?bào)」，每天為 Makers 導(dǎo)讀三篇優(yōu)質(zhì)英文文章。
在線咨詢