网页设计配色方法

网站建设知识 phpacg 2年前 (2018-04-24) 106次浏览 0个评论

当我们了解了颜色的基本实际和各种颜色的心思学特征之后,就要思索如何在网页设计中合理的停止配色了,从互联网上成功的网页配色案例我们可以留意到,成功的网页配色遵照一定的规律,只要坚持迷信理性的方法,才可以取得好的页面效果。

(一)详细的市场调研与剖析

经过调研,明白网站的主题、效劳的对象以及颜色所表达的目的。“目的用户是指接受并了解网站树立方经过网络媒介传递的信息的集体。网站是为了目的用户(受众)而存在的,否则就没有树立的意义。没有以目的用户作为参照所设计出的网站,只能是失败的作品。”

4为产品做广告之前我们需求市场调研,这个已被大家所熟知,但提起网页设计的市场调研,真正执行的并不多。实践上,网页设计异样需求详尽的市场调研与剖析,来停止准确的市场定位,明白目的受众的年龄层次、团体喜好等等。所以当我们想决议一个网站配色的时分,我们就要弄清楚网站的主题和网站的主要的阅读对象,这样才干在配色上,配合网站的主题同时迎合阅读者的胃口。当然,思索颜色所表达的目的也是极为必要的,上文曾经提到过,每一种颜色都有其特定的心思学特征,假设你不遵照这一规律,肯定会影响页面的效果。譬如一个糕点类的商品的宣传页面,假设运用了蓝色为主颜色的配色,就会压制阅读者的食欲,同时也无法凸显出商品的特征。

(二)确定网页页面的主颜色

做完了市场调研与剖析,明白网站的主题、效劳的对象以及颜色所表达的目的之后,就可以为网页的页面来确定一个主颜色。主颜色的选择是依据网站的主题和效劳的对象来选定的,比如电子产品类的网站,我们可以选择黑色作为主颜色,凸显科技感与现代感;比如女性化装品的网站,我们可以选择粉白色作为主颜色,添加页面对女性阅读者的吸引力和亲和力。关于某些企业网站来说,运用公司视觉识别系统中的规范色作为网站的主颜色也是常用的做法,这样做可以更契合公司的笼统战略,同时也可以提升公司的全体笼统。

(三)辅佐颜色的选择与搭配

当网页的主颜色确定上去之后,就应当依据主颜色来选择一到两种辅佐颜色,但颜色不宜过多,否则页面很容易变得杂乱不堪。假设页面的全体颜色同属于一种色相,那么辅佐颜色的颜色只需求在主颜色的明度和纯度上停止调整,或许搭配中性色,这样有助于坚持页面的全体作风的一致。当辅佐色确定和睦主颜色为同一色相时,我们可以选择对比色或许补色来当做网页的辅佐颜色,这样可以带来较为剧烈的视觉效果,同时也可以凸显页面中某些需求强调的区域。

(四)文字与背景颜色的选择与搭配

当网页的主颜色和辅佐颜色决议了之后,就可以思索文字与背景颜色的选择与搭配了。网页中的文字,除了装饰性的文字可以不用思索易读性之外,其他出现的文字都要把文字的易读性放在首要的位置,在满足了这个前提之下,再思索运用愈加婚配或协调的颜色。文字在网页中的易读性,除了和文字自身的字体和颜色有关外,文字背景的颜色也起到了至关重要的作用,普通来说,文字会采用与背风景相对比的颜色,来保证文字的可读性,而背风景也会尽量采用能烘托出文字的配色。文字的配色上要尽量防止过于艳丽的颜色,以免带来过于剧烈的视觉抚慰,降低了页面的层次。而在背风景的选择上,我们还要留意尽量防止出现过于花哨的纹样,以免影响到文字的阅读。

(五)超链接的样式与颜色

前文曾经提到,默许的超链接样式显然无法满足阅读者的审美需求,在成熟的页面设计中,超链接的样式和颜色都是经过精心设计的搭配过的。普通来说,超链接的样式和颜色应该和网页中其他的文字有着清楚的区分,这样才可以明白的提示阅读者,此处是可以点击的“超链接”。超链接在网页中有四个形状可供设计师停止设计,区分是 a:link(超链接创立未点击)、a:hover(鼠标经过超链接)、a:active(鼠标点击超链接时)、a:visited(超链接点击后),大少数状况下,a:hover 和 a:active 通常采用相反的样式和配色。而 a:link 和 a:visited的样式或颜色会停止清楚的区分,这样有助于协助阅读者掌握哪些链接曾经点击检查过了。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址