快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

伟德官伟德官网手机版_酒文化网进入



文章症结字:网页配色

黄色是阳光的色彩,具有活泼与轻快的特征,给人十分年轻的感到。象征灼烁、盼望、崇高、开心。浅黄色表示荏弱,灰黄色表示病态。它的亮度最高,和其他颜色共同很活泼,有温暧感,具有快乐、盼望、智慧和轻快的个性,有盼望与功名等象征意义。黄色也代表着地皮、象征着权力,并且还具有神秘的宗教色彩。

黄色的脾气冷酷、狷介、敏感、具有扩大和不安宁的视觉印象。

浅黄色系晴明、开心、盼望、成长,它的高雅,清爽属性,较得当用于女性及化妆品类网站。

中黄色有高贵,尊贵,辉煌、重视、扩大的生理感想熏染。

深黄色给人崇高、暖和、内敛、持重的生理感想熏染。

下面我们根据黄色系不合属性左近色、同类色的高纯度低纯度色彩搭配做不合的举例阐发。

→ 黄色系网页例图:www.bernhardwolff.com

黄色系阐发:

黄色是所有彩色中明度伟德官伟德官网手机版最高的颜色。上图看到HSB模式的H数值是60度,恰是正黄色,但RGB数值中加入了B蓝色数值为51,是以低落了HSB的饱和度S为80%,然则大年伟德官伟德官网手机版夜面积的  黄色仍使得该页面色彩豁亮显眼。

帮助色是纯玄色,非色彩明度最低的颜色。

大年夜面积显眼的正黄色有玄色的线条压制,黄色立时显得沉稳,页面增加内容感。

白色虽然是点睛色,但因为非色彩的白色与黄色的明度最高,是以这里彷佛没有起到"点睛"的感化。

结论:

当鲜度、明度高的背景致与前景帮助色暗度低的玄色在明度形成较强烈的比较时,艳度低落,较能和谐视觉。

全部页面配色纯真,却也不简单,形成另一种设计风格。

→ 黄色同类色网页例图:www.paralotna.pl

黄色同类色阐发

该页面的配色很纯真,是同类色的黄色不合明度颜色,页面看起来干净、纯真。

点睛色白色淡黄色在深色黄色背景下对照显眼,且在最中心位置,是全部页面中的高调部分。

这三种黄色,明度都很高,只有背景帮助色明度稍低,点睛黄色H色相是三种颜色中黄色倾向最高的为57度,而60度是正黄色,是以明度也是最高的,充分的发挥其点睛色的感化。

背景致和前景致只在色相上明度上有异常奥妙的变更,却也很奇妙,形成了变更较显着的空间层次感,削弱了同类色易孕育发生的单调感。点睛色白色让层次感更显着。

结论:

同类色的属性使得全部页面异常折衷,可以根据不合的主题来设计配色。

可以经由过程明度、饱和度的不合变更来加强页面配色的层次感。

→ 中黄色利用网页例图: www.totshop.com

中黄色系阐发:

背景中黄色上点缀多种艳度较高的颜色,都是属于跳跃的颜色,衬着全部网站的热闹情况气氛,相符该网站的设计主题。

从HSB数值上看,该中黄色的明度和饱和度呈最高值,属于豁亮刺目刺眼的颜色。帮助色是黄绿色和血色,黄绿色在中黄背景下呈冷色调,轻快薄弱的亮色;血色的HSB数值H色相上看是正血色,明度稍低,这里属于厚重沉稳的颜色,在中黄色背景下出现暖色调;背景中黄色在黄绿色和血色两者中这时呈中心色,是很好的整体页面视觉过渡色。

加之商品图片多种亮艳的光彩混杂在同一页面上,点睛色白色在这里起到了调和多种颜色的感化,削减、透气于全部页面的多种配色噪音。

结论:

当背景致起到中心色的感化时,页面少量冷暖色彩搭配较随意马虎调和。

平日商品网站志在衬着热闹气氛,对照得当活泼跳跃、色彩绚丽的配色规划,但色彩的调和难度较大年夜。

→ 黄绿色调网页例图: www.jpggrupo.com.ar

黄绿色调阐发:

主色调为黄绿色,纯真而看,黄绿色是平日的暖色的肇端色、色彩中亮度最高的黄色与冷色的肇端色、绿色相结合而得,是以该颜色看起来异常明快清新。

处于帮助色的非色彩玄色,中心的点缀色是主色调黄绿色,很随意马虎让人一时以为该颜色便是点睛色。实际主色调黄绿色的明度异常高,饱和度这时也很高,在明度最低的玄色衬映下就非常显眼。

