網頁設計的極簡主義:少即是多

2020-12-16 人人都是產品經理

 

有一些設計者,經過一輪艱辛做了一個很少元素並看上去不錯的網頁,或者他們做的網頁最後看上去不會很」複雜」。網上有很多關於極簡設計用在網頁上的文章,這篇文章目的是指導你如何讓你的網頁設計做到華麗卻不失內涵。

最重要的是,我們將為你展示一系列的設計,讓你從中體會為什麼一些設計可以做到這樣的效果而另外的一些卻不能。

一、什麼是極簡設計?

極簡設計被描述成將最基本的元素呈現,並摒棄所有多餘結構,色彩,圖形和其他素材的設計方法。
其目的是使主要內容浮出並成為聚焦點,從視覺角度出發,極簡設計意味著要沉靜並將最基本的元素作為中心思想。

設計起源於瑞士而後廣泛應用各種媒介:平面設計,建築,音樂,文學,繪畫等等領域,而最近更在網頁的設計上盛行。儘管極簡設計已在數十年前起步,早期的網際網路並沒有把它付諸實踐。沒有旋轉的圖形,選取框和誇張的色彩,網頁設計混亂而沉冗。

我們將為你介紹極簡設計的基本準則。即使你不是追求極簡審美,你也會通過這裡來簡化你的設計。

二、少即是多

就如人們常提及的那樣,極簡主義會在最前部帶出最重要的內容並為用戶最小化一切幹擾。如果某一頁有過多結構,用戶會對每個元素的位置感到疑惑並曲解其本意。一個極簡設計會將焦點直接放在內容上。

舉例說,任何黑白組合的設計都會吸引用戶的注意力。顏色自身會成為焦點。讓我們看看這個特別的例子。

或許你已經看過這類設計:單純的白色背景,一塊內容還有一個圖案。圖案包含色彩,結構和設計者的品牌和身份。由於這個特別圖案的複雜性,其他在這個頁面上的內容被忽略,顯得不重要,最小化內容使設計者達到完美的平衡。

三、如何使內容最小化

創作極簡設計的第一步,或說是僅僅簡化布局,並不是簡單地刪掉大部分圖片,而是重新考慮內容並摒棄空洞內容。只有這樣才能使頁面上最重要的元素髮揮作用。就如你計劃做一個網頁,你先要把你想要的內容寫下來:圖標,介紹,導航條等等。然後把那些不需要的部分刪掉。能捨棄的儘量捨棄。

以下的內容或許你是不需要在網頁上一一列出的(單獨作一個部分),記住這只是一個指導。需求因人而異,以下的明細並不能以偏概全,希望大家能各取所需。

1、社交媒體的圖標或圖案
2、標題和補充說明
3、」專題」,」偏好」,」最近」(包括了Twitter和RSS訂閱)之類的條目
4、頁面多於3個部分(例如」簡介」,」關於」,」服務」)
5、次導航頁

以上所提及的東西並不是要你去減少網頁的內容,而是為你提供一個參考去裁減網頁中的累贅元素,從而突出主要內容或者用一種更為簡單的排版方式去把各個元素更好地結合成整體(舉例說,把媒體連結放到」關於」或者簡介部分)。你也可以把內容分布在不同的頁面,把它們細分說明。

四、如何簡化設計

要想把設計簡化,極簡設計必須要求結構,顏色,形狀,線條,內容,文字都要精簡。工具欄上儘管會讓你覺得乏味,但是相對把所有內容全盤託出,讓唯一的重點呼之欲出更吸引用戶眼球。選好要主要的內容,並以之作為你設計的重心來提醒自己。

五、框架主導內容

通過瀏覽下列的展示,你會發現一些設計者會加很多顯眼的且微妙的顏色,獨特的排版和引人入勝的形態在裡面。儘管只需要一個獨特的線框設計來迎合所有的元素。在一個空白的頁面創造一個線框需要額外地留心。有適當的框架,你便可以利用層次,排版來製造出視覺的衝擊。

構建框架,請遵循以下步驟:

1、選定你真正需要的內容。
2、列出優先考慮的內容,分清主次。

嘗試為你的框架作幾張草圖,去感受下好的視覺層次是怎樣得出來的。當你得出這個框架,考慮一下怎樣使布局具有美感。例如,你的圖標要上顏色但是這個設計你不會在其他地方重新使用,你必須為這些作出說明。

六、空

空是極簡主義的同義詞。無論你多有創意,極簡設計絕對不能離開」一片空白」的。在頁面上出現的元素的空間布局需要得到平衡。

