网站美工设计中的搭配方式
网站美工设计是会应用到很多图片和颜色的,如何将图片和背景色进行完美的搭配,则是网站美工设计师重点考虑的。下面是小编介绍的网站美工设计中几种搭配方式相关知识,希望这个简短精干的理论知识能够给大家带来更多的启示。
1、必须先了解配色比例
一般来说颜色用的越少越好,颜色越少画面越简洁,作品会显得更加成熟,颜色越少我们越容易控制画面。除非有特殊情况,比如一些节日类的海报等,要求画面有一种热闹,活力的氛围的,多些颜色可以画面显得很活跃,但是颜色越多越要严格按照配色比例来分配颜色,不然会使得画面非常混乱,难以控制。 日本的设计师提出过一个配色黄金比例,是70:25:5,其中的70%为大面积使用的主色,25%为辅助色,5%为点缀色。一般情况下建议画面色彩不超过3种,3种是指的3种色相,比如深红和暗红可以视为一种色相。
2、了解色彩的关系
色彩搭配就是不同色相之间相互呼应相互调和的过程,色彩之间的关系取决于在色相环上的位置,色相和色相之间距离的角度越近,则对比越弱,离得越远则对比越强烈。对于新人,我们只需记住红、橙、黄、绿、蓝、紫六种基础色相即可。背下这六种色相之后,那你的配色之旅已经起步了,因为所有的颜色都可以根据这六种基础色相来调配。这就是六字真言。下面我们来说下3种最常见的色彩配色方式。
①间隔色搭配
根据红橙黄绿蓝紫这六字顺序,红+黄 ,橙+绿 ,黄+蓝 ,绿+紫 , 蓝+红,因为这种搭配方式中间都隔了一个颜色,因此称为间隔色。间隔色相比较相邻色,2色之间在色轮上相隔远一些,因此视觉冲击力会强于相邻色,而且间隔色使用非常广泛,既没有180互补色冲击力那么具有刺激性,又比相邻色多了一些明快丶活泼丶对比鲜明的感觉。特别是红黄蓝三原色之间的'相互搭配,应用非常广泛,也非常流行。
②互补色搭配
在色轮中相隔180的2个颜色互为补色,是色彩搭配中,对比最为强烈的颜色,没有之一…根据红橙黄绿蓝紫这六字顺序,互补色就是中间间隔2个颜色,红+绿,橙+蓝,黄+紫…
互补色搭配可以表现出一种力量,气势与活力,有非常强烈的视觉冲击力,而且也是非常现代时尚的搭配。若控制的不好往往产生不协调,不含蓄,不安定的效果。
互补色搭配要注意三个方面:①一定要控制好画面的色彩比例,因为这个2个颜色放一起对抗非常激烈,所以一定要选出一个老大当主色调,另外一方作为点缀或者辅助色。②可以降低其中一方的明度/饱和度,这样可以产生一种明暗对比,缓冲其对抗性。③在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。
③相邻色搭配
在色轮中挨着比较近的就是邻近色,根据红橙黄绿蓝紫这六字顺序,相邻色搭配就是红+橙,橙+黄, 黄+绿,绿+蓝……以此类推。相邻色因为比较邻近,有很强的关联性,非常协调柔和,画面非常和谐统一,可以制造出一种柔和温馨的感觉,因为在色轮中位置较近所以这种搭配视觉冲击力较弱。 相近色搭配中还有一种单色系的搭配方式,采用同一色相,仅仅调整该色的明度/饱和度,得到另外一种颜色。
网站美工设计中几种搭配方式就是这些了,希望在网站美工设计中要运用好色彩搭配,红橙黄绿蓝紫是可以搭配出上千种颜色的,完美的搭配能让各种颜色都和谐相处。
-
多元素结婚请柬设计图
多元素成婚请柬规划图像来袭。一份精巧的成婚请柬,是你们婚礼成功的第一步,所以一点也不能大意,那么终究选如何的成婚请柬才好呢?下面就来看看小编为你带来的成婚请柬图像。多元素成婚请柬规划图像来袭。一份精巧的成婚请柬,是你们婚礼成功的第一步,所以一点也不能...
-
财务人员的薪酬如何设计解析
财务人员在企业里面的角色定位比较特殊,一方面他们是企业的防火墙,要坚持财务原则、财务守则,为企业做好财务风险防控,这是一个偏专业型的定位,接下来小编为你带来财务人员的薪酬如何设计解析,希望对你有帮助。另一方面他们又是其它部门的`服务员,要为其它部门做好费...
-
设计研发总监岗位职责
在其位谋其职,了解岗位职责才能更好地工作,本文介绍设计研发总监岗位职责,欢迎阅读了解。岗位职责:1、参与制定公司产品的发展方向,确定公司产品框架及开发实施计划;2、全面监控产品开发质量、进度和成本控制;3、针对公司具体项目实施,控制项目需求变更,支持项目实施的...
-
过程控制课程设计报告
一份好的课程设计报告,需要组员配合完成,下面是过程控制课程设计报告,为大家提供参考。一、课程设计目的:1.熟悉并熟练掌握组态王软件;2.通过组态王软件的使用,进一步掌握了解过程控制理论基础知识;3.了解典型工业生产过程(锅炉设备)的工艺流程和控制要求;4.加强对课堂...