PS配色在企業網頁設計實踐的應用

康佳琪

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

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

一、PS的網頁設計概述

（一）PS的網頁設計主要內容

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

（二）PS的基礎色彩內容

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

二、企業網頁配色設計要求

（一）色彩與網頁版面相匹配

在對企業網頁進行配色設計時，首先應當考慮網頁版面，盡量實現色彩與板面的高度統一，從而帶給人一種整體和諧的觀感。根據網頁版面風格的不同，設計者也要選擇對應色彩。如果網頁排版較為分散，包含多個模塊，那么設計者在進行配色設計時也應當根據不同模塊，進行不同的配色設計，實現不同模塊間配色的互相對比。如果企業網頁排版風格較為簡單統一，帶給人一種穩重嚴肅的觀感，那么設計者也應當對應使用簡單色彩作為網頁背景色，實現排版與色彩的統一。

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

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

（三）色彩內涵運用

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

三、基于PS的配色在企業網頁設計實踐的應用

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

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

（二）暗色調背景及其色彩搭配

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

（三）主輔色搭配設計

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

（四）大色塊搭配設計

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

（五）PS色彩基礎下的網頁配色方案

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

結束語：

綜上可知，PS是當前用于企業網頁配色設計的重要圖形處理軟件，其豐富的色彩相關功能可以完全滿足網頁設計需求。在應用PS對企業網頁進行配色設計時，一定要綜合考慮企業文化、網頁排版、網頁內容、網頁風格、色彩內涵及PS色彩基礎等，合理應用最合適的配色方案，并基于由整體到局部再到整體的思路進行設計與調整，設計出合適的企業網頁。