第十八章
Ewing Cole 是來自美國中部的一家創立已有50 年的建築設計公司。網站導航造型棱角分明,給人以簡潔、現代、科技之感。無論是建築的細節還是建築的輪廓,或是建築本身的色彩,都成為界麵形式美感的重要組成部分。藍白兩色的搭配也是傳達現代感的常見搭配。
名稱: Ewing Cole 建築設計公司地址:ewingcole.com/#/home
主色彩 R020 G044 B106
輔助色彩 R077 G114 B184
強調色彩 R255 G255 B255
作為世界頂尖汽車品牌之一的奔馳,是尊貴優雅與尖端科技的完美結合。網站配色延續了奔馳汽車特有的優雅的金屬質感,將一係列銀灰色搭配在一起,配合漸變的巧妙使用,在傳達科技感的同時更加凸顯了其品牌的尊貴高雅的品質感。
體現現代感的配色方案
基於桌麵網站內容與類型的
配色
各種不同內容、不同行業的網站都會因為其本身的行業屬性的不同、受眾的不同、地域的不同、曆史文化背景的不同,而呈現出不同的麵貌,配色上的特征就是這種麵貌的表現之一。本章選取具有典型配色特征的按行業分類的網站,如汽車類網站、房產類網站、服飾類網站、藝術類網站、教育類網站、設計類網站、食品類網站、電影類網站,對這些不同行業類型的網站進行配色規律的總結,並結合體現配色規律的例子來進行詳細解說。
汽車網站是互聯網上比較有代表性的行業網站,也可細分為很多類型,主要包括汽車門戶、各大汽車品牌的官網、論壇等。
我們先從主流的國內外幾個高知名度的汽車門戶網站入手,從中可以觀察總結汽車類門戶網站的主流配色。汽車門戶網站定位於綜合性、信息密度高,受眾廣泛的站點,設計上追求清晰簡潔、老少皆宜。
色彩在汽車類門戶網站擔當著極為重要的角色,優秀的配色方案使得密集的信息中通過色彩被很好地分層和歸類,便於用戶瀏覽和查找,極大地提高網站的易用性。
1..汽車之家
汽車之家是中國汽車最新報價、汽車查詢、最新車型、最新車價、車型比較等最全麵的各地汽車報價網站。打開它的首頁可以看到主要是以白色為背景色,以藍色為內容文字色彩。頭部導航區域也是用深藍色背景強調出來,對於比較顯眼的廣告區域的字或者是重要信息用紅色來標注。
汽車之家中藍色的運用
汽車之家中紅色充當強調色
2..愛卡汽車門戶網
愛卡汽車也是一家提供最新汽車報價、汽車圖片、最新車型等全方位的汽車門戶網站。進入愛卡汽車網也是以同樣的白色背景色、藍色為主要文字的色彩,區域的劃分同樣用藍色來區分,同樣也是用紅色來強調突出比較重要的信息。
愛卡汽車中藍色的運用
愛卡汽車中紅色充當強調色
3..太平洋汽車網
太平洋汽車網是一家提供最新報價信息、包括國產車、進口車各大品牌的最新動態資訊的汽車門戶網站。在網站色彩搭配中以藍色和白色為主色,文字主要為黑色,重要的信息同樣選擇用紅色來強調。
太平洋汽車網中藍色的運用
太平洋汽車網中紅色充當強調色
4..CAR.AND.DRIVER
CAR AND DRIVER 是美國著名的汽車雜誌,旨在為消費者提供最新、最全的汽車類資訊。進入官網,在顏色選擇上麵也是以白色為背景色,字體用黑色,用黑色和藍色的色塊區分不同的板塊區域,重要的信息也是選擇用紅色來凸顯。
CAR AND DRIVER 中藍色的運用
CAR AND DRIVER 中藍色的運用
從這幾大國內外知名的汽車門戶網站的配色當中可以看出,在色相選取上麵都是以藍色、白色、黑色、紅色為主。整個界麵以白色為主色,便於大量信息的展示和閱讀;用藍色來區分不同的板塊,藍色使得網站條理感較強,同時也是出於突出汽車科技感的考慮。