元素不在多 |
作者:佚名 發(fā)布時間:2011-12-30 瀏覽:2136次 |
簡約的設(shè)計可以形容為最基礎(chǔ)的設(shè)計,設(shè)計元素不在多,顏色,形狀和紋理。其目的是使內(nèi)容中脫穎而出,成為焦點(diǎn)。從視覺的角度來看,簡約的設(shè)計是平靜的,讓用戶的心靈處在最原始的地方。 雖然簡約的設(shè)計發(fā)展了這幾十年,早期的互聯(lián)網(wǎng)并沒有表現(xiàn)出效果來。甚至都沒有旋轉(zhuǎn)可動的logo,圖片滾動和鮮艷的色彩,網(wǎng)站設(shè)計的混亂而且無規(guī)律。其實我們可以回歸到簡約設(shè)計的基本原則,同樣可以專業(yè)精彩。但是,即使您選擇不追求極簡美學(xué),這里的經(jīng)驗教訓(xùn)可以幫助您簡化您的設(shè)計,或者你的風(fēng)格。 少即是多 正如前面提到的,極簡主義會給用戶帶來的最重要的內(nèi)容,最大程度的減少用戶去分心。如果一個頁面有太多的元素,瀏覽者將到去尋找重要內(nèi)容而且要考慮每個元素的優(yōu)先級。一個簡約的設(shè)計,把所有的重點(diǎn)都放在內(nèi)容上。 如何最大限度地減少內(nèi)容 第一步,我們要創(chuàng)建的就是簡約的設(shè)計,或者是簡化布局,不是簡簡單單地削減了大部分的圖形,而是要重新思考的內(nèi)容和去掉無用的要求。只有到那時,最重要的元素在頁面上才能實現(xiàn)預(yù)期的效果。就像你去策劃任何網(wǎng)站,寫下你需要什么樣的內(nèi)容:Logo,描述,導(dǎo)航等,去掉所有沒有必要的模塊。盡可能的去刪減 。下面就是一些你可能不需要的元素。謹(jǐn)記,這僅僅是一些指導(dǎo)。特定的設(shè)計會根據(jù)特定的需求去決定。下面中有些就是我們在設(shè)計網(wǎng)站中可以簡化的: 標(biāo)語和詳細(xì)的描述或介紹 “相關(guān)的”,“最受歡迎的”和“最近瀏覽的”等等列表(包括Twitter和RSS列表) 超過三個主要部分(如“簡介”,“關(guān)于”和“服務(wù)”)的網(wǎng)頁 二級導(dǎo)航頁面 這里最關(guān)鍵不是去削減網(wǎng)站的功能,而是削減不必要的元素(從而突出必要的主題內(nèi)容),或者組合一些模塊成為一個,組成簡單的布局。您也可以分割單獨(dú)模塊的內(nèi)容,讓分開的內(nèi)容更加受關(guān)注。 如何簡化設(shè)計,現(xiàn)在的要做的是盡可能去簡化設(shè)計。極簡的設(shè)計應(yīng)該是少許的質(zhì)感紋理,顏色,形狀,線條,內(nèi)容等類型 。也不能太大膽,這樣設(shè)計出來的感覺會變得枯燥 。我們拋開一切,通過去制造亮點(diǎn)來突出主題。那么怎樣去制造視覺亮點(diǎn)呢,記住下面展現(xiàn)出來的一些方法,靈活的去運(yùn)用在你工作或設(shè)計的過程中。 使用一個大的線框 在瀏覽下面展示部分,我們看到一些設(shè)計師添加了微妙的色彩,獨(dú)特的排版或有趣的形狀增加了視覺效果 。雖然只是一個線框,但卻是最重要的元素,創(chuàng)建這樣一個頁面線框需要額外的細(xì)心。有了正確的線框,可以突出的頁面的主題和層次,并創(chuàng)造出視覺效果。 使用線框時,可以按照下列步驟操作: 確定你最需要什么樣的內(nèi)容 在列舉的模塊中,優(yōu)先考慮的內(nèi)容 畫些重要模塊的線框草圖試驗,看下視覺效果 當(dāng)我們畫線框時,考慮下位置,怎么進(jìn)行視覺處理。例如,如果您的標(biāo)志有一種顏色,你就可以重用logo的顏色設(shè)計,加上一定的輔助色來突出主題。 網(wǎng)頁留白 網(wǎng)頁設(shè)計留白實際上是極簡主義的代名詞 。不管你在用它時是多么有創(chuàng)意,沒有足夠的留白的設(shè)計不是真的極簡主義設(shè)計。所以,一定要在你通常使用元素的周圍添加??更多的空白。留白是需要在頁面上平衡的多個元素才會出現(xiàn)的。 平衡,對齊,對比 雖然大部分的頁面加載可以通過留白和線框進(jìn)行,設(shè)計的基本原則還要考慮些特殊的情況。包括這三塊:網(wǎng)站的平衡,對齊和內(nèi)容的對比 。務(wù)必堅持這些原則,這樣你的設(shè)計就不需要補(bǔ)充其他的內(nèi)容來說明便是一個完整的設(shè)計。 要記住這些基本設(shè)計原則。去回顧,并嘗試用不同的方法,以達(dá)到最佳的效果 ??梢渣c(diǎn)擊上面圖片的地址去了解更多的設(shè)計原則 。 當(dāng)繁瑣的設(shè)計成為一種習(xí)慣 繁瑣的設(shè)計有時會成為一種習(xí)慣。無論你怎么努力去保持設(shè)計的簡單,它有時候出來的效果還是復(fù)雜的。為了解決這個問題,我們必須養(yǎng)成新的習(xí)慣。如果您發(fā)現(xiàn)自己已經(jīng)陷入一個死角,“迷失了”,首先要嘗試舍棄一些東西,而不是將一些新的東西融入。極簡主義的每一個方面都需要不同的才能。如果合理的運(yùn)用這些原則的話,您的設(shè)計將變得更加簡單。進(jìn)一步,一旦你運(yùn)用了我們在這里討論的手段,看看完成的作品,是否可以找到方式進(jìn)一步去簡化。您可以把精力集中在設(shè)計過程中模棱兩可的地方,你可以問其他設(shè)計師,去指出你刪減的過程中可能已經(jīng)錯過的一些元素。 一些趨勢 簡約的網(wǎng)頁設(shè)計有一些明顯的趨勢。意識到這些趨勢,在許多方面可以幫助我們改進(jìn)我們的設(shè)計。我們可以有意識地從這些趨勢中突破,打造屬于我們自己的創(chuàng)新之路布局的設(shè)計。讓我們來討論一些具體的細(xì)節(jié)。 黑與白 最顯著的趨勢之一是大量使用黑色和白色 。這是顯而易見的:顏色,質(zhì)地,形狀和內(nèi)容應(yīng)簡化??纯瓷厦嬲故镜膸讉€大面積顏色網(wǎng)站,看看他們?nèi)绾螐钠渌矫嫒ズ喖s設(shè)計的。 有趣的圖案 以有趣的圖案為基礎(chǔ)的Web設(shè)計是極簡主義不可缺少手段之一。當(dāng)設(shè)計師很少用其他方法發(fā)用戶時,他們往往抓住有趣的圖案去排版。你甚至可以站的離頁面很遠(yuǎn),我們可以看到唯一的視覺元素就是圖案了。這是一個大膽的創(chuàng)意,也是一個趨勢 。尋找辦法用排版去提高設(shè)計,制造獨(dú)特 。 Flash 有些時候可以適當(dāng)?shù)娜ミ\(yùn)用些flash,展現(xiàn)一些獨(dú)特的效果。當(dāng)然了,如果不用考慮那些古董瀏覽器的話,HTML5也是可以的。 簡約的設(shè)計有多種形式,我們可以常??吹较嗤男问椒磸?fù)的運(yùn)用。我們可以在模仿的同時去創(chuàng)造一些新的想法,看到新的趨勢。未來幾年內(nèi),極簡主義設(shè)計將是重點(diǎn)要去研究運(yùn)用的,因此,要去多研究學(xué)習(xí)極簡主義的一些基本法則,運(yùn)用到自己的設(shè)計中去。即使你對簡約主義設(shè)計沒有興趣,涉及的一些經(jīng)驗教訓(xùn)和設(shè)計原則也可以幫助您簡化您的設(shè)計,這始終是一件好事。 |