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

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

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

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

概念

不要因為極簡(jiǎn)設計看起來(lái)簡(jiǎn)單而輕視他，也不要因為極簡(jiǎn)設計流行而跟風(fēng)。如果你抱著(zhù)以上兩種想法去設計，那么你的極簡(jiǎn)設計一般不會(huì )成功。為何?因為你只看到了表面。盡管極簡(jiǎn)主義網(wǎng)頁(yè)設計現在很流行，很多網(wǎng)站都在用這種風(fēng)格，但實(shí)際上，極簡(jiǎn)風(fēng)格不能通吃所有類(lèi)型的網(wǎng)站，有的網(wǎng)站用極簡(jiǎn)風(fēng)格就不合適。

當內容較少時(shí)，結合現代美學(xué)風(fēng)格，極簡(jiǎn)設計效果最佳。

當內容繁多、網(wǎng)站面向的用戶(hù)是大眾時(shí)，極簡(jiǎn)設計往往不奏效。

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

頁(yè)面中元素太多：廣告、社交媒體圖標、按鈕、文章。簡(jiǎn)化起來(lái)非常麻煩。因為所有的元素都是最基本的元素，已經(jīng)減無(wú)可減了，再減，用戶(hù)肯定會(huì )來(lái)反映問(wèn)題。

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

簡(jiǎn)化

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

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

極簡(jiǎn)主義的目標是：通過(guò)簡(jiǎn)化，讓內容清晰可見(jiàn)。但是如果導航元素被嚴重削減，用戶(hù)無(wú)法理解導航的操作方式，那么便自然無(wú)法正常瀏覽內容，也就不符合極簡(jiǎn)主義目標。

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

但是這不是一款成功的極簡(jiǎn)設計，因為看起來(lái)太無(wú)趣、太死板了。圖像、字體、色彩都太扁平了，完全居中對齊的布局方式太簡(jiǎn)單了。

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

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

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

設計元素

為現代人打造現代風(fēng)格設計

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

創(chuàng )意產(chǎn)品機構 Gigantic Squid的網(wǎng)頁(yè)設計就不賴(lài)，很有極簡(jiǎn)之風(fēng)。少放文字，多放圖，讓更直觀(guān)的圖像說(shuō)話(huà)。

簡(jiǎn)約內容適合以簡(jiǎn)約風(fēng)格來(lái)表現

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

像 Minimalist Music Quiz這種網(wǎng)站只有一個(gè)目的：通過(guò)展示極簡(jiǎn)主義藝術(shù)海報設計，來(lái)讓用戶(hù)猜歌。

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

對比感

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

平衡感

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

細節

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

字體

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

The textural, handwritten typography on MailChimp 2012’s的主頁(yè)采用了手繪字體，讓圖像一下子活了起來(lái);整體簡(jiǎn)單無(wú)比，視覺(jué)效果又非常流暢，還具有一種空間感。

一致性

詳細解析網(wǎng)頁(yè)設計中的極簡(jiǎn)風(fēng)格,PS教程,

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

總結

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

極簡(jiǎn)主義的目的是通過(guò)簡(jiǎn)化來(lái)提高傳達效果，可選項盡量少一點(diǎn)。好的極簡(jiǎn)設計交互流暢、視覺(jué)誘人、體驗美妙。

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