作為設計者,我們都知道極簡設計可以達到喜聞樂見的結果。但是,仍然有不少設計者還沒達到這樣的水準︰他們經過一輪艱辛做了一個很少元素並看上去不錯的網頁或者他們做的網頁最後看上去不會很“複雜”。網上有可多關於極簡設計用在網頁上的文章,這篇文章目的是指導你如何讓你的網頁設計做到華麗卻不失內涵。

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

 

什麼是極簡設計?

      極簡設計被描述成將最基本的元素呈現,並摒棄所有多餘架構,色彩,圖形和其他素材的設計方法。

      其目的是使主要內容浮出並成為聚焦點,從視覺角度出發,極簡設計意味著要沉靜並將最基本的元素作為中心思想。

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

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

 

少即是多

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

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

20100817080855_16210.jpg


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


如何使內容最小化

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

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

‧     社交媒體的圖示或圖案

‧     標題和補充說明

‧    “專題”,“偏好”,“最近”(包括了Twitter和RSS訂閱)之類的條目

‧     頁面多於3個部分(例如“簡介”,“關於”,”服務”)

‧     次導航頁

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


如何簡化設計


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


框架主導內容


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

20100817080811_74413.jpg


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


‧       選定你真正需要的內容。

‧       列出優先考慮的內容,釐清主次。

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




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


平衡,對齊,對比

      平衡,對齊,對比是極簡主義的三大要領。累贅的內容可以用空白和適當的構圖所取代,設計的基本原理要求必須非常謹慎地處理這個問題。

確保你的設計堅持這些準則便不需要補充額外的視覺輔助來使用戶看上去是“完整“

20100817080818_62121.jpg

             水準對稱                      近似水準對稱                     放射對稱                          不對稱

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


當過度設計成為習慣

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

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

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


極簡主義的展示

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

 

20100817090801_95131.jpg

 

 

 

20100817090802_29510.jpg

 

20100817090809_75348.jpg

 

20100817090812_66032.jpg

 

20100817090812_71377.jpg

 

20100817090815_61825.jpg

 

20100817090822_63951.jpg

 

20100817090823_16560.jpg

 

20100817090824_18754.jpg

 

20100817090824_78875.jpg

 

20100817090828_63932.jpg

 

20100817090831_30836.jpg

 

20100817090835_74543.jpg

 

20100817090842_39890.jpg            

 

20100817090841_80292.jpg

 

20100817090840_59402.jpg

 

20100817090848_95964.jpg

 

20100817090852_55412.jpg

 

20100817090856_61387.jpg  

 

20100817090858_19276.jpg


趨勢

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

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

黑白

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

趣味的排版

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

20100817090809_75348.jpg


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


動畫

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

20100817090815_61825.jpg


結束語


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

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

     是什麼使極簡設計成為趨勢,人們將怎樣選擇呢?歡迎留言﹗


創作者介紹

心理學知識特快-首頁

Hook 發表在 痞客邦 PIXNET 留言(0) 人氣()