飘仙建站论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 85|回复: 1

[杂谈] 网页设计配色使用的技巧

[复制链接] |关注本帖
发表于 2017-7-12 11:41:49 | 显示全部楼层 |阅读模式
  网页设计的时候,都会使用各种配色,让网页看起来有层次、视觉舒服、排版有秩。但有时候颜色搭配不合理,就会让页面看起来看起来杂乱、花哨,让人喜欢不起来。网页设计配色使用要慎重,主色、衬托色、背景色、强调色使用都是有技巧的。接下来金色方向石家庄网站设计分享配色使用的技巧。
  1、配色秩序
  每一种色彩都有其自身的特质,而这一特性的发挥,还需要依赖于色彩在整个配色时所处的位置、面积等,也即色彩与其他色彩所形成的秩序。
  2、主色
  主色是指在配色中处于支配地位的色彩。在配色前,主色是最先确定的颜色,例如,当我们想要设计一个珠宝展示的页面,这个页面所需要什么色彩时,我们决定采用紫色,而紫色就是主色。主色的确定看起来并不困难,因为一开始被确定下主色只是定出一个宏观方向,并没有细化成具体的色调。主色的选择也非常自由,因为并没有完全正确的“公式”,每种颜色都有它的特性和优劣,没有最好的颜色或最差的颜色。
  最终确定对主**调的选择则需要感性的参与,你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。
  一般情况下,主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。
  3、衬托色
  衬托色是主色以外,为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小,只要达到衬托的目的即可。
  一组配色中一定会有一个主色,而衬托色并非必不可少。是否采用衬托色,取决于你的配色计划。通常单一的色彩会比较单调,而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。
  4、背景色
  背景色经常表现为无彩色(黑、白、灰)或者低饱和度的色彩。背景色主要是作为背景而存在,它最好不要以非常强烈的姿态出现。背景色并非具有某种功能,它是一个页面的基础底色。
  页面的背景色为蓝绿色到蓝紫色的渐变色,因此配图时就应该考虑与背景色的搭配协调。
  黑色作为背景色时,浅米色作为主色,主色和背景色之间的相得益彰,这时的背景色也可看作衬托色。
  5、强调色
  强调色是在主色以外起强调作用的色彩,可以说它是非常重要的视觉焦点。它本身具有一种独立性,因此在配色上要与形成与主色的强烈对比。它可以是主色的对比色、互补色等,使其能跳脱于主色的色彩。
  强调色所用的面积比较小,只要在焦点领域运用上强调色,其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。
  网页设计使用配色是为了让页面视觉效果更佳,不要过度的使用,合适就好。

发表于 2017-7-12 18:31:38 | 显示全部楼层
高手,值得学习,多多益善

评分

参与人数 1金币 +3 收起 理由
抢楼评分专号 + 3 很幸运,你获得了抢楼奖励!

查看全部评分

回复 支持(3) 反对(2)

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /3 下一条

飘仙建站论坛创建于2010/10/01,您看到的内容均为会员发表,并不代表飘仙建站论坛立场,转载时请注明作者和出处!

拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!

咨询/投诉建议 联系:QQ 858001217 邮箱:admin@piaoxian.net

QQ|小黑屋|手机版|西部数码代理|飘仙建站论坛 ( 豫ICP备08106178号-2 )   

GMT+8, 2017-7-20 22:22 , Processed in 0.655719 second(s), 37 queries , Gzip On.

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表