电话
首页>关于曼朗>新闻资讯
上海网站制作建设子页面的配色常识
新闻来源:上海曼朗 发布时间:2016-10-21

 

上海网站制作建设子页面是从属于主页面的,往往是主页面的下一级,这就需要在配色时考虑到这些内容,使得用户不会因为翻页而产生“陌生”感。具体的子页面配色常识,通过下面这部分内容来进行详细分析。

1. 页面配色步骤

前面已经介绍了网页主页面的配色步骤,子页面的配色步骤可以参照它实现。不同于主页面需要实现的配色在于,子页面需要将配色与主页面的头部和尾部有一个相同的处理。一般在子页面中,我们可以看到相同的导航、Logo等头部内容,以及尾部相同的网站信息等。

2. 实现子页面配色

子页面的配色,可以参照主页面。网站的主页面。将其与子页面进行对比,子页面的中间部分与主页面有所区别。页面中顶部和底部,无论在子页面,还是在主页面,都有着相同的Logo、导航、网页信息。所以,页面的顶部和底部,在配色时一定要做到主页面与子页面相同。

观察子页面,导航中采用黑色、蓝色进行搭配,Logo选择了蓝色,文字使用黑色、灰色以及蓝色。

网页配色技巧

无论是网页的配色,还是其他部分的配色都是讲究技巧的。只有借助技巧,才能更好地发挥出配色带给页面的视觉体验。巧用不同效果的配色,可以提升页面的绚丽程度。以下主要介绍几种不同的配色方案和配色技巧。

网站制作建设在对网页进行配色的过程中,巧用对比色进行色彩的搭配,往往会有意想不到的效果。下面对对比色配色,进行具体介绍。

1. 什么是对比色配色

网站制作建设在配色过程中,使用有对比效果的颜色,如橙与青、黄与紫、红与绿等色彩,组成页面的色彩,属于对比色配色。例如,对比色的效果,分别是红与绿、黄与紫的对比。对比色可以是色环中相差不到180度的两种颜色,相互之间的角度如果越大,也就意味着对比度越大。

2. 配色实现

在重点内容部分采用主色调的对比色可以起到重点突出该内容的作用,有着“画龙点睛”的效果。下面网站制作建设通过网站对对比色的配色进行分析。

橙色的对比色—蓝色,实现在同一网站页面中的色彩搭配,同样可以达到很好的色彩效果。

分析橙色与蓝色的配色实现,在HSB值中正红的H为0,正橙的H为30,橙色是往零移动进行调配的,所以该橙色是H值为26的橙红色。再看点睛色蓝色,RGB的G值为160,HSB的H值为192,不属于正蓝色。这样的目的在于降低蓝色的特性,从而使得已经在明度与饱和度达到更高值的橙红色能够实现与蓝色的调配。

网站制作建设在对比色配色的过程中,需要有辅色调作为过渡色来调和对比色。这里采用了白色,作用在于调和橙红色与蓝色。对比色非常能够突出个性,为了在画面中能够将配色协调处理好,除了上述方法之外,在页面处理上也可通过面积位置的不同,来处理页面的整体效果。

相关阅读:色彩设计与专业网站建设风格


 

本文标签: 网站制作建设
12年品牌客户 线上整合营销经验

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

获取营销诊断方案
zx