现在网站需要发布的信息量越来越多，这样无形中增加了页面内容放置的压力。为了让内容能够进行有层次的编排，网站中多采用分栏目的形式，并将内容分门别类地归入相应的栏目中。这时，页面中就会有很多栏目。本节将介绍多栏目页面的色彩布局。

企业网站建设公司以淘宝网首页为例，有想从网站中购买东西的用户，也有在网站中开设网店的卖家，网站的栏目划分比较多。分析该网站的色彩布局，主要有如下几点。

1. 导航的色彩布局

下面通过导航的色彩布局，来了解多栏目页面中的色彩布局。以淘宝网为例，下面分析导航的色彩应用。

导航1：观察颜色使用，分别有黄色导航文字、橙色导航文字填充、白色导航文字、白色导航条背景。

导航2：观察颜色使用，分别有黄色边框、奶黄色背景、分栏线、黑色文字、黄色按钮、绿色与白色搭配的提醒按钮。

产品类别的色彩布局

以产品类别色彩布局为例，下面企业网站建设公司对其选择的颜色进行具体分析。

⑴ 橙色交互操作边框：颜色值为#FF4400。

⑵ 灰色边框：颜色值为#D8D8D8。

⑶ 产品类别划分线：实线，颜色值为#D8D8D8。

⑷ 产品划分线：虚线，颜色值为#C2C2C2。

⑸ 文字颜色：橙色、黑色、蓝色，颜色值分别为#FF5500、#444444、#076FA2。

⑹ 产品链接标签：应用于产品图片下方的文字，颜色值为#FF4400。

总结上述颜色的应用，⑴ ~⑹ 的具体颜色及其颜色值。

企业网站建设公司以前也分析过网页设计中形状与颜色的变化，其有着“层峦叠嶂”的效果，是合理的。由此，在帮助提升多栏目页面色彩布局技巧的同时，也可以发现多栏目页面的色彩布局，不同栏目采用不同颜色搭配的手法。