网页程序设计中如何配色

时间:2024-10-29 00:30:32 CSS 我要投稿
  • 相关推荐

网页程序设计中如何配色

  对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。那么就由小编带来网页程序设计颜色搭配的教程吧。

  一个网页最好不要超过三种颜色,但是这么说是不准确的,这里所谓的三种颜色指的是三种不同色相的颜色,色相也就是颜色的长相,是辨别颜色名称的属性,如黄色、橙色、蓝色等。

  下面来说说色彩搭配吧,其实分两个步骤,第一步选色,第二步是分配颜色。

  选色:

  这是最基本的一步,当我们开始设计网页的时候就应该要规划好选取哪些颜色,颜色的选取不是无中生有的,而是根据网站的产品定位、风格、以及需要传达出的理念等为基础进行选取,而不是无中生有随着自己的喜好来选取。

  1、 公司色

  在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。

  2、 风格色

  许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。

  3、 习惯色

  这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。

  分配颜色:

  这是第二步,当你选好颜色之后就该考虑怎么把他们分配到网页的每个角落,分配颜色也是很讲究的。有句话说的好叫红配绿赛狗屁,其实这句话还是不准确的,如果在红绿两色之间加其他颜色(白色或者黑色)进行调和是可以搭配的很好看的,大家可以脑补一下圣诞节各大电商的banner。

  回到正题,之前已经选好颜色,这个时候就考虑分配颜色,知道色彩基础的都知道色彩分为主色、辅助色、点缀色这三个叫法(还可以分得更细,这里就不细说了)。主色是能够传达出网站整体风格的颜色,面积最大,所以你之前在选色阶段选取的几个颜色中选一个作为主色,然后用在网页中需求最多的地方,如banner的颜色,导航的背景色、文字标题的颜色等等,辅助色是比主色百分比略少的颜色,点缀色一般是饱和度较高的颜色,一般用在网页中的强调内容或者突出的内容,如按钮、链接等,三种颜色在整个网页的比重大概是60%、30%、10%。

【网页程序设计中如何配色】相关文章:

网页设计配色技巧03-07

插花艺术如何配色03-26

网页程序设计就业方向03-16

配色中的小技巧03-20

网页程序设计职业目标规划03-06

ASP网页程序设计中10个非常有用的实例代码03-16

网页程序设计之实用JavaScript代码段03-06

环境设计中色彩的配色应用09-11

网页程序设计之分享几个css小众代码03-16