网页美工设计色彩搭配

时间:2020-09-10 18:28:03 美工设计 我要投稿

网页美工设计色彩搭配

  网页设计涉及到的技术至关重要,它实质上更多的是一门艺术。下面是YJBYS小编整理的网页美工设计色彩搭配,希望对你有帮助!

  1、确定主体色

  在网页设计之初,首先要考虑的就是这个网站要确定的颜色,一般,会根据网站的类别和确定的网页,进行大致颜色取向,在页面上,除白色为背景外,大量使用的颜色,就是这个网页的主体颜色。比如农业类网站,一般都会选择绿色,艺术类的网站,大都会选择色彩张扬的颜色或黑色,工商类网站很多选择使用红色。因此,不同的颜色带给人不同的感觉,同时给浏览者感受到设计者的情绪,每种色彩当饱和度或透明度上,发生略微改变就会让人的心境,产生不同的'变化。

  红色:可以让人思想活跃,让人振奋,充满活力和热情。

  绿色:介于冷色与暖色之间,让人感觉和谐、宁静、健康、环保。

  金黄、常与白色搭配,让人感觉舒适、优雅。

  橙色:容易营造轻松、温馨、时尚的氛围。

  蓝色:体现专业主题,让人感觉清爽、清新,淡蓝色结合白色还可营造浪漫、温馨的氛围。

  白色:通配色,让人产生明净、清新的感觉。;

  黑色:容易让人产生压抑、悲伤感,同时使人感觉神秘、深沉。

  灰色:营造高雅、温和的氛围,也同时也会让心情受到压抑,产生颓废感。

  2、选择相近色

  在网页配色时,尽量控制在三种色彩以内,选择了主体色之后,再配以相近的配色,如黄色配以淡黄色,深粉配以淡粉色,这样容易让网页色彩和谐统一。

  网页头部:可以采用主体色的反色,一般采用深色,放在方便浏览者,第一时间能看到的位置。

  正文:网页的正文部分要求对比度要高一些,比如白底配深灰色字,黑底配淡灰色字。

  导航栏:选择深色的背景色和背景图像,再配以反差强的文字颜色,让导航清晰、准确引导浏览者,在网站中的方位。

  侧栏:可以选择左侧或右侧,大都二级页面选择左侧栏,也不有少的三级页面选择右侧栏,也起到引导读者网站信息浏览的作用,让其正文部分的颜色有所区分。

  尾部:可以考虑与侧栏使用同色,或与头部相呼应的颜色,避免网页整体看起来头重脚轻才好。

  3、使用跳跃色

  在网页中,用来引导视线的颜色,可以使用一些跳跃色,比如一些细线,按钮等,可以让网页增加灵活性,减少审美疲劳。

  4、使用黑白色

  无论网站的主体色调是什么,都会使用到黑白两种颜色,适当用白色调整网页的空白区域,让页面布局更加科学合理。黑色与白色表现的是两个极端的亮度,黑白搭配可以表现出强烈的艺术感,只要搭配得当,所体现的效果往往会比彩色的页面,更能生动展示个性,常用于现代派的站点当中。因为白色具有很强的亲和力,最能体现出如雪般的纯洁和柔软;而黑色透露出的神秘感,任何一种颜色都无法比拟,还可用黑色展示出高贵的气质


【网页美工设计色彩搭配】相关文章:

网页美工设计色彩搭配原则09-26

网页美工设计色彩搭配特点09-25

网页美工设计色彩搭配技巧09-23

网页美工设计的色彩搭配09-13

网页美工设计色彩搭配原理09-08

网页美工设计色彩怎么搭配09-07

网页美工设计中色彩搭配技巧09-30

网页美工设计色彩搭配的目的09-14

网页美工设计色彩搭配的方法09-12