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

万博体育app网页登录_酒文化网进入



网页页面中老是由具有某种内在联系的各类色彩,组成一个完备统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感到与氛围,是影响配色视觉效果的抉择身分。

为了使网页的整体画面出现稳定和谐的感到,以便充分的把握其规律来更好的阐发进修,上次我们先容了视觉角色主次位置的几个观点,本节我们先容色彩的比较。

比较与调和便是形式美的变更与统一规律

在必然前提下,不合色彩之间的比较会有不合的效果。在不合的情况下,多色万博体育app网页登录彩给人一种印象,色彩单一给人另一种印象。

各类纯色的比较会孕育发生光显的色彩效果,很随意马虎给人带来视觉与生理的满意。红、黄、蓝三种颜色是最极度的色彩,它们之间比较,哪一种颜色也无法影响对方。

很多同伙都以为色彩比较主如果红绿、橙蓝、黄紫色的比较,实际色彩比较范畴不局限于这些。是指各类色彩的界面构成中的面积、形状、位置以及色相、明度、纯度之间的区别,使网页色彩共同增加了许多变更、页面加倍富厚多彩。

色彩的比较规律大年夜致有以下几点:

■ 色比拟较

是指因色相之间的区别形成的比较。当主色相确定后,必须斟酌其他色彩与主色相是什么关系,要体现什么内容及效果等,这样才能增强其体现力。不合色比拟较取得的效果有所不合,两色越靠近,比较效果越柔和。越靠近补色,比较效果越强烈。

→ 色比拟较网页例图:http://www.portfolios.com

色比拟较阐发:

主如果以绿色与蓝色之间的色比拟较。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高,是以艳丽的万博体育app网页登录颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的比较。前景的墨绿虽然纯度达到最高值100%,比主色调高不少,然则由于亮度低,是以色彩显示没有主色调明艳。

结论:

该页面色相的比较,主要感化于前景与背景的比较、局部与整体的比较。

■ 明度比较

明度比较可分为:彩色差的明度比较及非彩色差的明度比较

是指色彩之间明暗程万博体育app网页登录度的区别而形成的比较。是页面形成恰当的黑、白、灰效果的主要手段。明度比较在视觉上对色彩层次和空间关系影响较大年夜。例如柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,血色与蓝色属中低明度。

→ 明度比较网页例图:http://www.dior.com

明度比较阐发:(非彩色差)

严格来说,该页面应该是诟谇灰色非色彩构成,照相图片中的人物衣服为灰色,相对纯真的诟谇比较柔和舒适于视觉。能使页面显得更纯真、统一,形成另一道独特的风景。

■ 纯度比较

是指不合色彩之间纯度的区别而形成的比较。色彩纯度可大年夜致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,复色其本身纯度偏低而属低纯度的色彩范围。纯度的比较会使色彩的效果更明确肯定。

→ 纯度比较网页例图:http:// www.havaianas.com

纯度比较阐发:

全部页面看起来非常艳丽刺激然而又异常的和谐。以上数值主要拔取了几种较有代表性的颜色。

大年夜家重视看,以上色彩除了粉血色,其他几组颜色都是高饱和度高亮度的颜色,是以充分的发挥出了色彩的艳丽程度。包括粉血色在内的几种灰色阶,在中心起到了折衷感化。白色能拉开邻近色阶的空间及明快页面的感化,在这里可以说是功弗成没。

结论:

页面实际上用了不少颜色,配色大年夜胆。捉住颜色主次冷暖的安排,适度再加上折衷的过渡色灰色,实现了作者对该页面的轻松配色。从多种高纯度的搭配和谐能力上看,足可见作者对色彩设计搭配不一样平常的功底。

这类网页配色异常能够表现出一个网站页面产品个性,配色难度大年夜。让人过目难忘。

■ 冷暖比较