背景致应用略有些渐变的效果,恰是黄绿和黑(灰)颜色的柔和过渡,页面调和。

点睛色在这里混色较多,RGB、HSB数值差距都不大年夜,是以颜色偏灰色阶,仔细阐发是黄绿色与少许玄色混杂而得,起到了调和背景致与帮助色明度差异过大年夜的感化。

结论:

点睛色可所以少许刺目刺眼的颜色,也可所以少许和谐于视觉的混杂灰色,无论是刺目刺眼的颜色照样谦逊沉稳的灰色,都是弗成缺少的角色,有着弗成替代的感化。

全部页面配色较纯真,只有三种色,非色彩来说分手起到黑(帮助黑)白(主色黄绿)灰(点睛混杂色)的感化,以是页面配色较有层次感,并不显得单调。

→ 黄色左近色网页例图:www.leerbanen.nl

黄色左近色配色(黄色 血色)阐发:

拔取的上图三组色里HSB数值的B明度虽然都有些变更,但S饱和度分毫没有受到影响,仍都呈最高伟德官伟德官网手机版值100%,是以页面配色非常刺目刺眼。好在其间有少量不合明度饱和度的血色系色块做压制,页面显得沉稳许多,页面色彩层次也富厚了许多,块面交织设计富有节奏韵律美,却也有雀跃的感到。

页面照片人物也颠伟德官伟德官网手机版最后双色调解置惩罚,与页面色彩风格同等。

全部页面属于明暗反差较大年夜的色调,以是页面响亮明快,极赋视觉冲击力、感染力。

结论:

刺目刺眼的颜色有深色块压制,也是很好的调和措施。

该页面里的不幼年色块混杂了暗灰色,是以页面饱和度刺激程度获得少许低落并调和。

同类色系、类似色系不合纯度明度的深浅变更搭配,增加今世美感。

→ 黄色低纯度配色利用网页例图:www.luckystarcafe.com

低纯度黄色配色(黄色 蓝色)阐发:

该页面是属于纯度较低的多组配色页面,配色难度彷佛较大年夜,然则按主色调、帮助色、点睛色来细细阐发就会发明随意马虎多了。

主色调的中黄色,从RGB数值B明度48来看,前进了明度,RGB数值的变更HSB也响应变更,该色调纯度低落,黄色的刺目刺眼特点响应缓和。

该页面帮助色对照多,这里选了主要的三种浅黄、浅蓝、棕血色,明度纯度不合的变更来阐发。浅黄色的RGB三个数值靠近,是以出现偏灰的柔和状态。正蓝色的RGB数值R为0,G为255,B为255,该蓝色RGB数值上看,混杂了R血色11,G的绿色数值较低,B蓝色的数值较高,是以饱和度低落,颜色呈浅色调。棕血色的RGB的三数值上看,R的数值最高为124,加入了比较色G绿色67,是以颜色变暗发乌,调入了适量B蓝色24,是以该颜色饱和度亮度低落,也是该页面沉稳的主要色调,管制艳度较高的几种颜色。

点睛色的HSB数值H色相为356度,险些呈正血色,只是调入了少许B蓝色18,是以颜色在明度上稍偏暗。另一点睛白色的感化除了提亮全部页面,同时也凸起标志图像。

标志是血色,下面的绿色是血色的比较色,目的是凸起标志的感化,同时也是黄色与蓝色的中心视觉过渡色。

结论:

多种帮助色份量相称冷暖搭配时,有饱和度稍低的主色调紧紧把握住,全部页面随意马虎调和。

因为页面颜色较富厚,点睛色在这里起到拉开各个色彩层次的感化,明确主次角色。

本部分小节:

● 黄色是色彩系里明度最高的刺目刺眼颜色,尤其是HSB数值H色相为60度正黄色时,它的特点越显着。因为黄色的特点,在页面配色的时刻可适当添加明度较深的颜色,色阶层拉开,并起到和谐刺目刺眼的艳度感化。黄色饱和度、明度的伟德官伟德官网手机版不合变更传达不合的意义和感化。

● 无论是高纯度低纯度照样多色彩的页面配色,白色起到症结的感化。

● 点睛色不必然便是异常显眼的颜色,也有起到调和整体页面配色的感化。

● 中心色平日被大年夜面积的应用为主色调、帮助色,是调和帮助色(有可能是同时几种)与点睛色(有可能是几种)的色彩,是调和色、调和措施的症结。

下一部分我们先容 网页设计配色利用的第七节——绿色系。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: