1、美特斯·邦威官方網站(Metersbonwe)

網址:http://www./

類型:餐飲服飾 創(chuàng)意:當我們打開網站時，在以藍色為主色調的背景中，突然跳出了自己喜歡已久的明星，內心不由得興奮起來，帶給我們的驚喜也是隨之而來。網站用網站具有交互式的動畫效果模擬了一個時尚、潮流的城市，它把瀏覽者帶入到了一個立體且極富空間感的世界中。

深邃，清澈的藍色，容易讓人產 生無限的聯想，和動感的明星形 成了鮮明對比，視覺的沖擊感由 然而生。

我們能看見頁面中不光只有藍 色，那么，在這個時尚、動感， 的城市里，你又需要點什么呢? 或許一個小小的細節(jié)就可以打 動自己了，再加點亮麗色彩吧! 于是，一道彩虹就讓原本安靜的 城市變得活躍，熱鬧了起來。

頁面大面積的配以漸變的顏色， 讓整個頁面極富線條感和空間感

界面布局

在網站的首頁，我們不僅可以通 過首頁左邊的導航進入具體頁 面，我們看到，在建筑物的四周 有很多顏色的氣球，其實，這也 是導航哦，這樣既美化了頁面， 又方便了瀏覽者的進入。一個產品 頁面，象櫥窗一樣，展示了很多 的產品，這樣的布局使瀏覽者一 目了然的找到自己想要的東西。

2、康威官方網站(kangwei)

 網址:http://www./

類型:體育運動 創(chuàng)意:在漂浮的白云和藏藍的天空下，展現出的跑道給人一種張力動態(tài)美，移動的跑道給我們加速感。遠處的灰色和近處的紅色跑道更加強烈的賦以速度感。紅色是熱情與能量的釋放。配上強烈的搖滾音樂，使人的內心迸發(fā)出一種力量，使人有勇往直前的渴望，隨之進入頁面。

在這藍天白云下給人產生無限 的聯想，張揚而不乏沉浸的紅色 跑道打破藍色的安寧。產生視覺的沖擊感而又不缺協調。

藍色的天空和體育館前的空地 給人無限明朗的感覺。賦予人想 象的空間。于是，一張絢麗而有 醒目的廣告牌呈現在眼前。一個 籃球跳躍而出，就猶如畫龍點睛 一般，給整幅畫面增添了活力。

在動感十足的畫面上再配上很 強烈的搖滾音樂，讓人有種身臨 其境的感覺。

界面布局

跳躍的籃球把我們的視線帶入 了賽場內，秒表記時器的菜單欄 充滿了新意和趣味性，符合運動 產品的主題。

每個頁面獨特構圖的設計方式， 直觀的表達了運動的帶給我們 的刺激。用俯視的圖片，配 上服飾的吊牌樣的導航，使整個 頁面突顯出一種大氣。

3 長安福特賽車網站(ford)

網址:http://www./index.html

類型:體育運動 創(chuàng)意:網站運用交互式的動畫效果，在蔚藍的天空下，讓三個賽車選手站在跑道上，為我們展示賽車路演的活動內容。當鼠標停留在人物上的時候，人物就會出現詼諧幽默的動態(tài)，給整個畫面增加了活力感。

清澈而又深邃的藍色讓天空不 在沉悶，讓人產生一種開闊的視 覺。使動態(tài)的人物顯得更加詼諧 和幽默?？磁_上的橙色與藍色的天空形 成互補，打破了藍色的單調，讓 頁面不再寂靜。頁面切換中，我們看到一面白黑 相間的旗幟一掃而過，這面旗幟 仿佛把我們帶到了賽場中去，顯 現出很強的視覺感受。

界面布局

人物身后的無限延伸的跑道，給 整個頁面帶來很大的視覺透視 效果，加上中間的三個賽車選手 具有強烈的視覺沖擊力。給人以 無限的想象，把活力和激情的賽 車路演展現給我們。

4 尼桑軒逸網站(nissan-sylphy)

網址:http://www./

