“Less is more” 網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格設(shè)計(jì)法你知道嗎?

作者：admin 來源：互聯(lián)網(wǎng) 發(fā)布時(shí)間： 2021/2/22 15:03:20 瀏覽：

在網(wǎng)頁設(shè)計(jì)這個(gè)事情上，大的趨勢總會(huì)在很長的一個(gè)時(shí)間尺度上發(fā)揮作用，就像極簡的設(shè)計(jì)風(fēng)格，似乎還沒有一個(gè)其他的設(shè)計(jì)趨勢或者風(fēng)格能夠完全地將它替代掉。

　　在網(wǎng)頁設(shè)計(jì)這個(gè)事情上，大的趨勢總會(huì)在很長的一個(gè)時(shí)間尺度上發(fā)揮作用，就像極簡的設(shè)計(jì)風(fēng)格，似乎還沒有一個(gè)其他的設(shè)計(jì)趨勢或者風(fēng)格能夠完全地將它替代掉。好在極簡主義這個(gè)大的設(shè)計(jì)風(fēng)格體系之下，設(shè)計(jì)師常常能夠合理的加入一些個(gè)人的想法和獨(dú)特的元素，來營造出讓人難忘的體驗(yàn)。

　　簡單的形式往往能夠帶給人們更多的空間感與愉悅感，也是內(nèi)容大過于形式的一種設(shè)計(jì)方式。但在一些實(shí)際的設(shè)計(jì)當(dāng)中，極簡卻變成了簡陋。那什么才是設(shè)計(jì)中的極簡呢?

　　01極簡設(shè)計(jì)的起源

　　極簡主義起始于第二次世界大戰(zhàn)之后的視覺藝術(shù)運(yùn)動(dòng)，與當(dāng)時(shí)以混亂的顏色、動(dòng)感等要素為代表的抽象表現(xiàn)主義形成鮮明的對(duì)比。極簡主義受到當(dāng)時(shí)著名的包豪斯藝術(shù)運(yùn)動(dòng)的影響，聚焦于簡約而不失功能性的設(shè)計(jì)。

　　著名建筑設(shè)計(jì)師Ludwig Mies van der Rohe的那句“Less is more”完美的概括了極簡主義的表達(dá)方式。眾所周知，這句話后來也成為互聯(lián)網(wǎng)及軟件設(shè)計(jì)領(lǐng)域當(dāng)中的極簡主義者們的口頭禪及精神支柱

　　那我們?cè)谠O(shè)計(jì)中該如何更好的做極簡設(shè)計(jì)呢?掌控好下面的幾大要素，能夠很好地幫助你拿捏這種風(fēng)格。一起來看看吧!

　　02留白

　　有沒有聽說過「白紙綜合癥」?當(dāng)你在畫畫或者創(chuàng)作的時(shí)候，面對(duì)著空無一物的白紙，陷入焦慮的情緒的狀態(tài)，就是「白紙綜合癥」。

　　這種狀態(tài)廣泛存在，這種病癥很多人都有，尤其是設(shè)計(jì)師。而當(dāng)你在設(shè)計(jì)風(fēng)格簡約的作品的時(shí)候，需要你學(xué)會(huì)擁抱白紙，面對(duì)留白，因?yàn)椤噶舭住挂彩且环N元素。相反，在極簡主義的設(shè)計(jì)當(dāng)中，過多的視覺元素會(huì)讓整個(gè)設(shè)計(jì)顯得不堪重負(fù)，降低可用性和易讀性。

　　留白的使用方法很多，但是最主要的方式，是讓留白以外的元素，僅保留必須的部分，把留白視作為一個(gè)必須的模塊，考慮如何保持可見的元素和留白之間的整體平衡。

　　“以無勝有，以簡勝繁”，留白的目的，永遠(yuǎn)是突出主體，從而把畫面中的主體加以強(qiáng)調(diào)、突出，盡可能舍棄那些繁瑣、次要的東西。恰到好處的留白，只會(huì)讓主體獲得更加強(qiáng)烈的表現(xiàn)。

　　Minimalism. by SUHIN

　　Webisomania by ilo chani

　　03色彩

　　留白當(dāng)然不一定是白色，也可以是其他的顏色，你還可以搭配各種不一樣的配色方案和組合。色彩和留白的結(jié)合是很自然的選擇，兩者能夠更好地賦予設(shè)計(jì)以更強(qiáng)的情緒和個(gè)性化的視覺，制造整體氛圍。

　　但是值得注意的是，除了留白使用一種顏色之外，其他元素的色彩也盡量不要用得太多太花。簡單的色彩搭配更容易營造出對(duì)比，在不復(fù)雜的配色體系下，制造出出色的視覺效果。盡量將主要配色控制在 1~2 種，對(duì)比色能夠營造出更強(qiáng)的戲劇感和視覺張力。

　　Clothing Shop // Website Concept by Ivan Ivanov

　　04圖片與插畫

　　「一圖勝千言」是被說爛了的老話，但是這句話怎么說都是對(duì)的。單張圖片能夠承載的信息量是巨大的。不過一樣的，插畫在極簡主義設(shè)計(jì)當(dāng)中的應(yīng)用也是相當(dāng)講究的。

　　通常而言，你需要將插畫當(dāng)作重要的視覺焦點(diǎn)來使用，讓它周圍有足夠多的留白，這樣能夠保持極簡設(shè)計(jì)應(yīng)有的呼吸感。這個(gè)時(shí)候，經(jīng)典的排版布局方式就可以發(fā)揮極大的作用，左右布局、上下布局、中心式布局等等等等，不用復(fù)雜的花樣，就可以制造出讓人驚喜的效果。當(dāng)然，記得控制好元素和整體布局之間的空間比例。