七、平衡,對齊,對比

平衡,對齊,對比是極簡主義的三大要領。累贅的內容可以用空白和適當的構圖所取代,設計的基本原理要求必須非常謹慎地處理這個問題。
確保你的設計堅持這些準則便不需要補充額外的視覺輔助來使用戶看上去是」完整」

與此同時,你也需要牢記其他的設計基本準則。在不同的選擇中反覆試驗以達到最好的效果,你可以看看」設計的準則」以獲得更多的信息。

八、當過度設計成為習慣

過度設計有時會成為習慣。無論你多想把東西設計成簡單,最終的結果也是一件亂七八糟和複雜的成品。為了解決這個問題,我們必須形成某些新的習慣。

嘗試記住下面的提示。將重點放在每一次培養習慣的時候。例如,嘗試在空白頁面前先減少和簡化內容。如果你發現找出中心思想是一件很困難的事情時,」有些東西已經遺漏了」首先要把累贅的東西拿走而不是加入新的內容。

每一個極簡主義的方面要求與眾不同的天賦去駕馭它。你若想簡化你的設計你必須把這些準則實踐。更進一步來說,當你應用這裡所提及的技術,參考那些成品再看看你還有沒有在簡化設計上有提高的空間。在你設計的時候,你要把關注點放在那些你不確定的東西上並讓其他設計者去指出你錯過的東西。

九、極簡主義的展示

下面是一些簡要的極簡主義的展示。看看它們各自的設計準則,並留意下它們是如果打破我們常規卻立於不敗之地。

1. James Day Photo

2. Killswitch Collective

3. Lonely

4. DBushell

5. XPD.no

6. Toy NY

7. Joshua Serbus

8. Ah-Studio

9. Symour Powell

10. Icon Werk

11. Neil Wilson Architects

12. Non-Format

13. Zaum

14. Checkland Kindlysides

15. Blumenthal

16. Tink London

17. Proud Creative

18. Kimag

19. Bernat Fortet

20. All Day

十、趨勢

你所接觸到的極簡主義都是有它自身所特有的設計趨勢。請注意這些趨勢,它們是提高你設計水平的試金石。我們從前人的設計布局中不但可以獲取靈感,更可以打破這些去開創一條屬於我們自己的道路。

讓我們看看這些趨勢的詳細情況。

十一、黑白

最顯著的趨勢是黑與白的延展運用。這樣做對比最明顯不過,從顏色到結構,形狀和內容上都可以使整體布局簡化,但是如果過火了就會適得其反。看看以下一些網頁時怎樣定義顏色的,它們是極簡主義用於網頁設計上的佼佼者。同樣,考慮下在強烈顏色的應用下怎樣達到極簡主義的效果的。

趣味的排版

基於排版為設計基礎的網頁更趨向於極簡主義。

當設計者並沒有過多的刺激用戶的元素,他們往往會用趣味的排版去突出內容。你甚至可以只應用一個視覺元素去排版。這是一個具有挑戰性的卻自成一派的技術。看看它們是如何運用排版技巧增強設計效果卻仍然能保持唯一性。

動畫

有相當一部分的極簡主義設計為原則的網頁是以Flash為藍本的。適可而止的視覺造福於細節上的動畫效果,例如是文本的漸出漸入的效果。同樣,Flash的移動毫無疑問會成為設計的限制。突破常規的線框,排版等元素的變化將會比遵循傳統套路的設計更容易用Flash做出你想要的效果。

結束語

極簡主義的設計可以從多途徑獲取,目前我們看到的大多數都是重複的。這些趨勢會壓倒一切,當我們去創造任何能行之有效的趨勢時,必須與抄襲作鬥爭。任何情況下,極簡主義會在將來很長的時間裡在美化工作上扮演重要的角色,無論對於客戶或者是你的工作,學習相關技術將可以達到立竿見影的效果。

如果你對極簡主義並不感冒,並不要緊,這些指導和準則能使你的設計簡化,這絕對是好事!

來源:優設。

