1 明基 Joybook7000 官方網站(BenQ Joybook7000)
網址:http://ad.benq.com.cn/products/joybook/200408
類型:科技數碼 創意:伴隨動人心魄的藍調爵士樂，網站以它的步伐展示著自我。它猶如其宣傳的產品一樣“張揚卻不失內斂，簡單卻不失品位”;不折不扣地詮釋“無 以復加的靈性和深度”這樣的特質;并且不斷地對你“靜謐的誘惑，直 擊心靈深處”，想要感受什么是“與生俱來的高貴品質”，那就徜徉于它 的漫漫旅途之中吧。
網站處處洋溢著灰藍的基調，顯示出與 眾不同的獨特氣質，冷靜、沉穩、 高貴、考究、精致、高雅、睿智， 但又給你一種不可言說的親切 和神秘感，讓你在一步步深入網 站的過程中，逐漸為它著迷、沉 淪。
頁面的上下兩端由純色灰轉變 為灰白的漸變，打造出一種金屬銀的 奇幻色彩，打破了整幅灰色的壓 抑感，為頁面注入一些耀眼的時 尚氣息。
此外，藍色在這個網站中的地位 也舉足輕重，它是博大的色彩，是 永恒的象征，純凈的藍色表現出 一種美麗、文靜、 理智、安詳 與潔凈。由于藍色沉穩的特性， 具有理智、準確的意象，在商業 設計中，強調科技、效率的商品 或企業形象大多選用藍色作為 標準色，如企業色、電腦、汽車、 影印機、攝影器材等等。
界面布局
網站布局簡潔、清晰。導航欄位 于頁面底部， 你也可以由圖片化的導航設計 方便快速地到達目的地，使界面布局更加人性化。
此外，界面存在大量的圓形、弧 線和圓角元素，使原本冰冷的科技產 品網站與瀏覽者之間的距離感 蕩然無存，為中規中矩的網站憑 添了靈動和優雅的氣質。
2 萬達.錦華城中文網站(WANDA JINHUA Town)
網址:http://www.cdwdfc.com/WDJHC/
類型:房產家居 創意:想體驗動感的都市生活嗎?那么請瀏覽萬達.錦華城網站。它在繽紛繁復的生活之余，留下足夠空間讓你揮灑一席專屬自己的天地，或粉、或藍、或黃、或紫，因你在那張潔白無瑕的紙上留下了一抹色彩，于是浮躁動蕩的心便有了可以停泊的港灣，而這個港灣并不脫離現實世界，它在隨波演奏著適應你節拍的動感樂章。
網站整體以白色為背景色，在頁 面中局部點綴藍、粉、黃、紫增 加時尚躍動的感覺。
白色給喧囂陸離的都市帶來一 股清朗氣息，亦給人一種純潔、清新、安寧的感覺，耀眼的白色 還會令人輕松、歡快、活力四射。白色還延伸了頁面的空間感，使 其更具層次感，給人大氣、通透 的感覺。
小面積的藍、粉、黃、紫作為頁 面的點睛之筆運用得恰到好處， 讓人聯想到幸福、希望和多姿多 彩的生活。
此外，頁面底部的灰色增加了穩 定感，使白色的頁面有了堅 固踏實的地基。
界面布局
網站整體布局簡單、明朗。
導航條位于頁面的右下角，這在 傳統頁面布局中是不常見的，當 鼠標劃過不同項目，導航條上面 的顏色塊也會隨之變換不同顏 色，使項目更加醒目 耀眼。
頁面構圖大量留白，用以引 導瀏覽者去發揮想像，構造出自 己心目中動感都市的激情和味 道。
3 湯泉.逸墅中文網站
網址:http://www.tqys.com.cn/#
類型:房產家居 創意:用濃墨淡彩形容這個網站最恰當不過，整個網站像是一幅寫意的水墨畫，飄逸、安靜，讓你好似瞬間脫離了俗世的凡塵喧囂，找到了心靈歸依的 所在，從遠處傳來的輕音樂與網站氣質協調統一，緩緩浸透了精神世界。 相信這樣一個純凈空間會讓你腦海中迅速閃出那種不張揚、不做作的優雅生活場景。
網站沒有過多“喧嘩”的顏色，卻沒 給人那種呆板、黯淡的感覺。純 粹的黑白營造出典雅、高貴、靜 謐的氣質，完美地演繹了黑白極 簡超凡脫俗的意義，傳達出謙 和、安然的畫面語言。
偶爾的一點點紅綠帶來新鮮感 ，使頁面整 體明亮起來, 平衡了頁面的莊 重感，緩和了黑白分明的極致， 使優雅的黑白搭配顯得更加高 貴與隆重，讓人不沉悶壓抑，反 而增添了一絲現代氣息!
界面布局
網站布局簡單、清晰。
網站采用傳統的布局方式，導航 欄在頁面頂部，網站 Logo 位于 頁面左上角。部分頁面中由導航欄 延伸出的小項目居于頁面中部
，條理性更強，方便 瀏覽。
值得一提的是， 的布局 獨具匠心，鼠標劃頁面右下側的 戶型選項時，一線牽其互動，為 網站增加了時尚動感。
4 阿迪達斯中文官方網站(adidas China)
網址:http://www.adidas.com/cn/shared/home.asp
類型:體育運動 創意:時尚、經典，這是阿迪達斯網站給你留下的第一印象。隨著不斷深入站點，你會越來越強烈地感到，原來“無彩色系”中的黑、白、灰也會讓運動中的人們散發出如此健康、性感的魅力，我想是運動本身改變了網站的氣質，同時，它也改變了每一個運動中人的狀態。
如果產品夠酷夠炫，再黯淡的色 彩也掩映不了它的光芒。阿迪達 斯網站雖然運用了黑、白、灰作 為頁面主色調，但 是產品卻更為突出、耀眼，原因 就是來自產品本身獨特、持久的 魅力吧。
網站大量運用非彩色，給人巨大 的視覺沖擊，讓人心中產生強烈 的震撼，非彩色系為你營造出一 個虛擬的世界，而多樣時尚的產 品創造出這個真實的世界。
界面布局
網站首頁更像是一個播放器界面，各個區域分工明 確，直達各自指向的位置。
進入二級頁面，頁面布局和傳統 網站布局類似，只不過在頁面右側和底部增加了不同項目的導 航欄
特別說明的是，網站特設了一個 阿迪達斯奧運部落欄目(圖 9-23)，這是一次大手筆、大投 入也稱得上大創意的奧運宣傳。虛擬與真實的結合，使得整個頁 面的表現非常有影響力。“一起 2008，沒有不可能”，既邀約群 眾一起參與奧運，也表達了阿迪 達斯的核心理念:眾志成城、團 結一心，沒有什么是不可能的。
5 王姝官方網站(Sue Personal Website)
網址:http://www.modelsue.com
類型:文化娛樂 創意:紛繁蕪雜的都市生活，人們格外渴望一種返璞歸真的自然感覺和一份簡單隨意的心情，這個網站就讓人回歸到那種單純潔凈中。空靈的頁面、簡約的風格演繹出一個飄逸、神秘的完美世界。這是一個模特的個人網
站，它以黑白兩色詮釋職業生涯的五彩繽紛，的確高明另類。黑白是眾多顏色的本源，也許只有這兩種顏色才是色彩的本質。
除了首頁模特的彩妝側面，網站的其他頁面都以黑 白兩色為基調，模特 的氣質從頁面呼之欲出。
黑色象征神秘、靜寂、穩重、內 斂，含蓄，而白色象征純潔、簡 單、清爽、悠閑、表里如一。兩 種如此不同的顏色交融在一起， 讓人產生豐富聯想，使網站頓時 生出魔幻色彩，像這個模特的氣 質一樣變幻莫測，瞬息萬變。
此外，頁面左上角網站 Logo 中 寥寥數筆的淡粉色，抑 制了黑白兩色帶來的強烈沖擊 感和力量感，讓網站散發出淡淡 含蓄的女人味道。
界面布局
網站最大的特色就是合理的留 白。
沒有傳統網站的導航欄，進入首 頁后，一個秀氣的“Enter”自 下至上帶出導航欄，它可以讓你 選擇網站的各個項目，一目了 然。瀏覽者也可以點選導航欄右 邊的四個小方塊來變換模特的 不同造型。而導航欄下，模特造 型的模糊效果，打破了使用一成 不變圖形元素造成的呆滯感，使 整個網站更加前衛、時尚
6 黑冰視覺中文網站(Black Ice Vision)
網址:http://www.vision-blackice.com/
類型:文化娛樂 創意:重搖滾掀開“黑冰”金屬外衣，在笨重的機器外殼下隱藏著數張精致的
人像照片，在這里，鏗鏘與纖弱碰撞，黑白與色彩沖擊，于是“黑冰”的風格讓人過目不忘。而不同的背景音樂也配合著網站多變的氣質，即使看著一成不變的界面，瀏覽者也不會覺得枯燥，反而會萌生一種更想深入這個神秘世界的欲望。
黑色一向不會過時，“新黑色” 就代表最新時尚潮流。這個網站 把黑色的前衛、新潮、時髦詮釋 得淋漓盡致，在這片黑色背景中 你好像可以看到一股不羈的氣 質在緩緩律動，讓你浮想聯翩，與之起 舞，“黑冰”——唯黑獨尊。
不同飽和度的灰色打造出一個 銀色金屬播放器界面，高級、冰 冷、穩重，兼具時尚感和科技感。設計者利用灰色不同的層次變 化組合，并且搭配點綴其他色彩 ——明黃、亮紅和深藍等等，使頁 面增添一絲躍動與活力，不會過 于樸素、沉悶，以致產生呆板、 僵硬的感覺。
界面布局
頁面很像一個前衛音樂播放器 的界面，酷味十足
左上角和頁面上部是“黑冰”的 Logo，下面的窗口是“黑冰” 的“屏幕”和“音樂播放器”。頁面中部有兩組導航欄，一組主 導航欄，依次是介紹、電臺、作 品、歷史和聯系方式，位于左邊的副導航欄顯示各主導航的子 欄目。中間最大的窗口就是網站 表達其個性的屏幕了。右邊邊框 帖著的舊影片招貼畫，也暗示出 網站的性質。這個金屬外殼不時 還冒著白霧，好像一部蒸汽時代 的老式機器。總之，這個網站的 布局非常獨特。
網站的其他頁面延續了前幾頁 的冷、酷風格，使人物影像在這 個金屬外殼下煥發出另一種與 之反差較大的氣息
7 涉趣時尚鞋網站(selftrend)
網址:http://www.selftrend.com/ss07/flash.html
類型:餐飲服飾 創意:簡潔的界面，內斂的色彩，沒有過多的華麗元素裝潢頁面，但網站卻洋溢著不張揚的時尚味道，是模特飄逸、狂野的長發傳達著時尚表情，還是她不羈、灑脫的造型吟唱著流行旋律，也許真正意義的時尚在于舉手投足、一顰一笑間，也在于不易察覺的完美細節之中。
網站以大面積的灰作為背景色，這在眾多的 服裝網站中并不多見。灰色內 斂、朦朧、低調，讓人感覺到一 種時尚底蘊的沉積，這是有別于 其他“時尚”的標志，有一種含 蓄的潛在力量。
頁面還以藍、粉兩色搭配灰色 。藍色象征永 恒，純凈的藍色表現出一種美 麗、文靜、神秘、夢幻、內在與 潔凈。粉色代表甜美、溫柔、浪 漫、可愛和純真。藍、粉輔以灰 色，不失和諧，并把灰色隱藏的 淡淡高貴與優雅發揮得淋漓盡 致，而且為灰色帶來一些前衛摩 登的氣息。
界面布局
網站以大小不一的方形構成頁 面簡約、時尚。
網站 Logo 位于頁面左下角，與 底部其他白色文字共同構成穩 定頁面的一行元素。
鼠標移至頁面下部調出導航欄， 簡潔、清晰，讓瀏覽者能迅速到 達目的地。
產品頁面的背景有別于其他頁 面進行了模糊處理，使產品更突出、醒目。
8 第五街牛仔褲中文網站(5th Street)
圖 9-43
網址:http://www.5thstreet.com.cn/
類型:餐飲服飾 創意:鉛筆素??街景后，一首西城男孩的《我的女孩》把我們帶到第五街牛仔站，喧囂的大都市因極具個性的服飾而燃起亮點。這里不僅是服裝的展示舞臺，它還向瀏覽者傳遞著服飾的文化和內涵，而這才是支撐品牌的
關鍵，這才是品牌與眾不同的精髓。
網站整體以大面積的灰色為主， 以紅、藍兩色作為輔色。
都市的鉛灰色營造出深沉而非 興奮，平和而非激情的氛圍，在 這樣一個稍顯壓抑的空間，究竟 什么樣的色彩能讓人熱血沸騰、 精神抖擻，看看頁面中點睛的亮 點——紅色，它能讓你從困倦中清 醒，從慵懶中振奮，“第五街” 的玄妙也盡在于此了。
此外，牛仔藍色也是頁面中舉足 輕重的用色，它明確了網站主題， 讓瀏覽者一進入網站就能感覺 到這是一個服裝網站。藍色讓牛 仔元素躍然紙上，令此地刮起一 陣時尚、粗獷的牛仔旋風。
頁面布局
網站整體大氣、簡潔。
網站基本延續了傳統網站的布 局風格，左上角是 Logo，頁面 頂部是導航欄。
但在這種傳統下面又見新意，導 航欄還可以通過點擊首頁的彩 色部分進入不同欄目， 使網站更加貼近瀏覽群希望與 網站全方位互動的心理。
9 東風悅達·起亞賽拉圖網站(CERATO)
網址:http://www.dyk-cerato.com.cn/
類型:旅游汽車 創意:科技感和金屬感十足的汽車網站原來也可以這么明朗、清新。進入塞拉圖網站，片片飄過綠葉的纖細和柔軟反襯出產品的剛毅和堅固，讓你感 覺只有擁有它后才能構成一個完整、溫馨的家，它不是一個冰冷的機器， 而是你的家庭成員之一。
灰色網站里停靠著銀灰色汽車， 于是灰色構成頁面的主色調。
灰色是最包容的色彩，也讓人感 到一種淡然的心情，頁面傳達出 的視覺語言，詮釋出“懷一顆溫 暖、善良的心去擁抱世界”的用 意，讓人即使身處這個酷酷的汽 車網站，心中也升起平靜、安定、 愜意的心情。
同時，灰色也演繹出沉穩、考究 的感覺，讓頁面頓時產生一種穩 重、高雅的基調。
此外，銀灰色是最能反映汽車本 質的顏色，看見它就想起了金屬 材料，這種顏色給人感覺整體感 很強。同時，銀灰色也極具運動 感，它輕松地讓這款適合家庭使 用的汽車披上了一件時尚、新潮 的外衣。
界面布局
網站整體布局簡潔、大氣。
頁面的主要內容放置在頁面左 上角的網站 Logo 和頁面底部的 導航欄之間。
進入各個欄目，二級頁面整齊、 規矩。你可以在這些頁面里給汽 車換顏色，了解內飾性能等等， 二級頁面里醒目的子導航欄讓 你能夠迅速地找到你想實現的 項目。
10 馬自達 RX-8 中文網站(Mazda RX-8)
網址:http://www.rx-8.com.cn/#
類型:旅游汽車 創意:在烏云密布、電閃雷鳴的深夜，只有一輛火紅跑車箭一樣馳入視野，只有它可以在這漫漫長夜讓你激情澎湃，令你精神一振，為你注入無限活力。網站以這款獨一無二跑車的轉子發動機拉開了解車性能的序幕，流
線的外觀、時尚的造型和強勁的馬力，讓你不由得喜歡起這輛酷勁十足的車。
網站黑紅兩色為主色，黑色顯得沉靜、高貴、 氣勢磅礴，紅色顯得熱烈、奔放、 沸騰澎湃。
紅色明晃晃地凸現著青春的朝 氣，黑色可以壓抑紅色的過分張 揚，黑加紅的搭配使得跑車的野 性魅力發揮到極致，它是熱情與 理智的結合，給人交融的美感。
界面布局
網站的界面布局十分獨特，它以 紅色拋物線勾勒出跑車的一席 黑色天地，使得車有種隨時蓄勢 待發，沖出羈絆的感覺。
網頁頂端是這款汽車不停旋轉 的轉子發動機，突出 了這款汽車特殊的性能，此外， 也突出了網站“獨創科技，轉動
未來”的主題。
導航條設計得很具科技感，它可以輕松地在導航條 上劃過，質感十足。
11 匡威韓文網站(Converse Korea)
網址:http://www.conversekorea.com/
類型:餐飲服飾 創意:一只手爽利地揭開了“歡迎來到匡威百年”的頁面，于是你進入到一個酷味十足的服裝天地。所有的動作都那么迅速而不留痕跡，同時配合著打開拉鏈的聲音，但奇怪的是，你并不覺得這種聲音單調，就如同這個網站一樣，雖然只有黑白灰，但是這就是它們詮釋出的匡威。
有什么顏色可以包容世界上所 有的色彩?答案是黑白灰，也就 是這個時尚網站的顏色基調。
黑白灰永遠是服裝界推崇的經 典色彩，它們永遠都不會過時。它們展現在這個網站中的卻是 近乎漠然的冷靜風格，沒有喧嘩 的吶喊，倏忽明滅的光影，黑白 灰三色就可以構成整個世界。
黑白灰的調子，沒有特別浮夸的 元素與顏色，但會讓人覺得舒服 而有氣質，頁面中到處都能感受 到這種流動著的自由和隨性。此 外，黑白灰也有一絲神秘和叛 逆，但這并不影響網站整體的明 快、大方而神采奕奕，經典中透 出時尚的氣息。
同時，頁面中還運用了明黃色， 它是頁面中不多的亮色，使得主 題突出、鮮明。
頁面在風格統一的低調中，簡潔宣告著匡威大舉入侵時尚舞臺。
界面布局
網站把許多元素雜糅在一個頁 面，但布局合理，所以并沒有產 生混亂的感覺，頁面中不同的文字和圖 片大小不一，這樣能夠體現出訴 求的主次關系，使得網站明確、 清晰。
主頁面分為兩欄，左 側黑色部分是主導航欄，文字放 置整齊、規矩。右側是通向各個 子欄目的快速通道，導航欄和圖 片看似隨意的碼放，卻放映出網 站整體不羈的風格。
進入各個不同的三級頁面，因各 項子欄目之間的差異，因而布局 風格也有所變化。如有關匡威歷 史的子欄目，它的 Logo 位于頁面的左上角，導航 欄位于頁面底部。
關于產品和游戲的子欄目，看似雜亂的布 局卻有它的規律可循。這樣的布 局前衛、另類，關鍵能夠吸引瀏 覽者的目光。
12 Passat 領馭中文網站(Passat China)
網址:http://www.passatchina.com/car/main.html
類型:旅游汽車 創意:網站具有強烈的視覺沖擊感，產品在一個金屬質感很強的舞臺上展示，有種冷艷的感覺自你心頭升起。你可以體會到產品的豪華、大氣、尊貴、 冷靜，也可以感受到使用產品時帶給你的科技和安全的保障。
網站整體以黑白灰作為網站用 色基調，詮釋 出一種永恒的經典。
黑色象征高貴、沉穩、速度感。
白色象征輕盈、時尚、科技感。
灰色象征高雅、奢華、金屬感。
此外，頁面中從黑到白的過度，
營造出一個華麗的物體效果。
界面布局
進入網站，有三個型號的汽車的 信息可以查詢。
進入其中一個頁面，干凈的布局 讓人過目不忘。除頁面中部的汽 車外，底部就是導航欄。
此外有些欄目的選項比較獨特， 像幾個立體的大門或窗口通往 各個目的地
