13919049954

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

作者: 日期:2017/8/25 15:11:36 人气:39

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

  打开谷歌关于页面,界面可以发现,整个网页页面分左右两块,左边是可选项目框,右边是信息排布栏。可选项目框以红、绿和蓝三色打边,以对比色相区别,避免了用同类色而产生网页单调或呆板的情况。在信息排布栏,四个栏头分别以红、黄、蓝和绿作背景色,色彩分明,起到了显示醒目的作用。设计简洁大方,色彩对比鲜明,整个页面也明度统一,达到了和谐、悦目的视觉效果,具有很好的整体性。同时具有鲜明的特色,突显出了不同网站各自独特的色彩语言,增加了公众对网站的辨识度和亲切感,让浏览者对这个界面有了很深的视觉印象,使人们一看颜色基调和页面布局,就已经大致知道这是什么企业什么网站,在很大程度上提高了网站的经济效益。

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

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

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


            金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广,如果您有这方面的需求或者不同的观点,欢迎联系交流。

    官方微信

    本文网址:http://lz.net.cn/zixunzhongxin/214.html
    读完这篇文章后,您心情如何?
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    更多>>网友评论
    发表评论