网页美工设计色彩搭配
网页设计涉及到的技术至关重要,它实质上更多的是一门艺术。下面是YJBYS小编整理的网页美工设计色彩搭配,希望对你有帮助!
1、确定主体色
在网页设计之初,首先要考虑的就是这个网站要确定的颜色,一般,会根据网站的类别和确定的网页,进行大致颜色取向,在页面上,除白色为背景外,大量使用的颜色,就是这个网页的主体颜色。比如农业类网站,一般都会选择绿色,艺术类的网站,大都会选择色彩张扬的颜色或黑色,工商类网站很多选择使用红色。因此,不同的颜色带给人不同的感觉,同时给浏览者感受到设计者的情绪,每种色彩当饱和度或透明度上,发生略微改变就会让人的心境,产生不同的变化。
红色:可以让人思想活跃,让人振奋,充满活力和热情。
绿色:介于冷色与暖色之间,让人感觉和谐、宁静、健康、环保。
金黄、常与白色搭配,让人感觉舒适、优雅。
橙色:容易营造轻松、温馨、时尚的氛围。
蓝色:体现专业主题,让人感觉清爽、清新,淡蓝色结合白色还可营造浪漫、温馨的氛围。
白色:通配色,让人产生明净、清新的感觉。;
黑色:容易让人产生压抑、悲伤感,同时使人感觉神秘、深沉。
灰色:营造高雅、温和的氛围,也同时也会让心情受到压抑,产生颓废感。
2、选择相近色
在网页配色时,尽量控制在三种色彩以内,选择了主体色之后,再配以相近的配色,如黄色配以淡黄色,深粉配以淡粉色,这样容易让网页色彩和谐统一。
网页头部:可以采用主体色的反色,一般采用深色,放在方便浏览者,第一时间能看到的位置。
正文:网页的正文部分要求对比度要高一些,比如白底配深灰色字,黑底配淡灰色字。
导航栏:选择深色的背景色和背景图像,再配以反差强的文字颜色,让导航清晰、准确引导浏览者,在网站中的方位。
侧栏:可以选择左侧或右侧,大都二级页面选择左侧栏,也不有少的三级页面选择右侧栏,也起到引导读者网站信息浏览的作用,让其正文部分的颜色有所区分。
尾部:可以考虑与侧栏使用同色,或与头部相呼应的颜色,避免网页整体看起来头重脚轻才好。
3、使用跳跃色
在网页中,用来引导视线的颜色,可以使用一些跳跃色,比如一些细线,按钮等,可以让网页增加灵活性,减少审美疲劳。
4、使用黑白色
无论网站的主体色调是什么,都会使用到黑白两种颜色,适当用白色调整网页的空白区域,让页面布局更加科学合理。黑色与白色表现的`是两个极端的亮度,黑白搭配可以表现出强烈的艺术感,只要搭配得当,所体现的效果往往会比彩色的页面,更能生动展示个性,常用于现代派的站点当中。因为白色具有很强的亲和力,最能体现出如雪般的纯洁和柔软;而黑色透露出的神秘感,任何一种颜色都无法比拟,还可用黑色展示出高贵的气质
-
淘宝和网页美工介绍
美工一般是指对平面,色彩,基调,创意等进行堆砌的技术人才,分为平面美工、网页美工和三维美工。一般需要精通Photoshop等设计软件。下面是YJBYS小编整理的淘宝和网页美工介绍,希望对你有帮助!网页美工网页美工,即网页美术工程师。很多人都听过这个职业,但是,你知道网页...
-
dreamweaver怎么添加超链接的方法
在文字中添加超链接是我们在网页制作中经常要用到,那么Dreamweaver中怎样给文字添加超链接呢?下面YJBYS小编就给大家详细介绍一下吧!1、需要添加超链接的文字,选择插入菜单中的超级链接选项。2、超级链接对话框中,点击链接后的文件夹图标。3、择想要链接的网页文...
-
美工设计之布局技巧
导语:网站美工设计时是要考虑布局的,没有布局的话整个画面比例会失衡,看起来也不美观,也就失去了网站美工设计该有的意义了。网站美工设计布局中要注意相关的技巧,那么让小编来给大家详细介绍些网站美工设计之布局技巧知识。1、留白。在文本周围留出空白以便更容易...
-
美工如何做好钻展图
如今钻展推广已然成为淘宝站内推广的一个巨大的模块。一个成功的推广计划,可以为店铺引来大量的流量,尤其是在“活动期间”,钻展能为店铺活动效果提供一个非常大的阻力,也可以让更多消费者认识到店铺。但是,现实中顾问经常会思考到:美工设计的钻展图为什么没有创意?...