類型:旅游汽車 創(chuàng)意:當我們打開網站時，畫面中展現出一片寧靜的大海，令人頓時覺得視野開闊了很多，這輛豪華的轎車是畫面的中心，溶入在整個藍色的基調中。突顯出轎車的高貴，美麗的風景和車頓時讓人仿佛感覺到了夏天咸咸的 海風,給人以舒適爛漫的感覺。

室內的暖色調和室外的冷色凋 形成了鮮明對比。讓畫面豐富而 又不失和諧。讓人沐浴在溫暖的 氣氛中。

整個頁面獨特的構圖充滿現代 感，有現代家居的意味。忙碌在 城市中人們是否有對家的眷戀 呢?以靠椅做為點綴，冷畫面不 在刻板，顯的有點俏皮。

界面布局

高貴、優(yōu)雅。當我們進入頁面，汽車風一般的駛過，風 樣線條感的設計，使整個頁面更 具有層次感，且彰顯著一種大 氣。

我們不僅可以通過頁面下角的 介紹文字，很快的找到我們想要 的，無論在哪個頁面，我們都可 以通過準確、清新的導航快速的 來完成這項任務。

5 奔騰網站(besturn)

網址:http://www./

類型:旅游汽車 創(chuàng)意:打開頁面，集聚了海濱渡假風情的畫面展現在眼前，銀白色的轎車華麗而突出，然而木質的地板給畫面增添了幾許親和力。棕櫚樹出現在畫面的一角，不僅構圖新穎，并且新鮮的綠色讓整個畫面充滿了生機，這不愧為喧鬧城市中的一方凈土。

網站以藍色為主色調，盡管是蔚 藍色的天空占了大部分，但還是 感受到到天空與汽車之間的和 諧感。

環(huán)形的建筑充滿了現代感，黑色 的轎車簡潔而大方、帥氣。遠處薄霧中的建筑使畫面空間 感增強，近處的橋梁與主題物交 錯遮擋形成了獨特的構圖方式， 藍色的天空，碧綠的海水，還有 黃色的海灘，給重金屬的城市增 添了柔和感。

界面布局

我們能看到不管在哪個頁面，都 有一個金屬感覺的導航，這樣， 無論我們在哪個頁面，都可以通 過上面的導航進入具體頁面，這 樣既美化了頁面，又方便了瀏覽 者的進入。頁面的汽車周圍繞 著一些導航一樣的橫條，這樣的 布局使瀏覽者一目了然的找到 自己想要的東西。

6 LEE中國官方網站(LEE)

網址:http://www./

類型:餐飲服飾 創(chuàng)意:整個網站在色彩上運用大膽、對比鮮明，突出年輕人朝氣蓬勃，彰顯自我的個性風采。加上網頁采用全 flash 制作，活撥、律動、立體感十足， 非常迎合年輕人追新求異的品味。網頁中將牛仔，掛牌，流行音樂等元 素貫穿其中，不僅主題突出，印象深刻，而且時尚休閑的感覺躍然眼前。創(chuàng)意無限，沒有做不到，只有想不到。

不難看出，藍色屬于冷色調，為 了避免整個頁面色彩上感覺過 于單調，加上諸如黃、橙、紅這 樣的暖色調加以點綴，冷暖互 補，對比鮮明，亮麗多彩，使整 個頁面看起來，色彩搭配的更加 協調，清新又不乏活潑。

頁面大面積的配以漸變的背景 顏色和漂亮圖片，讓整個頁面極 富空間感，給瀏覽者也營造了一 種流暢舒適的視覺享受。

界面布局

網站布局簡潔明了，方便瀏覽者 直奔主題。在網站的導航，非常 有意思，亮點也在這里。導航多 種，一是首頁左邊的牛仔褲導 航，點擊這些文字鏈接即可進入 相關的具體頁面;而是風鈴般的 掛牌導航，或者說是一種快捷通 道更準確。在這樣一片蔚藍的天 空下，風吹鈴轉，鈴音清脆悅耳， 還等什么，眼見為實，趕緊進去 看看吧。一個產品頁面， 晾曬式的服裝展示，既明了又生 活化，每件產品都懸掛起來，單 一展示，醒目。就像在家晾曬衣 服一般，冥冥中拉近了與消費者 之間的距離，感覺很親切。

