力动网络
Lidon外贸商城系统

网站建设中的网页色彩设计,如何选择网站配色?

发布时间:2022-10-11  点击次数:288

网站建设色彩设计在网页设计中占有非常重要的地位,它是调节阅览者视觉心理、引起人们注意的主要手段。由于网页设计是通过计算机来实现的,因此就要考虑到计算机色彩系统的功能。计算机色彩系统中提供的三原色为红、绿、蓝,通过这三原色的混合,创造出了千变万化的富有情越、而又能引起视觉兴奋的色彩来,以达到网页能够吸引注意力、传达信息、赢得客户的目的。
1.216网页安全颜色
网站建设中,即使是一模一样的颜色也会由于使用的显示设备、操作系统、显示卡及浏览器的不同而有不尽相同的显示效果。最早使用Internet的国家花费了很长的时间探索了如何解决网页中的颜色会受到各种不同环境的影内的问题,并在不久前找到了解决方法——发现了216网页安全颜色。216网页安全颜色是指在不同的硬件环境、不同的操作系统、不同浏览器中都能正常显示的颜色集合 (调色板),也就是说这些颜色在任何终端的显示设备上的显示效果都是相同的,所以使用216网页安全颜色进行网页色彩的设计可以避免原有的颜色失真问题。
网贝安全颜色是指当红色、绿色和蓝色的数字值为0,51,102,153,204,255时构成的颜色组合,一共有6×6×6 = 216种颜色,其中210种彩色,6种非彩色。可以到韩国的I.R.I web Color Sense Palette Series的网站上下载其提供的236网页安全额色的调色板。
2.配色印象空间网页设计师策划一个网站需要经过反复的思考,而在决定网页配色方案时同样需要经过再三的思量,必须根据一定的判断标猴对策划正确的配色方案进行判断才能做出科学性、理论性较强的网贝配色方案。
目前科学的判断依据是配色印象空间,这主要是依赖于色彩的色相和色调来进行判断的。
配色印象空间中的色相和色调体系是结合颜色的三种属性 (色相、亮度和对比度)并根据人类心理的角度对颜色进行分类的科学的体系,它在很大程度上方便了网页设计师对颜色的朋即使用。研究人员通过阳方法对颜色进行打分,并给出一定的形容词,最终得到了配色印象空间,结果表明,在配色印象空间中给人静态柔和感觉的通常都是隐约柔和颜色之间的搭配,给人动态柔和感觉的通常都是鲜亮颜色问的搭配,给人动态生硬感觉的通常都是鲜亮颜色和浑浊暗淡色之间的搭配,给人静态生硬感觉的通常都是灰冷颜色之间的搭配。如代表柔和的、明亮的、温和的配色空间有 (#FFFFCC,#CCFFFF,#FFCCCC)、 (#FFCCCC,#FFFF99,#CCCCFF)、 (#FF9966,#FF6666,#FFCCCC)、 (#FFCCCC,#FFFFFF,#99CC99)、(#99CCCC,#FFCC99,#FFCCCC)、  (#CCFFFF,#CCCCCC,#CCFF99)、  (#FFCC99,#CCFF99,#CCCCCC)、(#CCCFFF,#FFFFCC,#CCFFFF)、(#FFCC99,#FFFFCC,#99CCCC)等十种。
3.网页色彩搭配的技巧下面的一些方法是众多的网页设计人员在实践过程中的体会,希望能够对网页设计人员进行网页的可视化设计起到一定的参考作用。
(1)基于色相进行配色。该方法能够获得稳定的变化效果,补色与相反色相配色能够获得强烈而鲜明的效果。而类似色相配色则能获得冷静而稳重的感觉。
(2)基于色调进行配色。该方法着重在于色调的变化,主要通过对同一色相或类似色相设置不同的色调得到不同的颜色效果。通过使用多种不同的亮色调,可以制造出具有鲜明对比感的效果。而使用多种不同的暗色调,可以制造出冷静温和的效果。
(3)进行渐变配色。这是以颜色的排列为主的配色方案,如雨后的彩虹,按照一定规律逐渐变化的颜色,会给人一种富有较强韵律的感觉,渐变分为色相渐变和色调渐变。
(4)进行强弱对比配色。该方法是通过在颜色与颜色之间插入一个分离色来得到强弱分明的配色效果,通常分离色使用白色或黑色等非彩色,常用于需要分辨开但颜色差异本身不太明显的配色环境中,还可以通过插入到两个对比过于强烈的颜色之间来达到缓冲效果。
(5)重点突出配色。该方法是只使用一个颜色强调突出效果的配色方案,一般使用与整体颜色截然不同的特殊颜色来实现。
(6)利用形容词确定适当的配色方案。一股问页设计师会利用一定的形容词来确定网页的风格,并通过这些表达对颜色的感受的形容词在配色印象空间中确定相应的颜色。

作者:力动自助建站 装载请注明出处:https://www.shengbios.com


本文地址:https://www.shengbios.com/news/new_content/375,转载请注明。

版权所有:shengbios © Copyright 2007-2022 All Rights Reserved
管理员email:shengbios#163.com