3450399331
网站制作

关于网站制作中色彩的全方位介绍(三)

发表日期:2026-05-02   作者来源:www.yqxdmj.com   浏览:164   标签:    

色彩饱和度及浓度  色彩饱和度及其浓度,是大家不应该忽视的另一个定义。这是色相的彩色程度或纯度。这类时髦的术语真正地代表了一种感知到的色彩的强度或亮度。色彩浓度概念了色相的纯度。当你为绘画购买颜料时,从颜料管里倒出来的色彩大部分是饱和的纯色。与之形成对比的是,不饱和的色彩是从纯色颜料调淡调暗得到的,不饱和色一般被用作不同程度的阴影色彩。一种完全不饱和的色彩展示为灰色。  大家通过添加一种互补色来减少色彩饱和度。从色环的对面添加的色彩都会有效地降低色彩饱和度。当两种互补色相遇时,你就有了中性色点,即棕色或灰色。非常重要的一点是,大家没为这个色彩添加灰色。事实上,你是在创造一个灰色,而不是添加黑色或白色。这类灰色被画家用来打破饱和的色彩。  为何用不饱和色彩这是个好主意?答案其实是很好用的:你不会想要用鲜艳的高饱和度色彩来强烈刺激观众。恰恰相反,高度饱和的色彩看着很伪劣和实惠。太多的信息内容会叫你的双眼极少有休息的机会,没什么可以真正集中注意力的,更多的是视觉噪音。  像www.uxdesigner.TOP如此的网站,在我看来,以某种错误的方法专注于客户体验,在我看来是很可悲。看着不太好,不是吗?它有各种各样的问题,但主如果色彩的混乱并困难打造一个正确层级关系来引导观众。糟糕的客户体验!  (UXDESIGNER.TOP网站截图,www.uxdesigner.TOP)  以蓝色和橙色为例。彼此相邻,他们的对比很激烈。假如你把它们混合,你就会得到一个灰色的色调,如此就能非常不错地离别它们各自的饱和色彩。这种新的色彩处于混合前的高度饱和的版本之间,并通过应用更真实的色彩来创造一个愈加愉悦的视觉体验。这就创造了一种解决色彩之间的屏障的成熟的技术方法。当你谈论绘画大师的时候,这也是他们牢牢学会的技术之一。  (克劳德莫奈的作品《日出印象》)  在网站制作中,只关注一到两种色彩是个好主意。你可以改变色彩,但要维持在相邻的色相上。当只有少数部分内容有选择性地用高度饱和度色彩时,这就能通过用色彩来帮你打造视觉中心点。在《日出印象》中,你会发现你的双眼被太阳吸引了,就仿佛太阳真的跳出来了。  色环  大家通过把光谱两端连接起来得到一个色环。色环是一个用来向大家展示色彩之间的关系的经典的、有效的工具。第一,色环可以对你说怎么样为特定的选择创造最大的对比度。  对称的色环并非一种非常科学的看法,而是大家大脑工作方法的一种表现。它指出了大家在情绪上对不同色彩的反应。从科学的角度来讲,在大家的大脑中,色彩色环中并没相对的色彩,或者大家把它们放在一块儿组织和区别色彩的定义。不过,这对选择正确色彩绝对有帮助。这类观念不只遭到大家生理机能的影响还遭到几个世纪的艺术历史的影响,在不一样的文化中也有非常大的不同。  在这类例子中,大家将用传统的艺术家的色环,基于红黄蓝(RYB)的色彩模型。这种色环源于画家怎么样通过减色混合创造出他们的色彩。现在,它主要用于艺术和设计,早于科学色彩理论,即指的是青色、品红和黄色(CMY)作为主要色彩的色环。CMY达成了比RYB色彩模型更大的色彩集合。  (歌德的色环模型)  主要色彩:红,黄,蓝  红色、黄色和蓝色用于创建其他色彩,因此可以称它们为原色。你不可以混合任何其他色彩来得到它们。这当然是一个非常不错的起点,你了解了关于基本色彩的常识。我还想说的是,这是过去很多色彩理论家的假设。在日常,比如,用颜料或墨水,你只能混合有限的色彩,这与健康的人眼所能感知到的完全色彩范围不匹配。大家在这里讨论的是一个完整的色彩集合,也叫做色域。  (歌德的色环模型中的主要色彩)  二级色彩:绿色,橙色,紫色  绿色,橙色,紫色是由红,黄,蓝这三种主要色彩混合生成的。在歌德的色环上,绿色是两种原色的混合,黄色和蓝色。橙色是黄色和红色的混合,而紫色是红色和蓝色的混合。  (歌德的色环模型的二级色彩)  三级色彩  大家可以把这个想法更进一步,把主色和第二种色彩混合在一块,生成了坐落于色环上其他地方的三级色彩。  (图片资料来源:维基百科)  从三次色彩生成图中,你可以得到以下的结果:  黄绿色:黄色+绿色  琥珀色:黄色+橙色  朱红色:红色+橙色  洋红色:红色+紫色  紫罗兰:蓝色+紫色  青绿色:蓝色+绿色  注意,在图表中,次级色彩紧邻主色。  相似色  网站制作的相似色在色环上相邻,它们形成了一种简单的关系,一般比较容易在视觉上打造出一种平和、舒适的环境。最可能是什么原因这种色彩组合在自然界中常常可见。  互补色  在色环上,互补色在相互对立的地方上。网站制作的互补色是一种非常时尚的组合,由于它们会自然地吸引眼球。红色和绿色特别受青睐。  但请记住不要均等地用它们,而是决定一种主要的色彩。通常来讲,较柔弱的色彩应该更广泛用,更强烈的色彩合适用于强调。想想互补色色彩组合相对于匹配衬线和无衬线字体。在这里,平衡是尤为重要的。互补色也可以为每一种色调创造最强烈的色彩对比。  三角对立色  三合一色在色环上放置的距离相等且不相邻。他们展示了一些更高级的组合,我想适合用这类色彩组合对新手来讲是非常难的,但不要停止尝试。俗话说得好:熟能生巧。它们一般适用于卡通和超现实场景,也能展示出某些趣味性的成效。  色彩的类型  这是RYB色环的一个新的展示成效图:  暖色  暖色是由色环的右边组成的。他们总是更专注,精力充沛,至少在大家一般的印象中是这样。不要忘记这类都是人类的属性,与光的现象无关。这类色彩能非常快吸引大家的注意力,并且被觉得是很活跃的。  你可以让暖色有效地工作,但SmartBribe网站的例子,它在打造信赖、安全和信心方面失败了,你用很多的暖色来给你的界面带来不正确的视觉环境。非常重要的是,这种设计在强调他们的主要行动方面做得非常糟糕。他们的邮件订阅按钮的色彩与背景色彩相似,如此按钮视觉上也会消失。假如背景没用如此一组鲜艳的色彩,那样按钮本来可以更精细、更有效地用暖色来突出显示。  (SmartBribe网站,www.smartbribe.com)  冷色  其次,色环左侧代表冷色。这类更让人舒适和稳定。它们也容易在画布的背景中随便褪色,而不会太突兀显眼。他们在本质上被觉得是比较冷淡的。  现在,色环左侧的色彩在主流网站中很时尚。只须看看Facebook和twitter就了解了,你会发现不少知名项目都是用冷色系列来充当主色的。为何?由于网站项目一直不能不与他们没一个真实物理地方进行斗争,在那里可以更容易地打造起个人和信赖的联系。迎合无数人的网站需要表现出稳定、靠谱、放松和平静,甚至叫人感到舒适。这类都是更冷淡的冷色可以帮助达成的。  (Etsy网站,www.etsy.com)  中性色  黑色、白色、灰色和棕色被觉得是中性的。从这个意义上说,他们是在支持其他色彩。假如应用得当,这类中性元素可以把所有色彩统一在一块,就像莫奈的画作《日出印象》中运用的那样。中性色提供了一种从更明亮、更强烈的色彩的强度上的突破,从而更容易吸引眼球。从这个意义上说,中性色是兴趣和变化的基础,就像你的意大利面加了番茄酱和肉丸子一样,而在其中,意大利面就好比是中性色的颜料。  当你在混合色中加入更多的饱和色时,中性色会退到背景色。在每个色彩丰富的画面中,它们都饰演着关键的角色,由于它们能帮你在工作中创造出一个熟练的平衡。在需要的时候,中性色是你的秘密武器,你可以创造一个明确的焦点。在实质操作中,这意味着你用中性色调来构建你的构图,然后决软媒点在哪儿,与双眼应该被吸引到哪儿。  如图Cinebody网站图片,假如大家有很多的饱和色。要想突出这类预设的按钮,困难程度会大得多。因为他们是这一行业的核心,所以他们需要高度看重,以免迷失方向。让中性色白色和灰色的地区会退到背景画布后面,让少数色彩突出显示出来,成效就很好。

(Cinebody网站,www.cinebody.com)

如没特殊注明,文章均为建站精灵 原创,转载请注明来自https://www.huijianjun.com/news/2/20154.html