色彩构成与网页实训：门户类网页设计的色彩|易导网

随着计算机的高速发展，网络以其独特的传播方式受到人们的普遍欢迎。网页作为现代信息交流的重要平台，网页的色彩，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并能产生很好的视觉效果和营造网站整体氛围的作用。

网页的色彩可以根据网站的类型分类设定其色彩基调，不同类别的网站其各自的目的和侧重点不同，对用户的情感诉求心理也会不同。下面主要从网站的类型层面上简单探讨色彩在网页上的应用。

图8-95　门户类：新浪网页设计

（一）门户类

门户类网页的设计主要是帮助用户在众多的信息中第一时间准确进行需求选择，所以页面色彩越简洁、干扰性越少，效果越好，清爽淡雅的色调适合这类网页的用色，显色性最高的白色是首选。如新浪、网易、雅虎等为了减少快速浏览时的信息干扰，都采用清爽简洁的白色做底色（图8-95、图8-96）。

（二）社区类

社区类网站是指在某个区域或领域范围内，为社区内的人相互有个分享、交流的平台所建立的网站。该网站的网页设计要做到方便操作，由于大家要长时间在社区网上互相交换信息，所以网页设计应考虑使用上的舒适度，页面色彩也倾向清爽、简洁、统一。但社区网的目标用户群明确，个性鲜明，特色突出，所以在配色方面要结合核心用户群的特点、兴趣进行设定。例如，游戏社区网核心用户是游戏爱好者，此用户群的年龄较为年轻，喜欢尝试新鲜事物，页面色彩多采用清新淡雅的蓝或绿色系色调渲染青春、活力、朝气的氛围，页面顶端上的横幅及分类图标运用强对比色及卡通符号性图标，以突出社区用户群的兴趣爱好特色（图8-97、图8-98）。

图8-96　门户类：网易网页设计

（三）企业、产品类

企业、产品类网站的网页设计，为了营造企业形象，提高消费者对品牌的印象，展示产品的特性，促进浏览者消费欲望。页面色彩的主色调可应用与企业logo的主色相近或相配的颜色来设计，辅助色可根据具体产品的定位做多样化设计（图8-99、图8-100）。

图8-97　社区类：中国学生网网页设计

图8-98　社区类：9377游戏社区网页设计(www.xing528.com)

图8-99　国外葡萄酒企业网站设计（一）

图8-100　国外葡萄酒企业网站设计（二）

（四）个人类

个人类网页是为了满足用户展示自己的个性、抒发个人情感和记录自身经历，页面色彩设计更具个人特色，更多样化和个性化。如个人空间和博客等，这类网站的色彩应用没有固定的模式，除遵循美学原则外可依照个人喜好灵活设计网页色彩（图8-101～图8-104）。

图8-101　国外个人博客设计（一）

图8-102　国外个人博客设计（二）

图8-103　国外个人博客设计（三）

图8-104　国外个人博客设计（四）

推荐阅读书目

《艺术设计的色彩构成》，［日］ 朝仓直巳编著，赵郇安译，中国计划出版社出版，出版时间为2003年8月。