　　Janovia — Art school landing page by Alinka

　　05文本和版式

　　當(dāng)然，配色、圖片和留白都說了，剩下就是文本的部分了。文本在極簡主義設(shè)計(jì)當(dāng)中的使用方式也有一些事項(xiàng)值得注意。

　　文本排版在極簡主義設(shè)計(jì)當(dāng)中的玩法當(dāng)然也很多，實(shí)驗(yàn)性的文本排版和布局設(shè)計(jì)是很多設(shè)計(jì)師提升極簡設(shè)計(jì)的視覺觀感的一種有效的方式，結(jié)合一些比較獨(dú)特的配色或者效果，都可以。但是無論哪種，在「想法」上要保持極簡——不要想在一個(gè)設(shè)計(jì)中承載過多的排版方式和元素，你最好著力表現(xiàn)一種「理念」，或者一種排版風(fēng)格，呈現(xiàn)某一種的氣質(zhì)，千萬不要摻雜太多的想法。

　　此外，相對(duì)傳統(tǒng)的字體設(shè)計(jì)也同樣可行，適當(dāng)?shù)剡\(yùn)用一些個(gè)性化的排版技巧，就可以了

　　Shift by Liam le Roux

　　06保持一致性

　　無論是傳統(tǒng)的平面設(shè)計(jì)還是更加數(shù)字化的網(wǎng)頁和APP的設(shè)計(jì)，極簡風(fēng)格下，所有的元素都應(yīng)當(dāng)保持一致性。雜亂無章是會(huì)讓用戶和觀者感到困惑的。

　　雖然有的頁面內(nèi)容可能會(huì)需要承載更多的內(nèi)容，但是極簡主義的設(shè)計(jì)風(fēng)格約束下，信息只是橫向拓展，內(nèi)容的風(fēng)格和元素的統(tǒng)一性是不能被打破的，這樣對(duì)于用戶而言，也是貼合預(yù)期的。

　　Motus 這個(gè)網(wǎng)站首頁主要是用來展示自行車的，白色背景+產(chǎn)品+大標(biāo)題的設(shè)計(jì)模式貫穿整個(gè)設(shè)計(jì)，其中提亮的彩色文本在不同的產(chǎn)品中各不相同，但是這種“變化”也是整體一致性的體現(xiàn)。整個(gè)設(shè)計(jì)從風(fēng)格到一致性的把控上，都貼合極簡主義的精神。保持設(shè)計(jì)的一致，是最基本的設(shè)計(jì)規(guī)則。

　　07極簡設(shè)計(jì)的最佳實(shí)踐

　　1. 單一焦點(diǎn)

　　簡約設(shè)計(jì)的概念是使用戶專注于網(wǎng)頁的主要元素，簡約是關(guān)鍵。因此，只有一個(gè)焦點(diǎn)是極簡主義的最佳實(shí)踐。

　　2. 簡化導(dǎo)航

　　簡約設(shè)計(jì)的重要目標(biāo)之一是幫助用戶盡可能簡單高效地完成任務(wù)。為此，您需要集成一個(gè)簡單便捷的導(dǎo)航系統(tǒng)，在極簡的界面中可能會(huì)比較棘手。

　　3. 功能性動(dòng)畫

　　盡管動(dòng)畫被視為設(shè)計(jì)界的一種裝飾，有時(shí)候也必不可少。在簡約界面中加入有針對(duì)性的動(dòng)畫，不僅會(huì)使網(wǎng)站看起來更漂亮，也會(huì)使界面更高效。必要請(qǐng)看下，可以使用動(dòng)畫節(jié)省屏幕空間，同時(shí)使網(wǎng)站瀏覽更有趣。

　　08極簡風(fēng)格網(wǎng)頁分享

　　“極簡”并不意味著簡單，恰恰相反，而是精準(zhǔn)、堅(jiān)定地剔除多余之物，從而獲得完美和寧靜。接下來為大家分享幾個(gè)優(yōu)秀設(shè)計(jì)師網(wǎng)站，希望其中的極簡設(shè)計(jì)風(fēng)格能為你的設(shè)計(jì)提供一些靈感

　　1、Bruno Ferdinand

　　Bruno Ferdinand 是一位在字體設(shè)計(jì)上有著突出技巧的設(shè)計(jì)師，他的作品集網(wǎng)站中不僅能夠體現(xiàn)他在字體排版上的獨(dú)特想法，而且還表現(xiàn)出他近乎強(qiáng)迫癥的時(shí)尚口味傾向。整個(gè)網(wǎng)站的設(shè)計(jì)簡約，美觀，質(zhì)樸也令人難忘。

　　2、Yunpic

　　其實(shí) Yumpic 這個(gè)名字應(yīng)該就已經(jīng)反映出這個(gè)網(wǎng)站的屬性了：它是專門用來分享美食的圖片和視頻的。對(duì)于想要?jiǎng)?chuàng)建完美 Instagram 賬號(hào)的用戶，美食博主和食品相關(guān)從業(yè)者而言，這個(gè)博客所提供的內(nèi)容是非常不錯(cuò)的。整個(gè)網(wǎng)站保持風(fēng)格簡約的同時(shí)，巧妙地將個(gè)性化的元素和圖片穿插使用，營造出相對(duì)獨(dú)特的體驗(yàn)。