您当前的位置:首页 > 网页设计 > ps技术 ps技术

网页配色教程之网页色彩

发布时间:06-01  来源:  作者:  点击:

    网页色彩

    1)色彩的心里感觉
    红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
  • 在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
  • 在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。
  • 在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
    黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。
  • 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。
  • 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖
  • 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
  • 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。
    蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。
    橙色是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
  • 如果在橙色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
  • 在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。
    绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
  • 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
  • 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。
  • 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。
    紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
  • 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
  • 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
  • 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
    白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
  • 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
  • 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
  • 在白色中混入少量的蓝,给人感觉清冷、洁净。
  • 在白色中混入少量的橙,有一种干燥的气氛。
  • 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。
  • 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。
    黑色具有深沉,神秘,寂静,悲哀,压抑的感受。
  灰色具有中庸,平凡,温和,谦让,中立和高雅的感觉。
    2)网页色彩搭配的原理
    色彩的鲜明性:网页的色彩要鲜艳,容易引人注目。
    色彩的独特性:要有与众不同的色彩,使得大家对你的印象强烈。
    色彩的合适性:就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
  色彩的联想性:不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
    3)网页色彩搭配的技巧
   
用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。
  用两种色彩:先选定一种色彩,然后选择它的对比色。
  用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
  用黑色和一种彩色:比如大红的字体配黑色的边框感觉很"跳"。
image004.gif
    一般情况下网站色调选择要注意以下几点:
  • 忌讳使用强烈对比的颜色搭配做主色;
  • 配色简洁,主色要尽量控制在三种以内;
  • 背景和内容的对比要明显,少用花纹复杂的背景图片,以便突出显示文字内容。
    如果你对颜色的搭配没有经验,可以使用Dreamweaver的配色方案来学习简单的配色,开启Dreamweaver,执行“命令→设定配色方案”进入配色选择窗口,这里提供了多种背景、文本和链接的颜色,可以根据你的需要来选择搭配。当然,你也可以使用一些专门的网页配色软件如“ColorImpact”、“三生有幸”等来辅助你搭配好网站的色彩。
更多