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