PS配色在企業(yè)網(wǎng)頁設(shè)計實踐的應(yīng)用

康佳琪

（神華北電勝利能源有限公司，內(nèi)蒙古 錫林浩特 026000）

色彩是傳遞圖像信息的重要元素，好的配色不但能帶給人直觀的美的感受，還能令人感受色彩中蘊含的情感及藝術(shù)內(nèi)涵，充分發(fā)揮色彩的情感傳遞及藝術(shù)表達(dá)作用。因此在進(jìn)行企業(yè)網(wǎng)頁設(shè)計時，通常需要對配色進(jìn)行深度設(shè)計，不但要實現(xiàn)整體配色及局部配色的和諧，還要確保配色與網(wǎng)頁排版等匹配，從而帶給人一種和諧的美感，同時有效體現(xiàn)企業(yè)文化品位與內(nèi)涵。

一、PS的網(wǎng)頁設(shè)計概述

（一）PS的網(wǎng)頁設(shè)計主要內(nèi)容

Photoshop（簡稱PS）作為一款出色的圖像處理軟件，其在網(wǎng)頁設(shè)計制作中有著難以取代的地位。這是因為PS包含大量圖像處理功能，十分適合網(wǎng)頁的設(shè)計與制作，得到了廣泛應(yīng)用。在使用ps對網(wǎng)頁進(jìn)行設(shè)計時，應(yīng)當(dāng)遵循滿足用戶需求，主題鮮明，版式合理，整體和諧，導(dǎo)向清晰，非圖形與圖形內(nèi)容相結(jié)合的基本原則?？偟膩砜?，版面設(shè)計與配色設(shè)計是PS的網(wǎng)頁設(shè)計中最重要的兩部分，二者的互相結(jié)合，能夠讓網(wǎng)頁煥發(fā)出整體的和諧美與深度文化內(nèi)涵。

（二）PS的基礎(chǔ)色彩內(nèi)容

PS作為一款功能豐富的圖形處理軟件，其不管是在圖形圖像處理還是在色彩處理上都有著巨大優(yōu)勢，功能完善，故而其在以版面設(shè)計與配色設(shè)計為主的企業(yè)網(wǎng)頁設(shè)計中得到了廣泛應(yīng)用。就企業(yè)網(wǎng)頁設(shè)計的配色設(shè)計來看，PS包含的色彩模式基本上能夠滿足所有設(shè)計需求，讓設(shè)計者可以得心應(yīng)手地使用色彩表達(dá)出需要的效果。PS包含的色彩模式類型極多，常見的有位圖模式、灰度模式、RGB模式、Lab模式等，設(shè)計人員需要充分掌握這些色彩模式的特點及應(yīng)用技巧，才能根據(jù)實際需求使用PS完成企業(yè)網(wǎng)頁配色設(shè)計。其中，RGB模式是企業(yè)網(wǎng)頁配色設(shè)計中最常用的模式，該模式是以紅、綠、藍(lán)三種顏色按照不同比例混合為基礎(chǔ)，也就是根據(jù)三原色疊加形成其他顏色，基本上能夠滿足企業(yè)網(wǎng)頁設(shè)計的所有色彩需求。RGB模式下的三原色各有256級亮度，因此該模式理論上能夠形成256的三次方種色彩，也就是16777216種色彩，這也是RGB模式被稱為1600萬色模式的原因。另外色相環(huán)也是企業(yè)網(wǎng)頁配色設(shè)計中常用的PS工具，如12色相環(huán)，24是色相環(huán)等。企業(yè)網(wǎng)頁設(shè)計者最常使用的是12色相環(huán)，該色相環(huán)由原色、二次色、三次色組合而成。色相環(huán)能夠幫助設(shè)計者準(zhǔn)確直觀地了解色彩間隔，從而得到相應(yīng)色像差，并能夠使用相近顏色對整個網(wǎng)頁進(jìn)行整體視覺設(shè)計，確保網(wǎng)頁看起來足夠和諧美觀。

二、企業(yè)網(wǎng)頁配色設(shè)計要求

（一）色彩與網(wǎng)頁版面相匹配