7 迪斯尼中國官方網站(disney)

網址:http://www./

類型:文化娛樂 創(chuàng)意:一聽到“迪斯尼”三個字，很容易想到《米老鼠和唐老鴨》《獅子王》、《怪物公司》這些不僅受小朋友喜愛，更吸引了很多大人們眼球的動畫 片。打開迪斯尼官方網，最明顯的是迪斯尼家喻戶曉的動畫明星，華麗 的舞臺，清爽亮麗的配色，不能不說這樣具有濃厚童話色彩的頁面把“迪 斯尼”表現的很到位。

都說藍色是最冷的顏色，它代表 著憂郁，代表了彷徨?？墒窃诘?斯尼世界里，淡藍色如同千帆過 盡可后，海的顏色;萬鳥翱翔后， 天的顏色，如此純凈，代表著夢想。

以天空般透明的藍色作為網頁 的主色調，童話中的森林作為背 景陪襯，再加上粉紅、橘紅和鮮 艷的黃色，使頁面更加生動、可 愛。

網頁中的顏色運用多而不亂，恰 到好處的點綴、修飾，有助于更 好的表現其頁面內容。

界面布局

在網站的首頁，僅一屏顯示出首 頁的所有內容，另外，導航部分 會隨著鼠標的移動成波浪式不 斷變化，這樣別致的導航，加上 底部漂亮卡通圖片，向我們清楚 的展示了網站所要表現的內容。

除此之外，圖片與文字這間的位 置合理，清楚呈現其內容，沒有 出現重疊，使整個頁面看起來內 容更加充實卻不凌亂。

8 藍灣地產網站(bluebeach)

網址:http://www./

類型:文化娛樂 創(chuàng)意:藍灣——深深的海洋，悠悠的時光。這是一個深藍色的引導畫面，仿佛大海，安詳，神秘。整個頁面的設計風格緊扣公司所要表現的主題，用海洋里面的元素表現出的獨特導航和背景畫面，不經意的給人留下了深刻的印象。

由于藍色沉穩(wěn)的特性，具有理 智，準確的意象，在商業(yè)設計中， 大多選用藍色當標準色，而藍色 與鮮艷的黃色相配，對比度大， 視覺上更加明快的表現出頁面 的意境。

只是一幅天海一線的自然風景 圖，頓時讓我們眼前一片開闊， 黃色的字在藍色的背景前格外 醒目，再加上漸變色，就連字也 如同水一般融入到大海中去。簡單的顏色，卻不單調，頁面的 大氣盡在此體現出來。

界面布局

這樣深邃的藍，再加上時不時飄 動的半透明泡泡，讓我們忍不住 想點擊“ENTER”鍵，看看里 面到底是什么......

在網站中，導航的設計非常重 要。藍灣，與海聯系緊密，導航 表現尤為突出。一個個可愛的貝 殼沉在頁面的下方，當您需要它 時，只需要把鼠標放在導航處一 點，便會自動彈出。鼠標離開， 它便會悄悄沉入海底，還給您更 加開闊的視野。這樣的布局，正 好抓住客戶的心理要求:誰不希 望自己住的更接近大自然，誰不 想推開窗戶就是一片蔚藍一望 無垠呢?

9 MOTOKRZR網站(MOTOKRZR)

網址:http://www./motokrzrgame/

類型:科技數碼 創(chuàng)意:當我們打開網站時，一片沉靜的藍色和嫵媚的模特給畫面帶來了神秘感，身后的紅色的馬塞克式的背景讓畫面空靈。陪上靈動的音樂顯得畫面更加的幻妙。吸引人進入奇妙的幻境。

紅綠相間的顏色和深沉的藍色 營造出旋酷的氣氛。深受新一代 年輕人的喜愛。身后絢爛的色彩和深邃的深藍 色背景形成鮮明的對比。使主題 更加突出。模特身后的變化的花 紋就像萬花筒一樣旋轉，變幻多 端，可望而不可及的華麗給人無 限的遐想。

