網(wǎng)站設(shè)計中的一些流行背景效果

如何選擇一種最恰當(dāng)?shù)木W(wǎng)頁背景是網(wǎng)站設(shè)計中最常見的問題之一。 通常網(wǎng)站設(shè)計者都已準備好網(wǎng)站內(nèi)容，而且版面布局大多也基本敲定。但背景要么是令人厭煩，要么是讓人眼花繚亂，讓設(shè)計者遲遲不能確定。

今天，我們將介紹幾個實際網(wǎng)站來啟發(fā)你的靈感，看看如何設(shè)計趣味而又令人感興趣的網(wǎng)頁背景。收藏本文，當(dāng)你再次閱讀時，你定會被某一個背景設(shè)計所迷戀。

1、素描設(shè)計

這種設(shè)計在幾年前就變得比較流行，而且一直持續(xù)到現(xiàn)在。這靈感來源于在筆記本上的涂鴉亂畫，就像你十幾歲時在英文課上所作的那樣。每一部分都是些粗糙的素描表現(xiàn)，頁面看似是非常隨意的創(chuàng)意集合，而它們都以不同的旋轉(zhuǎn)方式散布在頁面各處。NotchStudio網(wǎng)站就是很好地應(yīng)用了這種創(chuàng)意，并且以非常柔緩的方式表現(xiàn)出來。

即使你本人不善長繪畫，這種創(chuàng)意也是相當(dāng)容易實現(xiàn)的，是因為這些涂鴉通常都是些非常基本的設(shè)計。如果擁有一部Wacom或iPad平板電腦，你就可以相當(dāng)容易地描繪出你自己的圖片或者某種意義上能夠反映此類風(fēng)格的書寫文本。還有很多免費字體如Pointy，可以幫你不費吹灰之力就可實現(xiàn)讓人贊不絕口的素描。

2、精細文稿設(shè)計風(fēng)格

紙張的質(zhì)地紋理總能激起設(shè)計者的激情，而且為所有年齡所適用。目前這種創(chuàng)意已不像幾年前那樣風(fēng)靡，但是它還是會帶給你一種非常微妙的效果：如果你沒有看到它，那會讓你非常地想念。

你注意到Beautiful Type網(wǎng)站所用的紋理設(shè)計，它既沒有偏離主題也沒有過分夸張，而是將一個原本看起來就很好的網(wǎng)站更是錦上添花。

查閱LostandTaken網(wǎng)站，你可以找到海量的紋理資源可以應(yīng)用到你的設(shè)計中。

3、漸變設(shè)計

很多設(shè)計者認為漸變已經(jīng)因被過度使用而變得不再那么讓人著迷。我個人認為它們很容易被濫用，而且執(zhí)行的不恰當(dāng)，但是我們決不會看到全是純色一統(tǒng)天下沒有漸變的局面。因為漸變反映了現(xiàn)實(自然世界我們從未看到?jīng)]有任何摻雜的純色)，所以為了讓他們的作品感覺起來更真實，設(shè)計者還會繼續(xù)應(yīng)用漸變設(shè)計。

漸變設(shè)計通常是用來保持事物樸素的最好方法。不必混入瘋狂的顏色，也無須制造不明快的變調(diào)，只需選擇一個簡單的漸變。我的最愛之一就是從老灰到黑灰的漸變。它純凈，易于實現(xiàn)而且表現(xiàn)出真正的優(yōu)雅。你可以從177themes網(wǎng)站的設(shè)計中體會到這一點。

4、雙色調(diào)對比設(shè)計

力求頁面獨特雅致而大膽的另一個選擇就是頁面中加入一個生硬的變色設(shè)計。大多是水平方向的變色，但如果采用垂直設(shè)計也會給人獨特和耀眼的感覺。

這種創(chuàng)意是要利用對比的魔力。我們的眼睛會非常自然地被對比色所吸引而不能自拔。其關(guān)鍵在于要確保兩種顏色明顯差異。不要選擇任何抵觸或沖撞色調(diào)，而要嘗試純黑與一種淺色的對比。

我特別喜歡的創(chuàng)建這種效果的工具來自O(shè)to255網(wǎng)站，那里你可以快速而且容易地找到任何顏色變色的網(wǎng)絡(luò)代碼。

5、全屏圖片設(shè)計

我提及這種創(chuàng)意，你或許會嗤之以鼻，但我仍會盡我所能繼續(xù)給你講解掌握這種創(chuàng)意設(shè)計的技巧：偉大的圖片成就偉大的設(shè)計。它簡潔而樸素。任何人都偏愛美好的圖片，因此將它加入你的設(shè)計中，就會使你的網(wǎng)站得到每個人的垂青。很簡單，是吧?

圖片賦予了真?zhèn)€網(wǎng)站以靈感。你可以從一幅畫中捕捉到顏色、紋理甚至排印的靈感，進而創(chuàng)造一種非常美好的統(tǒng)一連貫的主題。

注意體會下面網(wǎng)站設(shè)計中的暗色自然元素，它給人一種使用了很多照片于主頁滑行的外表和感覺。

如果你想了解怎樣可以獲得此類網(wǎng)頁設(shè)計的設(shè)計效果或編碼，可以參考我們最近的一篇文章“Easily Create a Full Screen Photography Slideshow Website Without Flash.”。

6、紋理搭配顏色漸變設(shè)計

