詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格發(fā)布者：本站     時(shí)間：2021-12-23 11:12:25

當(dāng)提到網(wǎng)頁設(shè)計(jì)趨勢的時(shí)候，不管什么文章都得來一句：“現(xiàn)在特別流行極簡主義設(shè)計(jì)”，那么，到底什么是極簡主義?極簡主義不光存在于網(wǎng)頁設(shè)計(jì)中，像Logo設(shè)計(jì)、印刷設(shè)計(jì)、包裝設(shè)計(jì)也都有相應(yīng)的極簡主義風(fēng)格。目前流行的極簡主義網(wǎng)頁設(shè)計(jì)視覺風(fēng)格是：使用純粹的色彩以及簡練唯美的照片。

極簡主義網(wǎng)頁設(shè)計(jì)流行使用創(chuàng)新式導(dǎo)航，不但易用，而且有種簡約美，符合極簡主義“回歸功能”與“視覺簡約”的雙重理念。簡約的外觀、易用的功能，并不意味著極簡主義網(wǎng)頁設(shè)計(jì)很簡單。事實(shí)上，優(yōu)秀的極簡風(fēng)格作品需要復(fù)雜的設(shè)計(jì)流程。

有一種不錯(cuò)的極簡主義設(shè)計(jì)方法是：先設(shè)計(jì)一個(gè)風(fēng)格復(fù)雜的網(wǎng)頁，然后不斷簡化，回歸基本。

概念

不要因?yàn)闃O簡設(shè)計(jì)看起來簡單而輕視他，也不要因?yàn)闃O簡設(shè)計(jì)流行而跟風(fēng)。如果你抱著以上兩種想法去設(shè)計(jì)，那么你的極簡設(shè)計(jì)一般不會成功。為何?因?yàn)槟阒豢吹搅吮砻妗１M管極簡主義網(wǎng)頁設(shè)計(jì)現(xiàn)在很流行，很多網(wǎng)站都在用這種風(fēng)格，但實(shí)際上，極簡風(fēng)格不能通吃所有類型的網(wǎng)站，有的網(wǎng)站用極簡風(fēng)格就不合適。

當(dāng)內(nèi)容較少時(shí)，結(jié)合現(xiàn)代美學(xué)風(fēng)格，極簡設(shè)計(jì)效果最佳。

當(dāng)內(nèi)容繁多、網(wǎng)站面向的用戶是大眾時(shí)，極簡設(shè)計(jì)往往不奏效。

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

像 The Verge這種內(nèi)容豐富，每日更新的科技站點(diǎn)，面向的是普通人。

頁面中元素太多：廣告、社交媒體圖標(biāo)、按鈕、文章。簡化起來非常麻煩。因?yàn)樗械脑囟际亲罨镜脑兀呀?jīng)減無可減了，再減，用戶肯定會來反映問題。

盡管這個(gè)網(wǎng)站看起來非常繁雜，但是瀏覽效率卻非常高。所以這個(gè)站點(diǎn)不適合采用極簡風(fēng)格。

簡化

另一種常見的問題是，設(shè)計(jì)師削減的太多。導(dǎo)致網(wǎng)站缺少必要功能、難于理解、缺乏活力，交互性自然不佳。

極簡主義網(wǎng)頁設(shè)計(jì)可以采用一些漂亮的圖片做背景，或者使用有趣的字體設(shè)計(jì)，再或者打造完美的對照感和平衡感。如果不這樣做，網(wǎng)頁會看起來太扁平了

極簡主義的目標(biāo)是：通過簡化，讓內(nèi)容清晰可見。但是如果導(dǎo)航元素被嚴(yán)重削減，用戶無法理解導(dǎo)航的操作方式，那么便自然無法正常瀏覽內(nèi)容，也就不符合極簡主義目標(biāo)。

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

