欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

建站知识

网页设计配色精彩十例

标签: 作者:融科网络 | 点击:
06

Nov
2019

导语
以下我将分别介绍十个配色较好的网站,大家可以学习和借鉴一下,培养对颜色的敏感以及独到的审美能力。 1)这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景,但
 

以下我将分别介绍十个配色较好的网站,大家可以学习和借鉴一下,培养对颜色的敏感以及独到的审美能力。  







 



 



  1)这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB为(48,48,48/#333333)(以下色彩都用RGB表示),新闻标题用色为RGB为(203,201,153/#CCCC99),菜单使用的RGB为(112,119,112/#707770)。这样的配色可以显示独特的个性,又不失大型网站的风采。如图1图1   







 



 



 



  2)下面是一个娱乐类的综合性网站UGO,他的配色方法是背景色为黑色RGB为(0,0,0)中嵌套RGB(0,0,82),字体白色RGB(255,255,255),菜单为RGB(77,114,159)。这样的虽以黑蓝为主色调,但是配以漂亮的图片,给人的感觉是生机盎然,充满了互动颜色和青春气息。如图2。图2   







 



 



 



  3)下面的这个网站是大名鼎鼎的微软企业网站,微软不仅软件做的好,连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软企业的风格、作风,以及雄厚的实力。背景色彩使用蓝色RGB为(0,151,254),菜单为黑色RGB(0,0,11),菜单为灰色RGB(200,200,200),字体为黑色RGB(0,0,0),如图3。图3   4)现在介绍的网站相对简单,但是她的用色也别具匠心,现在我们来看一看,整体上使用的是白色RGB(255,255,255),辅助色为RGB(79,88,95),菜单色为RGB(48,64,64)和RGB(0,81,111)字体使用的是RGB(83,86,91)。虽然简单,但色彩搭配特别的科学合理。如图4图4   







 



 



  5)下面的网站采用黄色调为主,很体现企业的个性,现在我们就来看一看她的色彩搭配。主色调为黄色RGB为(255,199,48/#FFC730),辅助色调为RGB(49,102,46)字体为棕色RGB(153,103,0),中间再配以抽象的图片,显得个性十足但又不单调。如图5图5   







 



 



 



  6)橘红色如果运用得当的话是一种特别使用于网页上的色彩。下面的这个网站就是一个特别著名的例子。他的主色调为RGB(255,151,0)辅助色调为RGB(255,103,4),菜单RGB为(252,200,0)。字体使用黑色RGB为(0,0,0)。此种配色显得主人较为前卫,颜色热烈,给人的震慑力较强。如图6图6   7)鲜红色也是一种震撼感很强的色彩,如果搭配不当,也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的色彩搭配。他使用的主色调是RGB(200,9,0),配以抽象的图形,文字使用的是RGB(213,229,167)显得美观而不失独特,大气而不逼人。如图7图7   







 



 



  8)下面介绍的这种色调是我们制作网页的时候不会经常用到的色彩,如果使用到你的网页中,肯定会给人耳目一新的感觉。他的主色调为RGB(144,151,97)辅助色调为RGB(173,168,112)边饰为黑色RGB(0,0,0)字体为黑色RGB(0,0,0)。这样的搭配显得风格独特,色彩和谐而庄重。如图8图8   







 



 



  9)下面的设计更加的简单化,但是色彩的使用使网页并不呆板,反而让人感觉到一股浓浓的生活和家庭气氛,使人置身于美丽和爱中。他的主体是由两种色彩构成,分别是RGB(239,200,161)和RGB(201,254,200)。如此简单,但是却栩栩如生,跃然网上。如图9图9   10)下面举出这个例子是想证明一个道理——只要你有足够的想象力,你就能够设计出漂亮的网页。目前在网上特别流行一句话就是网页的搭配不要超过四种主要色彩,否则就有杂乱之感。下面的这个网站远远的超过了三种色彩,但是她并不失美丽。因此重要的还是颜色的驾驭能力。下面这个例子的菜单就使用了7种色彩,但是我们看到的网页并不杂乱,相反感觉作者很有创意。如图10图10   网页设计的色彩搭配需要在实践中不断的摸索和不断的创新,认真学习别人的先进办法和经验,可以快速的提高我们的制作水平。可以说。网页色彩搭配得当,成功也就走了一半。如果大家有什么好的办法,别忘了和别人交流,让我们共同进步!

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/website/15480.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:网页设计师的风格是怎样形成的?

下一篇:配色方法--构图必学

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制