歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


元素不在多
簡(jiǎn)約設計如何專(zhuān)業(yè)精彩

作者:佚名      發(fā)布時(shí)間:2011-12-30      瀏覽:2128

62.9K


簡(jiǎn)約的設計可以形容為最基礎的設計,設計元素不在多,顏色,形狀和紋理。其目的是使內容中脫穎而出,成為焦點(diǎn)。從視覺(jué)的角度來(lái)看,簡(jiǎn)約的設計是平靜的,讓用戶(hù)的心靈處在最原始的地方。

雖然簡(jiǎn)約的設計發(fā)展了這幾十年,早期的互聯(lián)網(wǎng)并沒(méi)有表現出效果來(lái)。甚至都沒(méi)有旋轉可動(dòng)的logo,圖片滾動(dòng)和鮮艷的色彩,網(wǎng)站設計的混亂而且無(wú)規律。其實(shí)我們可以回歸到簡(jiǎn)約設計的基本原則,同樣可以專(zhuān)業(yè)精彩。但是,即使您選擇不追求極簡(jiǎn)美學(xué),這里的經(jīng)驗教訓可以幫助您簡(jiǎn)化您的設計,或者你的風(fēng)格。

少即是多

正如前面提到的,極簡(jiǎn)主義會(huì )給用戶(hù)帶來(lái)的最重要的內容,最大程度的減少用戶(hù)去分心。如果一個(gè)頁(yè)面有太多的元素,瀏覽者將到去尋找重要內容而且要考慮每個(gè)元素的優(yōu)先級。一個(gè)簡(jiǎn)約的設計,把所有的重點(diǎn)都放在內容上。

如何最大限度地減少內容

第一步,我們要創(chuàng )建的就是簡(jiǎn)約的設計,或者是簡(jiǎn)化布局,不是簡(jiǎn)簡(jiǎn)單單地削減了大部分的圖形,而是要重新思考的內容和去掉無(wú)用的要求。只有到那時(shí),最重要的元素在頁(yè)面上才能實(shí)現預期的效果。就像你去策劃任何網(wǎng)站,寫(xiě)下你需要什么樣的內容:Logo,描述,導航等,去掉所有沒(méi)有必要的模塊。盡可能的去刪減 。下面就是一些你可能不需要的元素。謹記,這僅僅是一些指導。特定的設計會(huì )根據特定的需求去決定。下面中有些就是我們在設計網(wǎng)站中可以簡(jiǎn)化的:

標語(yǔ)和詳細的描述或介紹

“相關(guān)的”,“最受歡迎的”和“最近瀏覽的”等等列表(包括TwitterRSS列表)

超過(guò)三個(gè)主要部分(如“簡(jiǎn)介”,“關(guān)于”和“服務(wù)”)的網(wǎng)頁(yè)

二級導航頁(yè)面

這里最關(guān)鍵不是去削減網(wǎng)站的功能,而是削減不必要的元素(從而突出必要的主題內容),或者組合一些模塊成為一個(gè),組成簡(jiǎn)單的布局。您也可以分割單獨模塊的內容,讓分開(kāi)的內容更加受關(guān)注。

如何簡(jiǎn)化設計,現在的要做的是盡可能去簡(jiǎn)化設計。極簡(jiǎn)的設計應該是少許的質(zhì)感紋理,顏色,形狀,線(xiàn)條,內容等類(lèi)型 。也不能太大膽,這樣設計出來(lái)的感覺(jué)會(huì )變得枯燥 。我們拋開(kāi)一切,通過(guò)去制造亮點(diǎn)來(lái)突出主題。那么怎樣去制造視覺(jué)亮點(diǎn)呢,記住下面展現出來(lái)的一些方法,靈活的去運用在你工作或設計的過(guò)程中。

使用一個(gè)大的線(xiàn)框

在瀏覽下面展示部分,我們看到一些設計師添加了微妙的色彩,獨特的排版或有趣的形狀增加了視覺(jué)效果 。雖然只是一個(gè)線(xiàn)框,但卻是最重要的元素,創(chuàng )建這樣一個(gè)頁(yè)面線(xiàn)框需要額外的細心。有了正確的線(xiàn)框,可以突出的頁(yè)面的主題和層次,并創(chuàng )造出視覺(jué)效果。

使用線(xiàn)框時(shí),可以按照下列步驟操作:

確定你最需要什么樣的內容

在列舉的模塊中,優(yōu)先考慮的內容

畫(huà)些重要模塊的線(xiàn)框草圖試驗,看下視覺(jué)效果

當我們畫(huà)線(xiàn)框時(shí),考慮下位置,怎么進(jìn)行視覺(jué)處理。例如,如果您的標志有一種顏色,你就可以重用logo的顏色設計,加上一定的輔助色來(lái)突出主題。

網(wǎng)頁(yè)留白

網(wǎng)頁(yè)設計留白實(shí)際上是極簡(jiǎn)主義的代名詞 。不管你在用它時(shí)是多么有創(chuàng )意,沒(méi)有足夠的留白的設計不是真的極簡(jiǎn)主義設計。所以,一定要在你通常使用元素的周?chē)砑?FONT face="Times New Roman">??更多的空白。留白是需要在頁(yè)面上平衡的多個(gè)元素才會(huì )出現的。

平衡,對齊,對比

雖然大部分的頁(yè)面加載可以通過(guò)留白和線(xiàn)框進(jìn)行,設計的基本原則還要考慮些特殊的情況。包括這三塊:網(wǎng)站的平衡,對齊和內容的對比 。務(wù)必堅持這些原則,這樣你的設計就不需要補充其他的內容來(lái)說(shuō)明便是一個(gè)完整的設計。

要記住這些基本設計原則。去回顧,并嘗試用不同的方法,以達到最佳的效果 ??梢渣c(diǎn)擊上面圖片的地址去了解更多的設計原則 。

當繁瑣的設計成為一種習慣

繁瑣的設計有時(shí)會(huì )成為一種習慣。無(wú)論你怎么努力去保持設計的簡(jiǎn)單,它有時(shí)候出來(lái)的效果還是復雜的。為了解決這個(gè)問(wèn)題,我們必須養成新的習慣。如果您發(fā)現自己已經(jīng)陷入一個(gè)死角,“迷失了”,首先要嘗試舍棄一些東西,而不是將一些新的東西融入。極簡(jiǎn)主義的每一個(gè)方面都需要不同的才能。如果合理的運用這些原則的話(huà),您的設計將變得更加簡(jiǎn)單。進(jìn)一步,一旦你運用了我們在這里討論的手段,看看完成的作品,是否可以找到方式進(jìn)一步去簡(jiǎn)化。您可以把精力集中在設計過(guò)程中模棱兩可的地方,你可以問(wèn)其他設計師,去指出你刪減的過(guò)程中可能已經(jīng)錯過(guò)的一些元素。

一些趨勢

簡(jiǎn)約的網(wǎng)頁(yè)設計有一些明顯的趨勢。意識到這些趨勢,在許多方面可以幫助我們改進(jìn)我們的設計。我們可以有意識地從這些趨勢中突破,打造屬于我們自己的創(chuàng )新之路布局的設計。讓我們來(lái)討論一些具體的細節。

黑與白

最顯著(zhù)的趨勢之一是大量使用黑色和白色 。這是顯而易見(jiàn)的:顏色,質(zhì)地,形狀和內容應簡(jiǎn)化??纯瓷厦嬲故镜膸讉€(gè)大面積顏色網(wǎng)站,看看他們如何從其他方面去簡(jiǎn)約設計的。

有趣的圖案

以有趣的圖案為基礎的Web設計是極簡(jiǎn)主義不可缺少手段之一。當設計師很少用其他方法發(fā)用戶(hù)時(shí),他們往往抓住有趣的圖案去排版。你甚至可以站的離頁(yè)面很遠,我們可以看到唯一的視覺(jué)元素就是圖案了。這是一個(gè)大膽的創(chuàng )意,也是一個(gè)趨勢 。尋找辦法用排版去提高設計,制造獨特 。

Flash

有些時(shí)候可以適當的去運用些flash,展現一些獨特的效果。當然了,如果不用考慮那些古董瀏覽器的話(huà),HTML5也是可以的。

簡(jiǎn)約的設計有多種形式,我們可以常??吹较嗤男问椒磸偷倪\用。我們可以在模仿的同時(shí)去創(chuàng )造一些新的想法,看到新的趨勢。未來(lái)幾年內,極簡(jiǎn)主義設計將是重點(diǎn)要去研究運用的,因此,要去多研究學(xué)習極簡(jiǎn)主義的一些基本法則,運用到自己的設計中去。即使你對簡(jiǎn)約主義設計沒(méi)有興趣,涉及的一些經(jīng)驗教訓和設計原則也可以幫助您簡(jiǎn)化您的設計,這始終是一件好事。

寶雞世紀網(wǎng)絡(luò )



0