論網(wǎng)站中黑白灰配色設(shè)計

許玲芝

【摘要】在所有色彩中，黑與白作為經(jīng)典的一對色彩組合，具備著強烈的象征意義和生命力。網(wǎng)頁設(shè)計中，黑白是最能與其他色彩搭配的顏色，設(shè)計師可以用黑白創(chuàng)造新的流行主題，這不僅是因為黑白是傳統(tǒng)的大眾色，而且還因為它們的易搭配性及自身特有性格的不可替代性。

【關(guān)鍵詞】經(jīng)典；易搭配性；不可替代性；永不過時

網(wǎng)頁設(shè)計是一種特殊的視覺設(shè)計，它對色彩的要求很高。即使瀏覽者無法清楚地記住自己訪問過的網(wǎng)站的外形特征，至少能夠容易地想起網(wǎng)站的色彩。也就是說，色彩作為最直接的視覺語言，可以讓瀏覽者很容易地聯(lián)想到與色彩及其他相關(guān)的視覺要素。

隨著網(wǎng)絡(luò)成為人類交往日趨重要的紐帶，互聯(lián)網(wǎng)中色彩鮮亮的網(wǎng)站日益增多，但關(guān)于黑、白、灰三種顏色配色的網(wǎng)站依舊以它們獨立的個性魅力受眾多網(wǎng)站設(shè)計者和瀏覽者所青睞。本文將從黑白色彩的審美概念談起，重點淺析黑、白、灰三種網(wǎng)頁配色的設(shè)計，通過論證和例證來詳細(xì)闡述黑、白、灰網(wǎng)站配色的優(yōu)越性和功能性。

一、網(wǎng)頁的色彩的表現(xiàn)

網(wǎng)站色彩在視覺傳達(dá)中，能夠給人以強烈的第一印象，處于“重中之重”的位置。網(wǎng)站色彩已經(jīng)成為網(wǎng)絡(luò)信息時代具有挑戰(zhàn)性和創(chuàng)造性的研究。網(wǎng)頁中的色彩，大都不是獨立存在的，總是由某種內(nèi)在聯(lián)系著各種色彩，組成一個完整統(tǒng)一的整體。

1、色彩搭配的重要性

色彩搭配是瀏覽者訪問網(wǎng)站時第一時間看到的設(shè)計要素。當(dāng)瀏覽者看到網(wǎng)站的一瞬間，網(wǎng)站的整體印象就被固定下來了。當(dāng)網(wǎng)站的主題與配色一致時，就能發(fā)揮最大的效用。因此，根據(jù)網(wǎng)站的整體風(fēng)格來選定網(wǎng)站的配色十分重要。

2、黑白色彩的審美概念

黑白的審美概念是一種人類的樸實直接的審美情感，是人類對自然的一種情感體悟，人類直覺理性的一種自然表露。在中國的水墨山水畫中，用墨為黑，留紙為白，以不同黑白層次的墨色為重要表現(xiàn)手段。以墨當(dāng)彩，黑白寫意，用簡單的黑，白，灰的用色卻透著無盡的韻意。水墨的黑白在人類的眼里不僅僅是兩種顏色之間的潤化渲染，更是一種能夠表達(dá)意象境界，豐富感受的視覺語言。

同理可見，黑白經(jīng)典配色在平面設(shè)計中也起到不可忽視的重要作用，本文將重點研究黑白配色設(shè)計在網(wǎng)站中的應(yīng)用。

二、網(wǎng)站中黑白灰配色設(shè)計的總結(jié)

1、黑白灰網(wǎng)站配色設(shè)計的適用范圍

（1）發(fā)展趨勢

黑與白同世界上其他一切事物一樣，既是矛盾又是統(tǒng)一的。世界是在這種矛盾、統(tǒng)一中不斷發(fā)展變化的，同時相應(yīng)的產(chǎn)生了各種美。在所有色彩中，黑與白作為經(jīng)典的一對色彩組合，具備著強烈的象征意義和生命力。隨著社會的不斷發(fā)展和信息時代不斷加快的步伐，人們對黑、白理念的認(rèn)知也不斷完善、充實。當(dāng)代平面設(shè)計領(lǐng)域，“黑白即永恒”這個理念得到設(shè)計師們前所未有的重視與應(yīng)用，黑白色這一重要元素被他們在不斷的運用，用來豐富自己的設(shè)計作品。

對于互聯(lián)網(wǎng)這個大千世界而言，神秘的黑色給人帶來無限的遐想，純潔的白色給人帶來親近的感覺，代表理性的黑與代表情感的白碰撞出火花，黑白就是一種整體，是一種節(jié)奏，更是一種內(nèi)在的本能。黑白是最能與其他色彩搭配的顏色，設(shè)計師可以用黑白創(chuàng)造新的流行主題，這不僅是因為黑白是傳統(tǒng)的大眾色，而且還因為它們的易搭配性及自身特有性格的無可替代性。

（2）適用范圍

①從地域上分析

綜合目前大多數(shù)網(wǎng)站的配色風(fēng)格，歐美風(fēng)格的頁面風(fēng)格簡潔緊湊，文字與圖片相對集中；善于應(yīng)用單獨色塊區(qū)域?qū)χ攸c內(nèi)容進(jìn)行劃分；這些網(wǎng)站頁面給人的第一印象就是簡潔、重點突出，頁面中文字和圖片都相對較少，文字和圖片的混排也相對較少，而文字內(nèi)容的描述和圖片展示都比較緊湊幾種，且關(guān)聯(lián)緊密，使瀏覽者可以明確精準(zhǔn)地找到自己想要搜索的信息。在色彩的應(yīng)用上，主色調(diào)一般都選用一些給人穩(wěn)重、成熟、深沉感受的顏色，如：灰色、深藍(lán)色、黑色等。