例如， Pixelsapien網(wǎng)站的設(shè)計(jì)，部分元素設(shè)計(jì)的確實(shí)可圈可點(diǎn)?！癘ur Work”這一頁面中使用了扁平化、簡約的圖標(biāo)(圖標(biāo)本身沒什么問題，甚至可以說圖標(biāo)設(shè)計(jì)的很棒)，看上去很容易理解。

但是這不是一款成功的極簡設(shè)計(jì)，因?yàn)榭雌饋硖珶o趣、太死板了。圖像、字體、色彩都太扁平了，完全居中對齊的布局方式太簡單了。

如果能夠改善以上幾點(diǎn)，這個(gè)網(wǎng)站的視覺效果會大不同。

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

相比之下 Grain and Gram 的外觀就好多了，看上去很漂亮。

但是為了達(dá)成極簡主義，很多地方未免太教條。比如說圖標(biāo)，看起來辨識度不高，彼此之間很模糊，可以適度修改，提高辨識度。極簡主義的意義在于能夠優(yōu)秀傳達(dá)內(nèi)容。

設(shè)計(jì)元素

為現(xiàn)代人打造現(xiàn)代風(fēng)格設(shè)計(jì)

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

創(chuàng)意產(chǎn)品機(jī)構(gòu) Gigantic Squid的網(wǎng)頁設(shè)計(jì)就不賴，很有極簡之風(fēng)。少放文字，多放圖，讓更直觀的圖像說話。

簡約內(nèi)容適合以簡約風(fēng)格來表現(xiàn)

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

像 Minimalist Music Quiz這種網(wǎng)站只有一個(gè)目的：通過展示極簡主義藝術(shù)海報(bào)設(shè)計(jì)，來讓用戶猜歌。

這種網(wǎng)站就很適合采用極簡風(fēng)格。其一，和網(wǎng)站極簡海報(bào)猜歌的主題相符;其二，像這種小游戲，越簡單越能吸引用戶;其三，功能更直觀、更強(qiáng)。

對比感

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

黑白色的照片結(jié)合藍(lán)綠色三角形，Case 3D 的網(wǎng)站向我們展示了他們成功的秘要：高度對照的形狀、材質(zhì)以及色彩。

平衡感

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

平衡感可以通過很多手段來完成， Hennessy’s 的網(wǎng)頁設(shè)計(jì)采用了其中一種方法。經(jīng)典的柵格線布局，讓網(wǎng)頁看起來具有一種歷史悠久感和品牌經(jīng)典感，其他方法這里不贅述了，請各位自行探索。

細(xì)節(jié)

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

是細(xì)節(jié)的精致感讓 Stronghold的網(wǎng)站美麗無窮，這種細(xì)節(jié)化的極簡設(shè)計(jì)非常特殊。這是高水準(zhǔn)的極簡設(shè)計(jì)，沒有一定功力的設(shè)計(jì)師做不來。

字體

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

The textural, handwritten typography on MailChimp 2012’s的主頁采用了手繪字體，讓圖像一下子活了起來;整體簡單無比，視覺效果又非常流暢，還具有一種空間感。

一致性

詳細(xì)解析網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格,PS教程,

Adam Rudzki的個(gè)人網(wǎng)站，視覺和交互體驗(yàn)都不錯(cuò)，形狀、線條、動(dòng)效無縫銜接，保證一致性的同時(shí)具有清晰的辨識度。

總結(jié)

上面提到的所有元素在進(jìn)行極簡設(shè)計(jì)時(shí)都要考慮到，并且要良好結(jié)合。

極簡主義的目的是通過簡化來提高傳達(dá)效果，可選項(xiàng)盡量少一點(diǎn)。好的極簡設(shè)計(jì)交互流暢、視覺誘人、體驗(yàn)美妙。

很多設(shè)計(jì)師都從極簡設(shè)計(jì)中受益，有的人在進(jìn)行極簡設(shè)計(jì)中發(fā)現(xiàn)了自己的不足，而有的人則通過極簡設(shè)計(jì)吸引了更多的用戶，因此無論從哪個(gè)出發(fā)點(diǎn)，極簡主義都是個(gè)不錯(cuò)的選擇。