电话
首页>关于曼朗>新闻资讯
层峦叠嶂—企业网站建设多栏目页面的色彩布局
新闻来源:上海曼朗 发布时间:2016-10-12

 

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

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

1. 导航的色彩布局

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

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

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

产品类别的色彩布局

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

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

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

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

⑷ 产品划分线:虚线,颜色值为#C2C2C2。

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

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

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

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


 

12年品牌客户 线上整合营销经验

曼朗助您实现营销效果更大化

获取营销诊断方案
zx