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色彩基础等，合理应用最合适的配色方案，并基于由整体到局部再到整体的思路进行设计与调整，设计出合适的企业网页。