广州网站建造集团官网 老直营威尼斯网址开户
老品牌威尼斯网址开户 吾们 效劳 网站建造 移动应用 案例 报道 联系
咨询热线:13711534025

期待聆听您的声音

13711534025

不忽悠,不作恶,不欺诈;敬天理,存良知,思利他。
QQ咨询 QQ咨询 QQ咨询
广州总部 深圳 佛山 广西

与吾们一起分享美好

网页策划中色彩学知识

发布时间:2011-10-19 发布作者:老直营威尼斯网址开户 查阅次数:1508次 标签:色彩 彩色

    信息时代的到来,网络开始变得多姿多彩,再是提升了人们对网站美学的品味。色彩做为的第一视觉语言在尽数策划中都占据要紧地位,网页制作必须深入理解和运用色彩,把握进行色彩决定和匹配的原则和方法。

一、 色彩的一些基本概念
    起首了解一下色彩的一些基本概念。自然界中有好多好多种色彩,譬喻玫瑰是Red的,大海是Blue的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。吾们称这三种色彩为“三原色”。
    现实生活中的色彩可以分为彩色和非彩色。此道黑白灰属于非彩色系列。其它的色彩都属于彩色。尽数一种彩色具备三个特征:色相,明度和纯度。此道非彩色只有明度属性。色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩相似处于另一种色彩的最主要的圆素。譬喻说紫色,Green,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很匆子 侄么钆洌┯鳎盥蹋德蹋萋蹋谅獭C鞫龋步辛炼龋傅氖巧实拿靼党潭龋鞫仍酱螅试搅痢
图1中的(1)就是明度由高到低改动的例子。
 

图1 (1)明度改动(2)纯度改动
    纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。如图1中的(2)是纯度从低到高的改动。
    相近色:色环中相邻的三种颜色。如图2中的黄Green,黄色和桔黄色。相近色的搭配给人的视觉成果很舒适,很自然。以是相近色在网站策划中极为常用。
    
图2 相近色    图3 互补色
    互补色,色环中相对的两种色彩。如图3中的亮Green跟紫色,其余如Red跟Green,Blue和橙色等。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。就拿Blue跟橙色来打个譬如吧,看图6,调整了Blue的亮度以下其搭配成果是不是更好呢?补色在网站策划中用得也极为普遍。
 
图4 补色亮度调节
暖色,如图5中的****,橙色,Red,紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的成果。暖色一般应用于购物类网站,电子牛逼商用网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,和气等等成果。
    冷色,如图6中的Green,Blue,蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的成果。冷色一般应用于一些高高技术,游戏类网站,主要表达严肃,稳重等成果。
    
图5 暖色              图6 冷色
    色彩均衡,网站让人看上去舒适,协调,除了文字,****等始末的合理排版,色彩的均衡也是相当要紧的一个部分。譬喻一个网站非能够单一的运用一种颜色,以是色彩的均衡小case是策划者必需要揣摩的小case。色彩的均衡,包括色彩的地位,每种色彩所占的比例,面积等等。譬喻鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
    二、 色彩的联想
    色彩在人们的生活中都是有丰富的感情和含义的。譬喻Red让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,轻佻;Blue象征高高技术,稳重,理智;橙色代表了欢快,甜美,收获;Green代表了充满青春的活力,舒适,瞩望等等。易于 这般不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
    三、 黑白灰的运用
    黑白灰是万能色,可以跟任意一种色彩搭配。当您为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当您觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的成果哦。
    对一些明度较高的网站,配以黑色,可以适那个地方降低其明度。
    白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色容量,作为网站的一个组成部分。这就是留白艺术。很多策划性网站较多运用留白艺术。留白,给人一个遐想的容量,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的感化。
    四、 细目网站的性状色
    一个网站非能够单一的运用一种颜色,让人感觉单调,乏味;但是也非能够将一切的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种性状色,不甚至让衣食父母迷失方向,也不到于单调,乏味。以是细目网站的性状色也是策划者必须揣摩的小case之一。
    一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当性状色细目好以下,揣摩其它配色时,一定要揣摩其它配色与性状色的关系,要体现什么样的成果。其余哪种圆素占主要地位,是明度,纯度灰子 巧唷
    五、 页面各要素
    上面进修了颜色的一些基本概念及颜色的一些搭配小case,具体运用到网页中,各要素的色彩又是如何搭配的呢?
    1.背下与文字
    如果一个网站用了背下颜色,必需要揣摩到背下颜色的用色,与上景文字的搭配等小case。一般的网站侧重的是文字,以是背下可以决定纯度或者明度较低的色彩,文字用较为突出的亮色。让人一览无遗 。
    易于 这般,有些网站为了让浏览者对网站留有深刻的印象,他在背下上作文章。譬喻一个空白页的某一个部分用了很亮的一个大色块,是不是让您豁然开朗呢!此时他为了care到浏览者的视线,突出的是背下,以是文字就要显得暗一些,这样文字才能跟背下分离开来,便于浏览者阅读文字。
    2.品牌刺绣和BANNER
    品牌刺绣和BANNER是宣传网站最要紧的部分之一,以是这两个部分一定要在页面上突迎而出。怎样做到这一点呢?吾们将品牌刺绣和BANNER做的鲜亮一些,也就是色彩关键跟网页的性状色分离开来。有时候为了更突出,也可以使用与性状色相悖的颜色。
    3.导航,小标题
    导航,小标题是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构,网站的始末,都必须通过导航或者页面中的一些小标题。以是吾们可以使用稍微具有跳跃性的色彩,care到浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
    4.链接颜色设置
    一个网站非能够只是单一的一页,以是文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接相似处于文字,所夜愦接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,非能够糜费太多的时间在寻找您网站的链接上。设置了奇特的链接颜色,让人感觉他的奇特性,自然则然好奇心必然趋使他移动鼠标,点击鼠标。


提升高性能网站原则

网站配色底子知识

吾们的地位

广州 广州市天河区岗顶百脑汇高技术大厦B塔27楼 020-6235 2949

深圳 深圳市南山区汉京万国大厦18A 159 8916 9178

广西 茂名市茂南区油城三路广西创业创新孵化基地B110 159 8916 9178

吾们的效劳

网站及移动应用 牛逼直营网站 APP开发 小程序开发 WeChat运营

系统应用开发 OA/ERP/CRM/HR系统开发 教学管理系统 电商系统 应用型软件系统定制开发

了解吾们

集团官网简介 联系吾们 吾们的案例 讯息报道

使用条款 隐私声明 Cookies

© 2009-2020 老直营威尼斯网址开户 版权一切 广ICP备16051058号

XML 地图 | Sitemap 地图