大面積的配以漸變的顏色，讓整 個頁面極富神秘感覺的線條和 空間感，讓網站蒙上了“幻鏡” 直奔了主題。

界面布局

主題物進入畫面，充滿現代感和 流線感造型的手機和畫面的古 典感相結合，傳統美和現代美充 分流露出來。手機底部的寶石藍 像火焰一樣熊熊燃燒。帶來了很 強的力量和熱情。

網頁下半部分留出來放置導航，

同時不缺乏整體感。

10 萬科·金域藍灣網站(vanke)

網址:http://cd./jylw/main.html

類型:房產家居

創(chuàng)意:網站在用色上新穎、對比鮮明。加上網頁采用全 flash 制作，將樓群的現代感躍然眼前，該網站通過對比色藍色和黃色的搭配來表現出內容的意境美。

在金黃色的湖面上若隱若現的 樓群，顯得格外亮麗，當鼠標懸 停在萬科金域藍灣上，頓時夜空 降臨，整個頁面深藍一片，與黃 色的燈光形成對比，于是內心頓 感溫馨極了。

頁面以漸變的顏色，讓整個頁面 富有了層次感，藍天與綠水的互 相呼應，讓頁面和諧的展現出 來。使瀏覽者有種身臨其境的感 覺。

和煦的陽光斜照在躺椅上，是那 么的自然且具有親和力，就讓我 們享受這個網站帶給的視覺沖 擊力吧。

界面布局

在網站的首頁，我們可以通過頁 面左邊的導航進入具體頁面，我 們看到，當鼠標懸停在萬科金域 藍灣上整個頁面都隨著內容變 換著場景。該網站通過對比色之間的搭配，來表現“港灣”意境。

11 張揚服飾(zhangyang)

網址:http://www./

類型:餐飲服飾 創(chuàng)意:活潑的音樂與寧靜的畫面把你帶到了一個涼爽的夏天，頁面中設計者用衣夾把產品展示，拉近了與消費者之間的距離。這個網站無疑是個年輕的世界，在這里你可以找到這個自己想要的。

頁面以藍色為主色調，湛藍的晴 空與前景形成了鮮明的空間感， 突出了主題。

藍天下的綠地讓畫面不再乏味， 活潑的人物給整個畫面增添了 活力注入了新的生命力。讓畫面 不再呆板。采用了同一色系不同 明度的色彩，使得頁面明亮活 潑，吸引著瀏覽者置身于這一片 美麗的藍天白云之下。

界面布局

首頁右下角俏皮的導航以一個 便條紙的行式表現，這樣既美化 了頁面，也方便了瀏覽者的進 入。

無論是什么樣的布局，都是為吸 引瀏覽者的觀看而設計的，其主 要是讓我們能一目了然的找到 自己想要的東西，而在產品展示 的頁面中，產品的展示象櫥窗一 樣，展示了很多的內容，也很直 觀的表達了設計者要表現的內 容，達到了主題。

12 天倫隨園

網址:http://www./

類型:房產家居 創(chuàng)意:打開網站，詩情畫意的氣息刺激了瀏覽者的眼球，把人的思緒從現實的煩擾帶入了仙境般的氛圍中。一曲悠揚的古調，讓人身在其中，真是蕩氣回腸，心如明鏡。

湖藍讓充斥著整個畫面，運用中 國畫的潑墨畫形式，彰顯的天空 是那么的高，湖水是那么的藍。

用不同的色調，表現春、夏、秋、 冬四季中，同一處景物的不同景 色。具有江南水鄉(xiāng)風情的小鎮(zhèn)給 我們帶來了不少的驚喜。

頁面搭配黑色的毛筆字，具有點 睛之筆，富有詩意。把我們帶到 了詩情畫意的境界中。

界面布局

布局上意境幽雅，處處似乎都是 一幅風景畫。在布局上別出心裁 將院墻的圖片與文字合理排列， 顯得大氣，讓人仿佛置身于江南 水鄉(xiāng)之中。一個小小的細節(jié)流露 出設計者的用心，頁面上的一枝 梅花，一條墨印，一朵飄浮的白 云都是頁面的點睛之筆。