日本的網(wǎng)頁設(shè)計常以一種傳統(tǒng)東方的思維方式和感受力來表現(xiàn)作品的內(nèi)容。他們的設(shè)計師在色彩的運用上趨于傳統(tǒng)卻又十分大膽。由于文化的因素，日本的設(shè)計師常常喜歡運用黑色與白色進(jìn)行搭配，來表達(dá)思想，也喜歡再搭配上高亮度的色彩設(shè)計各種不同的頁面，既能表現(xiàn)出青春的活力也能實現(xiàn)沉穩(wěn)老練的效果。融合日本藝術(shù)特有的清愁、冷艷的濃郁色調(diào)，追求藝術(shù)中浮現(xiàn)的優(yōu)美和冷艷的感情世界，豐富了設(shè)計的視覺語言，開闊了對設(shè)計的思考。日本的網(wǎng)頁設(shè)計以符合現(xiàn)代人的視覺習(xí)慣和一種跨越東西方文化鴻溝的姿態(tài)，去探索新的網(wǎng)頁設(shè)計發(fā)展方向。

我們國家在網(wǎng)站建設(shè)，特別是色彩設(shè)計方面，多采用以喜慶、熱情、歡快等具有強烈意識的色彩，例如紅色、黃色等民族特色與文化特色鮮明、整體搭配的中式風(fēng)格。運用黑白灰配色的網(wǎng)頁并不多見，但是隨著信息產(chǎn)業(yè)的不斷發(fā)展，我們國家的大型電子數(shù)碼企業(yè)、集團(tuán)以及影視類的網(wǎng)站已經(jīng)較多的使用以黑、白、灰色為主色調(diào)搭配純色的配色風(fēng)格，例如聯(lián)想集團(tuán)的首頁在設(shè)計上將背景設(shè)為白色，文字和圖片的顏色均為冷色調(diào)為主，給人一種明快、清新的感覺。又例如可口可樂的公司的中國網(wǎng)站頁面以灰色為背景色，搭配產(chǎn)品標(biāo)志性鮮亮的紅色，給人一種雅致、簡潔的感覺。相信在不久的將來，人們接觸越來越多的國外網(wǎng)站，會有更多國內(nèi)的網(wǎng)站采用黑白色的經(jīng)典配色，取其精華，去其糟粕，不斷創(chuàng)新，不斷融合，并達(dá)到實用與審美的和諧統(tǒng)一。

②從類型網(wǎng)站上分析

通過瀏覽大量網(wǎng)站，發(fā)現(xiàn)目前使用黑白配色的網(wǎng)站，大多數(shù)為個人博客、電子商務(wù)品牌、虛擬游戲、汽車網(wǎng)站以及攝影等設(shè)計類網(wǎng)站，少部分為化妝品、房地產(chǎn)、服飾、音樂等領(lǐng)域的網(wǎng)站。由此可見在今后的網(wǎng)絡(luò)發(fā)展中，黑白灰依舊占有重要的地位，因為它們在配色中，能最大限度的改變對方的明度、亮度與色相，產(chǎn)生出多層次，多品種的優(yōu)美色彩，所以它們是設(shè)計者無法忽視的無彩色對比，潛力依舊無限之大。

2、網(wǎng)站配色需注意的問題

網(wǎng)頁設(shè)計中往往美的效果，設(shè)計者采用的色彩、字體等來美化畫面。但網(wǎng)頁的整潔性是不能被破壞的，網(wǎng)頁的整體布局和色彩風(fēng)格一定要讓瀏覽者一目了然，畢竟互聯(lián)網(wǎng)的最大特色就是互動。對于網(wǎng)站而言，不論是有彩色系的網(wǎng)頁還是無彩色系的網(wǎng)頁，在制作的時候，都一定要考慮帶寬傳輸時間的問題，不能只是為了讓網(wǎng)頁頁面漂亮一點，就讓瀏覽者在那里等待，網(wǎng)頁設(shè)計者應(yīng)當(dāng)在網(wǎng)頁的美觀性和照顧用戶拜訪傳輸之間做出一個恰到好處的選擇。

三、結(jié)論

隨著網(wǎng)絡(luò)成為人類交往日趨重要的紐帶，互聯(lián)網(wǎng)中色彩鮮亮的網(wǎng)站日益增多，但黑白簡約的設(shè)計風(fēng)格永遠(yuǎn)都不會被淘汰，因為它們能用最少量的色彩語言表達(dá)出最誠摯的感情；能最大限度地產(chǎn)生出多層次、多品種的優(yōu)美色彩；更能通過合理添加一些色彩可以得到突出彩色的效果。運用黑白配色的網(wǎng)頁設(shè)計可以使瀏覽者的審美意識得到足夠的發(fā)揮和滿足，為瀏覽者的審美思維提供廣闊的空間；同時可以充分調(diào)動瀏覽者的感受、意識和體驗，是網(wǎng)頁設(shè)計中永不過時的經(jīng)典色彩搭配。

【參考文獻(xiàn)】

[1] 顧群業(yè)， 宋玉遠(yuǎn)， 張光帥. 網(wǎng)頁配色密碼[M]. 北京： 清華大學(xué)出版社， 2006.

[2] 張新偉. 網(wǎng)頁經(jīng)典配色藝術(shù)[M]. 北京： 電子工業(yè)出版社， 2009.

[3] 肖忠文， 焦 翔. 網(wǎng)頁藝術(shù)設(shè)計[M]. 湖南： 湖南大學(xué)出版社， 2008.

[4] 鄧文達(dá)， 龔 勇. 美工神話：Dreamweaver+Photoshop+Flash網(wǎng)頁設(shè)計[M]. 北京： 人民郵電出版社， 2009.