相關焦點

  • 少即是多?極簡主義的洗衣機原來是這樣的
    少即是多?極簡主義的洗衣機原來是這樣的 2019年09月19日 10:58作者:網絡編輯:王動
  • 少即是多 生活中的極簡主義設計
    不知從什麼時候開始,在設計界最為流行的詞就是「極簡主義」。從平面、空間、建築、時尚再到我們生活中無所不在的細節,設計師們為此絞盡腦汁,甚至患上重度失眠。極簡主義風格之所以很越來越多的人喜歡,其中不僅蘊含著無限的智慧和生活態度,其實還別有洞天。
  • 少即是多讓陽光充滿每個獨立空間!你家可以是這樣的極簡主義建築
    、認可、釆用「少即是多」、「用陽光來充滿空間」的極簡主義建築思想?細細品味一下已完工工程,答案是這樣:不知道、不認識但卻在無意中釆用釆納極簡主義的風格、語言、手法的約佔50%之多,既然極簡主義建築佔比如此之大,設計師如何引導、發揮、光大極簡主義建築設計是個很有意思的話題:
  • NexusDesigns| 極簡主義的魅力,少即是多的樸素美
    nexus 設計師和建築設計師通過了解建築外觀和房屋內部的自然魅力,展示了少即是多的簡約樸素美>02.Monogram設計師採用了內斂的色彩調色板和數量有限的飾面; 渲染磚工藝提供了極簡主義廚房的視覺趣味
  • 關於極簡主義設計
    極簡主義這個詞被使用在人類活動的各個領域中:建築、藝術、攝影、文學、音樂、UI設計,甚至食物。Merriam-Webster 詞典種對於它的解釋是「在音樂、文學和設計領域中以極其平衡簡潔而著稱的一種風格或技術」。如今極簡主義已經成為UI設計的一個新方向。
  • 少即是多:日本人的極簡生活?
    追溯「Less is more」的起源,是由建築大師路德維希·密斯·凡德羅提出的,最初運用於建築的設計領域。後來到了日本極簡主義美學這裡,就演變成了日式簡約的風格,強調「他山之石可以攻玉」,順利的利用「北歐人的幸福指數很高」的現象,探究了其背後隱藏的秘訣:「少即是多」的生活。
  • 無漆家居 · 極簡主義,家居設計中最樸素的力量
    道至簡,少即是多。簡約並不是簡單。極簡,多一份會繁雜,少一份會空曠。是一種簡化布局,簡化色彩,簡化線條,簡化元素的風格。01「少即是多」的設計黃金法則是生活中一種必要的「斷舍離「想用最純粹的方式打開生活的一扇窗極簡的設計會讓你無從抗拒02
  • 平面設計風格之極簡主義第一講
    用一篇超全面的文章,幫你完整掌握少即是多的極簡主義。簡約,而不簡單。有很多人耳熟能詳的廣告語,而品牌形象代言人陳道明也給人以簡潔、內斂的感覺。今日要與大家分享的,正是這種將簡約做到極致的設計風格,相信有些同學可能已經猜到了,它是受極簡主義影響而衍生出來的設計樣式。接下來,我們一起來看看,到底什麼是極簡設計?
  • 平面設計風格之極簡主義第一講
    用一篇超全面的文章,幫你完整掌握少即是多的極簡主義。簡約,而不簡單。有很多人耳熟能詳的廣告語,而品牌形象代言人陳道明也給人以簡潔、內斂的感覺。今日要與大家分享的,正是這種將簡約做到極致的設計風格,相信有些同學可能已經猜到了,它是受極簡主義影響而衍生出來的設計樣式。
  • 為什麼大家都愛極簡主義設計,極簡設計又是什麼?
    極簡主義正在被越來越多的領域所接納,其核心的特徵是簡約而富有意義。千禧一代用它來設計自己的房子,網頁設計師用它來創建自己的網頁。有些人甚至說,極簡主義是從一種反叛的形式演變而來的,而不是過去那種雜亂而俗氣的風格。它不再是一種批判,而是成為日常消費者的象徵;一種奢侈品。正如教授和批評家拉斯金所說,「你越富有,你擁有的就越少。」這位極簡主義藝術家對原材料的喜愛和近乎野蠻的簡單性很快就進入了設計和建築領域,並迅速成為與革命相比的整合。
  • 拒絕偽精緻,這一屆的日本年輕人熱衷「極簡生活」,崇尚少即是多
    拒絕偽精緻,這一屆的日本年輕人熱衷「極簡生活」,崇尚少即是多眾所周知,自從日本社會進入第四消費時代以來,這一屆的年輕人,就在對待消費的態度上出現180°的轉變。從以前熱衷買名牌奢侈品,到現在開始熱衷「極簡消費」,伴隨著「消費降級」現象產生的,不是消費水平的下降,相反,而是在打造另一種「精準消費」。例如:這一屆的日本年輕人,雖然他們在消費方面的數量降低了,但是他們的消費質量卻顯著提升。
  • 日漸浮躁的社會裡,極簡主義設計迎合了人們的精神需求
    極簡主義理性實用、簡約整潔、直觀易懂、優雅大方等特點,正好迎合了人們的精神需求,被社會大眾所青睞,在當下被越來越多的人們所追捧和喜愛。 極簡主義產生於20世紀60年代,是20世紀現代藝術重要流派之一。極簡主義的設計遵循「少即是多」的設計理念,對建築設計、裝飾設計、時尚和繪畫等諸多藝術領域都產生了深遠的影響。
  • 室內設計中的意式極簡主義
    柔和的色調會激發人沉穩的感覺,同時堅持「少即是多」的理念。從白色,灰色,甚至任何坯布(灰色和米色混成詞)會做,但你也可以探索的意味。如果房間塗有白色油漆,則黃色底色可以提供更奶油的外觀,而藍色底色則可以提供更清晰的外觀。一致的紋理和色調紋理是諸如地毯,枕頭和斜紋毛毯之類的物品。
  • 5個技巧幫你輕鬆搞定極簡主義設計
    什麼是極簡主義設計呢?在視覺傳達語言中,極簡主義設計強調形式的極度簡約,色彩的冷暖極度協調,甚至大面積的極度留白(黑)等等,運用各種象徵性意味的視覺傳達語言,以達到簡約而不簡單的極端設計格調。以下小編眾小圖為同學們整理了極簡主義設計的5大實用技巧,幫同學們輕鬆搞定極簡主義設計吧。一. 大量留白在崇尚形式的極簡主義設計中,留白當然是不可或缺的一個重要組成部分。大膽巧妙的留白,讓整個畫面通透而帶有呼吸感,更凸顯視覺焦點,避免了繁複內容所導致的雜亂感。
  • 日本極簡主義的數字產品UI設計
    編輯導語:日本是一個崇尚極簡主義的國家,這點在數字產品的UI設計中也有所體現。本文作者為我們分享了一些在網頁設計中,以日本極簡主義美學為特色的數字插圖的例子,希望這篇文章能給激勵各位設計師,思考出更多令人驚嘆的極簡主義設計。日式設計風格的數碼產品,強調現代數碼世界中日本極簡主義的美。
  • 極簡主義是什麼?
    極簡主義,即 「少即是多 「。它也是一個以多種形式跨越我們生活的概念:對於一些人來說,它是一種生活方式,對於另一些人來說,它是一種組織思維,甚至有些人認為它看起來「更乾淨」。在設計中,極簡主義是眾多藝術概念中的一種,它描述的是一種內容形式,它可以用在很多方面。
  • 為什麼大家都愛極簡主義設計
    極簡主義正在被越來越多的領域所接納,其核心的特徵是簡約而富有意義。作為一種視覺設計的新方向,極簡主義在20世紀60年代的紐約很受歡迎,當時的新老藝術家正在探索將抽象幾何元素融入繪畫和雕塑藝術。相應的,極簡主義在當時的諸如包浩斯運動、建構主義運動中,留下了濃墨重彩的一筆。
  • 極簡主義的家,你喜歡嗎?
    極簡主義的設計,它不只是一種單純的設計風格,更是一種生活態度,是一種極致的精神追求極簡主義的家,往往會擯棄踢腳線、捨棄大量的軟裝,更多的運用光線、色彩、體塊、幾何體來表現出空間感,崇尚「少即是多」的設計理念。你,會喜歡嗎?
  • 裝修風格|極簡主義的七大常用設計手法
    那麼,極簡主義到底怎麼設計?有哪些常用設計手法呢?軟裝點到為止崇尚少即是多/07.其次,極簡主義設計往往將線性收口融入到面中,極簡主義軟裝陳設極少,更多的表達空間感與豐富的材質變化,弱化軟裝陳設。,而極簡主義是其中最獨特的一個。
  • 設計上的極簡主義
    不簡單的極簡極簡主義怎麼也不算是個時興的詞,好像從現代設計伊始,它就如同奏低音般存在於各個時代與思潮中,也總在某些關鍵節點上成為發聲的角色。對現代設計的整個歷程越了解,就越難以用簡單幾句話概括極簡主義,存在廣義的放之四海皆準的極簡主義嗎?阿道夫·魯斯的「裝飾即罪惡」是不是極簡的濫觴?密斯·凡·德·羅的「少即是多」是不是極簡的宣言?