我非常喜歡最近時?？吹降木W(wǎng)站的原因是在于頁面頂部應(yīng)用了燈光效果或融入了某種類似于一點點紋理，讓頁面快速漸變到純色的創(chuàng)意設(shè)計。

過多紋理會極易降低網(wǎng)頁文本的可讀性，還會增加視覺噪音將網(wǎng)頁變?yōu)橐环N完全不同的頁面。而把紋理隱含置入則會讓你額外收獲稱贊的眼神，還不會犧牲網(wǎng)頁整體的美感與可讀性。

太多時候，我們是利用CSS背景圖片重置，讓紋理充斥整個背景。其實我們可以嘗試讓紋理選擇性地出現(xiàn)，那樣你會立刻發(fā)現(xiàn)你的設(shè)計看起來要好地多 7、仰望設(shè)計

天空對于人類是永恒不變的幻想空間。云彩、太陽光束、星星和月亮，所有這些元素都會賦予人們一種魔法讓他們目不轉(zhuǎn)睛地盯著你。

當(dāng)你要把這些元素融入你的背景的時候要特別小心，因為那會特別容易產(chǎn)生一些難看或陳腐的效果。要掌握這種創(chuàng)意技巧，設(shè)計者需要對美學(xué)有很好的感覺，懂得如何表達“空間”的概念，千萬不要把它變成一種類似于老版Windows屏保的懷舊效果。

下面的網(wǎng)站選用優(yōu)美的天空作為突出的網(wǎng)頁背景，是一個非常好的例子。設(shè)計者利用復(fù)古色調(diào)和微細的斜線紋理，渲染出了非常漂亮的星際空間。這是在你應(yīng)用天空在你的網(wǎng)頁背景之前最好要特別關(guān)注的。

8、多色菱形圖案設(shè)計

我能聽到你在說：“菱形圖案?你在開玩笑?” 在你在評語欄扔磚頭之前，我們必須要承認菱形圖案確實能夠產(chǎn)生一些特別有魅力的效果。但是，就像我們先前說的一樣，這種創(chuàng)意不是任何人都能做的，只有那些懂得如何利用狂熱模式的有經(jīng)驗的老手才能熟練掌握而不至于造成難看的效果。

下面是應(yīng)用這種創(chuàng)意效果非常好的一個實例。改良后的菱形圖案格調(diào)的應(yīng)用并沒有特別出格地吸引你的注意力，而是給頁面帶來了非常好的華美情調(diào)。

9、抽象和狂熱設(shè)計

是否你已經(jīng)厭倦了我的關(guān)于微妙設(shè)計技巧的“謹慎”或“放松”的建議?那么這個提示就是給你的。有時候，最好的背景可能就是一些對頁面內(nèi)容無關(guān)緊要地狂熱和大膽的表現(xiàn)，它們只是為了吸引你的注意。

我認為下面的這兩個網(wǎng)站都非常好地實現(xiàn)了這種效果。尤其注意第二個網(wǎng)站看起來就像是一副水彩畫。這是一種非常流行的技巧，你能夠發(fā)現(xiàn)非常多地網(wǎng)絡(luò)資源可以模仿。

試用iStock搜索“abstract watercolor” (抽象水彩畫)看看你會發(fā)現(xiàn)什么。那里有海量的廉價圖片，足夠幫助讓你的網(wǎng)頁獲得更多人的關(guān)注。

10、無須避免純色設(shè)計

以上所有建議都是要滿足你成就偉大網(wǎng)站背景創(chuàng)意的需求。但是，對于一個設(shè)計者必須要明白，純色背景并沒有任何不對的地方。它是我的特別喜愛的眾多設(shè)計中的關(guān)鍵元素。學(xué)會如何恰當(dāng)?shù)貞?yīng)用純色創(chuàng)意是成為一個設(shè)計者的重要組成部分。

你注意下華麗的Fuzion 廣告網(wǎng)站。網(wǎng)頁的設(shè)計成印刷排字的盛宴，但那既能吸引你的注意力，又能有效地溝通，盡管它的背景只是一種普通地陳舊地純色設(shè)計。

你最好瀏覽一下Piknik網(wǎng)站，那里提供了很多免費工具，你最好一定要加到你的設(shè)計資源庫里。這個網(wǎng)站能讓你對屏幕顏色的預(yù)覽和選擇變得非常簡單。你要做的只是移動鼠標，觀察背景的顏色變化。

總結(jié)

背景的選擇決定著你整個網(wǎng)站的基調(diào)和個性。就在前兩天，我的一個同行有意將他的網(wǎng)站置入我們的宣傳目錄，但是他們只是選擇了一個特別差的背景圖片。這個網(wǎng)站的設(shè)計和布局非常好，我就是不能容忍那個難看的背景。之后，他接受了我所指出的問題，并把背景變換成了一種更簡潔的風(fēng)格，直接把網(wǎng)站提高到了一個全新的水平。

就像在開場白所說的那樣，下一次當(dāng)你糾結(jié)于設(shè)計常規(guī)而不能選擇合適網(wǎng)頁背景的時候，再來看一下我們這篇文章，嘗試其中的某種創(chuàng)意。總有一天，你也會抵達完美網(wǎng)站的彼岸。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

新聞名稱：網(wǎng)站設(shè)計中的一些流行背景效果
網(wǎng)址分享：http://bm7419.com/news16/324316.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站維護、關(guān)鍵詞優(yōu)化、建站公司、全網(wǎng)營銷推廣、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)