网页设计中的色彩搭配与案例分析

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

  在网页设计中,如何灵敏的运用颜色使得界面看起来谐和吸引人呢?首先要留意颜色的搭配,从制造的义务入手,全体而片面的思索颜色的合理搭配,使网页界面到达最佳效果,颜色到达平衡。其主要注重颜色的明暗和深浅变化,在纯度和明度方面选择良好的搭配,也要在色块的面积之间要留意平衡。拿如今全世界范围内互联网上最大且最盛行的搜索引擎谷歌做例子,谷歌是最具生机的信息发布站和互联网企业,翻开其首页搜索引擎界面可以发现后可以看到谷歌的首页页面以白色铺底,下面放置了GOOGLE公司特有的LOGO。页面中间有以灰色打边的搜索框,并早左边放置了扩展链接,以蓝色显示默许的链接;搜索按钮以银灰色显示于下方,下面空两个行距居中排布衔接,皆以默许蓝色显示其他的可选超链接和网页的一些版权信息,整个界面不只繁复小气,给人清爽之感,同时也很好的表现了谷歌的网站特点,具有剧烈的科技感,运用的颜色也十分适中,适易于大少数人的审美习气,有利于群众的视觉接受,是十分典型的设计成功的搜索引擎界面。

  翻开谷歌关于页面,界面可以发现,整个网页页面分左右两块,左边是可选项目框,左边是信息排布栏。可选项目框以红、绿和蓝三色打边,以对比色相区别,防止了用同类色而发生网页单调或呆板的状况。在信息排布栏,四个栏头区分以红、黄、蓝和绿作背风景,颜色清楚,起到了显示醒目的作用。设计繁复小气,颜色对比鲜明,整个页面也明度一致,到达了谐和、顺眼的视觉效果,具有很好的全体性。同时具有鲜明的特征,突显出了不同网站各自共同的颜色言语,添加了群众对网站的辨识度和亲切感,让阅读者对这个界面有了很深的视觉印象,使人们一看颜色基谐和页面规划,就曾经大致知道这是什么企业什么网站,在很大水平上提高了网站的经济效益。

  网页颜色设计方法多种多样,需求考量各方各面的东西。它不是复杂的颜色排布,而是以人的尺度去设计,以满足人的不同需求为义务,同其他的产品颜色设计一样,最终是以人的满意为目的的。作为新媒体中的信息载体的一种,网页颜色设计经过发扬数字化制造的优势,并结合传统的颜色设计的实际方法,可以制造出任何想要的美丽页面。

  以SONY这一制造业巨头为例,索尼的产品一向以质量功用卓著和外观精巧时兴著称,其网站也不例外。首页上放置大型FLASH特效替代传统页面。这是如今网站制造的盛行做法,FLASH曾经具有替代CSS独立制造网页的特质。该FLASH分为两层,下层所展现的是动画效果,以淡蓝色突变青色为底色,下层是主要的产品展现,并以天蓝色为底色。图片具有半透明化肌理,显得晶莹剔透,十分具有美感。剖析其中的颜色设计,整个FLASH界面以蓝色为基调,代表着理性和科技,整个图案运用了色相突变的手法,随同着纯度突变的手法,并配以高贵的银灰色,使得整个设计看起来谐和而可以表现索尼的网站特点。FLASH特效的下层运用了绿、黄和橙等颜色,代表着SONY深化生活不同方面。同时运用了明度提高和纯度降低的手法,以此和大面积蓝色相谐和。产品展现中以一款突兀的绿色相机为重点,给人不测的觉得。在FLASH特效的上下,以中性的浅黑色与灰色陈列扩展链接按钮和版权信息,配合主调蓝色。整个网页界面明度一致,引人入胜,具有十分好的全体性。

  再以微软公司为例,微软公司可以称作是软件业的巨头,计算机行业的专家,它的网页也一定也是十分出彩的。而微软美国,也确实是很好网页设计作品,翻开网页,可以发现这是由微软美国的页面直接修正文字和交流广告FLASH制造而成的展现界面,框体的位置排布和微软美国完全一样。原来的黑蓝色的主FLASH被交流成一个白色的FLASH,和蓝色背景反差剧烈,极具视觉冲击力,给人留下了很深入的印象。

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

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

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