是指不合色彩之间的冷暖区别形成的比较。色彩分为冷、暖两大年夜色系万博体育app网页登录,以红、橙、黄为暖色体系,蓝、绿、紫则代表着冷色系,两者基础上互为补色关系。别的,色彩的冷暖比较还受明度与纯度的影响,白光反射高而感到冷,玄色接受率高而感到暖。

→ 冷暖比较网页例图:http:// disney.go.com

冷暖比较阐发:

以上这几组颜色乍一看感到鲜艳程度都差不多,然则经由过程察看它们的数值发明饱和度都有相差,然而明度邻近,是以它们给人造成的视觉感想熏染险些是相同的。该页面冷暖颜色较为富厚,橙和蓝是比较最强烈的补色,其次是倾向不敷显着的补色黄、紫。明度不合的两个绿色起到了冷暖视觉的过渡感化。主色调的浅蓝色亮度较高,让页面不易给人沉闷的感到。

结论:

冷暖比较的利用,平日在休闲娱乐网站、食物网站呈现对照多。

将这两个色系的色彩安排在同一画面时,其比较效果极为强烈。平日初学者较随意马虎使两色互相排斥,导致画面色调不谐调。一样平常我们采纳两种调和的措施。

纯度调剂

低落冷暖两色纯度。用明度黑、白、灰变更来调剂画面的层次、直接应用黑、白、灰色系进入画面搭配,或者加入补色的谐调,也都能很好的起到和谐的效果。

→ 纯度调剂网页例图:http:// www.darkelephant.com

纯度调剂阐发:

主色调的橙色,添入了少许玄色做渐变背景致,低落了纯度。帮助色的蓝色是橙色的补色,主要起的是使得全部页面过多的暖色低落和谐于整体的效果,及背景致的棕色都分手提暗低落纯度。而左上角的黄色则经由过程前进了亮度来低落纯度。一个页面里应有少量纯度较高的颜色而不至于使全部页面过于压抑,纯度亮度很高的点睛色血色就起到了这个感化。

结论:

纯度的调剂主如果经由过程明度黑、白、灰变更来调剂画面的层次,适当的加入补色也是此中的一个法子。

面积调剂

主次的面积区分。根据设计主题的必要,在画面的面积上以一方为主色,于是就掌控画面的色调感化,其他的颜色在应用面积上拉开间隔,使画面的主次关系更凸起,在统一的同时富有变更。

→ 面积调剂网页例图:http:// www.upstairz.com

面积调剂阐发:

作为大年夜面积应用的主色调--饱和度和亮度为最高值的橙色,经由过程适当面积的白色加入协调和平衡了视觉的感化外,主体物的深红纹样的图片点缀着纯度、亮度较高的血色有夺目感化,缩小面积而却又能凸起于视觉中间点,疏密构图的比较效果。

结论:

大年夜面积的颜色和小万博体育app网页登录面积应用的颜色可以拉开主次关系,位置的精确安排也是一个方面

■ 面积比较

同一种色彩,面积越大年夜,明度、纯度越强,面积越小,明度、纯度越低。面积大年夜的时刻,亮的色显得更轻,暗的色显得更重。这种征象称为色彩的面积效果。面积比较是指页面中各类色彩在面积上多与少、大年夜与小的区别,影响到页面主次关系。

面积的比较,可所以中上下明度差的面积变更及中上下纯度差的面积变更。

→ 面积比较网页例图:http:// www.parkpack.ru

面积比较阐发:

作为大年夜面积应用的主色调--饱和度和亮度为最高值的橙色,经由过程适当面积的白色加入协调和平衡了视觉的感化外,主体物的深红纹样的图片点缀着纯度、亮度较高的血色有夺目感化,缩小面积而却又能凸起于视觉中间点,疏密构图的比较效果。

结论:

大年夜面积的颜色和小面积应用的颜色可以拉开主次关系,位置的精确安排也是一个方面。

下一节我们先容色彩的调和

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

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