在對企業(yè)網(wǎng)頁進(jìn)行配色設(shè)計時，首先應(yīng)當(dāng)考慮網(wǎng)頁版面，盡量實現(xiàn)色彩與板面的高度統(tǒng)一，從而帶給人一種整體和諧的觀感。根據(jù)網(wǎng)頁版面風(fēng)格的不同，設(shè)計者也要選擇對應(yīng)色彩。如果網(wǎng)頁排版較為分散，包含多個模塊，那么設(shè)計者在進(jìn)行配色設(shè)計時也應(yīng)當(dāng)根據(jù)不同模塊，進(jìn)行不同的配色設(shè)計，實現(xiàn)不同模塊間配色的互相對比。如果企業(yè)網(wǎng)頁排版風(fēng)格較為簡單統(tǒng)一，帶給人一種穩(wěn)重嚴(yán)肅的觀感，那么設(shè)計者也應(yīng)當(dāng)對應(yīng)使用簡單色彩作為網(wǎng)頁背景色，實現(xiàn)排版與色彩的統(tǒng)一。

（二）色彩整體及局部和諧

和諧是配色的基本要求。在對企業(yè)網(wǎng)頁配色進(jìn)行設(shè)計時，不但要確保整體色彩的高度和諧，還要實現(xiàn)局部色彩的統(tǒng)一和諧。故而設(shè)計者在設(shè)計網(wǎng)頁配色時應(yīng)當(dāng)采取從整體到局部再到整體的配色策略，也就是先根據(jù)企業(yè)網(wǎng)站內(nèi)容、風(fēng)格、排版等考慮整體色彩搭配，從整體上實現(xiàn)色彩的和諧與悅目。在此基礎(chǔ)之上，設(shè)計者還應(yīng)當(dāng)深入探索網(wǎng)頁不同模塊，不同位置的配色情況，根據(jù)局部實際情況適當(dāng)調(diào)整配色，實現(xiàn)局部配色的獨立和諧。最后設(shè)計者還應(yīng)當(dāng)從局部再次回到整體，從整體上對經(jīng)過調(diào)整的局部配色進(jìn)行審視，研究局部色彩微調(diào)是否導(dǎo)致網(wǎng)頁整體觀感產(chǎn)生不和諧，再一次進(jìn)行整體性調(diào)整，最終實現(xiàn)整體與局部色彩的高度和諧。換言之，網(wǎng)頁配色設(shè)計是一個不斷優(yōu)化和改善的過程，需要設(shè)計者根據(jù)設(shè)計進(jìn)程不斷加以調(diào)整。

（三）色彩內(nèi)涵運用

色彩本身就具有極強的象征意義與情感內(nèi)涵，因此設(shè)計者在進(jìn)行企業(yè)網(wǎng)頁配色設(shè)計時，不但要從直觀的視覺觀感上對色彩進(jìn)行設(shè)計與調(diào)整，還需要深度考慮色彩運用所帶來的象征意義與內(nèi)涵表達(dá)。例如紅色通常代表熱情、活潑與溫暖；綠色代表新鮮、青春與理想；藍(lán)色代表深遠(yuǎn)、高貴和輕率；白色代表純潔、神圣與樸素，設(shè)計者應(yīng)當(dāng)充分掌握這些色彩自身內(nèi)涵，并在設(shè)計中根據(jù)實際情況進(jìn)行合理選擇與應(yīng)用。

三、基于PS的配色在企業(yè)網(wǎng)頁設(shè)計實踐的應(yīng)用

（一）白背景及其色彩搭配

白背景配色是當(dāng)前企業(yè)網(wǎng)站配色設(shè)計中最常見的配色方案，這是由多方面原因所導(dǎo)致的。企業(yè)網(wǎng)站通常包含多個模塊，信息內(nèi)容量較大，白色背景的使用能夠幫助使用者更加方便地找到信息，并且在長時間瀏覽后不會出現(xiàn)嚴(yán)重視覺疲勞問題。以神華北電勝利能源有限公司網(wǎng)頁為例，該網(wǎng)頁包含網(wǎng)站首頁、工程招標(biāo)、貨物招標(biāo)、服務(wù)招標(biāo)及馬上加入供應(yīng)商等多個模塊，每個模塊下還包含有多部分內(nèi)容。該網(wǎng)頁使用白色背景不會對網(wǎng)頁信息造成干擾，同時還能表現(xiàn)出簡單大氣的美感，傳達(dá)企業(yè)文化內(nèi)涵。當(dāng)企業(yè)網(wǎng)頁使用白背景時，其色彩設(shè)計主要應(yīng)當(dāng)考慮邊框、導(dǎo)航等的配色問題，盡量使用同色系色彩，避免邊框等顏色過于鮮艷而影響信息閱讀。神華北電勝利能源有限公司網(wǎng)頁正是以淺白色作為導(dǎo)航、邊框等的配色，使得整個網(wǎng)頁看起來極為和諧，不會干擾網(wǎng)頁文字內(nèi)容的表現(xiàn)。同時該網(wǎng)頁使用藍(lán)色作為高亮狀態(tài)以及子模塊配色，對整個網(wǎng)頁進(jìn)行了有效分隔，符合該網(wǎng)頁排版情況。

