网站颜色对访问者的影响!

网站设计中用一种颜色的名称的麻烦是,它从来没有真正被视为完全相同的两个不同的个人色彩 - 一个网站的情绪的影响,特别是如果他们的股份。命名的颜色,你最有可能给一个错误的印象。即使是像“蓝色”是不确定的。为了更准确,也可能是“天空蓝”,“海洋蓝”,“牛仔蓝”,甚至“电弧焊机蓝色”。
简述随个人口味和在上下文中与其他颜色搭配。我们的标签“靛蓝”,“玉”,“橄榄树”,“桔”,“红字”或“余兴节目”。“电石灰”到底是什么?名称和精确的色调变化 - 除非你是一个电脑。
守则要求精密 当计算机命名的颜色,他们使用了所谓的十六进制代码,多数人来说,光泽度:24位色彩。也就是说,16,777,216独特的6个字符由10个数字和字母的组合-前由哈希标记。任何计算机语言一样,有一个逻辑系统在发挥作用。设计者了解如何十六进制颜色的工作,可以把他们作为工具,而不是奥秘的人。
打破成可管理的字节的十六进制数 背光式屏幕上的像素是暗的,直到由红色,绿色,和蓝色的组合点亮。十六进制数表示这些组合用简洁的代码。该代码是容易破碎。为了使#970515感,我们需要看一下它的结构:
第一个字符#声明,这是一个十六进制数。“的其他6个是真正的三对0-9和a-f。每对控制一个附加的原色。
数越高,各原色的是较亮的。在上面的例子中,97压垮红色,05的绿色的颜色和15的蓝色的颜色。
每对只能容纳两个字符,但仅是中型的灰色#999999。为了达到色彩亮度比99,只有两个字符,每个字符的十六进制数字用字母来代表10-16。甲,乙,?,e,?,后0-9和f使得甚至16,而不是像杰克,皇后,国王和卡的王牌。
作为数学,计算机代码,十六进制数字的字符串模式。例如,因为00是小学和ff的缺乏是主要的,充满力量,#000000是黑色的(不初选),#ffffff是白色的(初选)。我们可以建立在这些发现加色和减色。从黑色,每一对ff:
#000000是黑色的,出发点。 0000#ff代表最亮的红色。 #00ff00代表最明亮的绿色。 #0000ff代表最明亮的蓝色。
减色与白色,即开始的帮助#ffffff。要减色原色,更改每对00:
#ffffff是白色的出发点。 #00ffff代表最亮青色。 #ff00ff表示最明亮的紫红色。 #ffff00代表最亮的黄色。
在十六进制的快捷方式 使用只有三个字符,如#fae的十六进制数,这意味着,每个地方应匹配的十六位。因此,#,fae扩大到#ffaaee#09b的真正含义#0099bb。这些速记的代码提供了简洁的代码。
在大多数情况下,人们可以通过忽略所有其他字符读取一个十六进制数,因为差之间的sixteens的地方告诉我们超过个位。也就是说,它是很难看到在41和42之间的差异,更容易衡量的是41和51之间的差异。
上面的例子有足够的差异在其十六地方的颜色容易被猜到的 - 大量的红,有蓝,没有绿。这将为我们提供一个温暖的紫色。在第二个例子中(9,9和8)的数万非常相似。要判断这颜色,我们需要检查的那些(7,0,和5)。十六进制颜色的十六地方越近,比较中性的(即不饱和)会。
十六进制为你工作 了解十六进制颜色可以让设计师做多同事和客户留下深刻的印象,说:“啊,好乘凉的勃艮第。”十六进制颜色,让设计人员在飞行中的颜色进行调整,以提高可读性,在样式表中识别元素的颜色,发色计划的方式大多数图像编辑器不能。
将灯罩的性质 变亮或变暗的颜色,往往是一个人的倾斜调节其亮度,这使得运行的颜色的范围从黑暗的辉煌,但失去了它的性质的任何一端的规模。例如,下面中间的绿色变得决然黑的时候减少到20%的亮度。提高到100%,一次中性的绿色收益活力。
一个有趣的事情发生了,当我们把十六进制颜色,就好像它们是增量为10。通过添加一个到每个每对左手的字符,我们提出了一种颜色的亮度的同时,降低其饱和。这可以防止在给定的颜色深浅不一的,太密切徘徊在球场黑色或辉煌的霓虹灯。改变十六进制对保留的本质的颜色。
在上面的例子中,最上方的阴影,获得黄色或下降为黑色,即使它在技术上是相同的绿色色调。通过改变其十六进制对,第二组保持更自然的色调。
褪色强调 默认情况下,浏览器下划线的文本表示链接。但厚强调字母'的下伸干扰。设计人员可以强调不那么碍眼的十六进制颜色缩减。这样做是为了使标签的背景色,而文字本身的映衬下获得对比度。
在明亮的背景上的黑色文字,我们的链接更亮。 明亮的文本在深色背景上,我们的链接颜色较深。
为了使这项工作,每一个嵌入的链接需要跨度内的每:
{文本装饰:下划线颜色:#aaaaff;}
跨度{文本装饰:无;颜色:#0000ff;}
你可以在这里看到,强调在相同颜色的文本可能会干扰部分类型掉落在基线下方。改变下划线类似的背景,更加紧密地使下行字母更易于阅读,尽管大多数浏览器将强调上面的字体。
每一个锚标记中添加跨度可能会出现问题。一种流行的替代方法是删除下划线和添加边框底部:
{文本装饰:无;底部边框:1px固体#aaaaff;}
更好的身体复制 一个反复出现的设计问题是一个特定的颜色可能在技术上是正确的,但有一个意想不到的效果。例如,一些设计要求的标头和正文是相同的颜色。我们必须记住,越厚招大文本出现,颜色越深的小文出现。
h1,p {颜色:#797979;}
h1 {颜色:#797979;}
p {颜色:#393939;}
虽然技术上是相同的,身体的副本窄,更细腻的字体,使其外观亮度比的标题。降低sixteens的地方,将会使文本更容易阅读。
如何温暖或冷却的背景 中性的背景可能很容易读对的,但没有“中性”的意思是“平淡”。调整的第一个和最后一个字节可以使一个背景巧妙地温暖或冷却器。
#404040?-中性 #504030?-回暖 #304050?-冷却器
那是太多?一个更微妙的转变,使用的地方,而不是:
#404040?-中性 #594039?-回暖 #394059?-冷却器
协调的颜色复制 - 粘贴 认识到结构的一个十六进制数的数字/字母对,为设计人员提供了一个独特的工具,探索的色彩组合。不同的色轮和图表,重新安排对一个十六进制数是一个简单的过程,改变色调,同时保持相似的值。作为奖励,其结果可能是不可预知的。最简单的技术是移动到一个不同的点,其中交易原色1对字符。
常见的设计技术,使文字或其他视觉元素,配合照片是在该照片中使用的颜色。了解的十六进制颜色可以更进了一步,获得新的颜色协调与照片不采取直接从照片。
展望未来
不要让代码恐吓。随着一点点的创造力,十六进制颜色是一种工具,在您的处置。如果不出意外,下一次有人问,如果你能解决的问题在任何语言的代码,你可以简单地说:网站颜色对访问者的影响很大!

上一个:如何分辨网站设计公司的设计实力
下一个:暂无
临武网站建设,临武做网站,临武网站设计