（二）暗色調(diào)背景及其色彩搭配

與白色背景相比，暗色調(diào)背景在企業(yè)網(wǎng)頁中的應(yīng)用通常用于突出表現(xiàn)內(nèi)容，同時展現(xiàn)文化藝術(shù)內(nèi)涵，和白色背景強調(diào)不干擾信息表達(dá)、傳達(dá)簡單端莊氣質(zhì)的作用截然相反，是近年來被廣泛應(yīng)用的突出個性化的網(wǎng)頁配色設(shè)計方案。在暗色調(diào)背景的襯托下，網(wǎng)頁其它部分通常會采取較為鮮艷的配色設(shè)計，用“暗”來凸顯“亮”，給人一種華貴的感覺，傳遞設(shè)計者的個性化設(shè)計意圖。暗色調(diào)背景在新生行業(yè)企業(yè)網(wǎng)頁中應(yīng)用較廣，更能凸顯個性化的企業(yè)文化，展現(xiàn)企業(yè)蓬勃朝氣。

（三）主輔色搭配設(shè)計

主輔色搭配設(shè)計的主要意圖在于突出主色部分，既可以一種主色搭配一種輔色，也可以一種主色搭配多種輔色。實際上白背景配色與暗色背景配色均是主輔色的特殊應(yīng)用形式，除了這兩種之外還包括使用各種顏色作為背景色的主輔色搭配。不管應(yīng)用何種顏色進(jìn)行主輔色搭配，通常需要將背景色同色系顏色作為裝飾，并使用對比色進(jìn)行點綴。在企業(yè)網(wǎng)站網(wǎng)頁中較常用的主輔色搭配包括藍(lán)主綠輔、綠主黃輔等。

（四）大色塊搭配設(shè)計

大色塊搭配設(shè)計是指將兩種對比較為鮮明的顏色應(yīng)用于企業(yè)網(wǎng)頁中，二者占頁面的色彩比重較為接近，從而形成對比或呼應(yīng)關(guān)系。大色塊搭配通常會選擇較為鮮明的色彩，兩種色彩的無過渡轉(zhuǎn)變能夠帶給人巨大沖擊力，產(chǎn)生爆發(fā)性的視覺效果，從而給人留下鮮明印象。因此大色塊搭配同樣主要應(yīng)用于新生企業(yè)，傳統(tǒng)企業(yè)很少會采用這種配色方案，以免給人不夠莊重的感覺。不過服飾企業(yè)網(wǎng)頁對大色塊搭配設(shè)計應(yīng)用較多，這是因為現(xiàn)代服飾更加強調(diào)個性，對鮮明色彩的應(yīng)用也更普遍，通過大色塊搭配設(shè)計不但能凸顯企業(yè)特點，也有利于服飾產(chǎn)品展示。大色塊搭配設(shè)計難度較大，很容易因為因為搭配失誤而令網(wǎng)頁產(chǎn)生不和諧之感。

（五）PS色彩基礎(chǔ)下的網(wǎng)頁配色方案

PS本身包含大量色彩內(nèi)容，因此設(shè)計者在使用PS對企業(yè)網(wǎng)站進(jìn)行配色設(shè)計時，不但要從網(wǎng)頁色彩搭配設(shè)計本身進(jìn)行考慮，還要充分根據(jù)PS色彩基礎(chǔ)內(nèi)容、形式、工具等展開合理設(shè)計?；赑S色彩基礎(chǔ)的網(wǎng)頁配色方案通常包括單色搭配、類比色搭配、補色搭配、分離補色搭配、原色搭配、二次色搭配、全色相搭配等，不同配色方案的特點及應(yīng)用情境都有所不同，需要設(shè)計者根據(jù)實際設(shè)計需求加以合理選擇。

結(jié)束語：

綜上可知，PS是當(dāng)前用于企業(yè)網(wǎng)頁配色設(shè)計的重要圖形處理軟件，其豐富的色彩相關(guān)功能可以完全滿足網(wǎng)頁設(shè)計需求。在應(yīng)用PS對企業(yè)網(wǎng)頁進(jìn)行配色設(shè)計時，一定要綜合考慮企業(yè)文化、網(wǎng)頁排版、網(wǎng)頁內(nèi)容、網(wǎng)頁風(fēng)格、色彩內(nèi)涵及PS色彩基礎(chǔ)等，合理應(yīng)用最合適的配色方案，并基于由整體到局部再到整體的思路進(jìn)行設(shè)計與調(diào)整，設(shè)計出合適的企業(yè)網(wǎng)頁。