网页配色和字幕

作者&投稿:阚骅 (若有异议请与网页底部的电邮联系)
网页设计配色的用色十例~

以下将分别介绍十个配色较好的网站,大家可以学习和借鉴一下,培养对色彩的敏感以及独到的审美能力。1)大型的NBA网站。通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB为(48,48,48/#333333)(以下颜色都用RGB表示),文章标题用色为RGB为(203,201,153/#CCCC99),菜单使用的RGB为(112,119,112/#707770)。这样的配色可以显示独特的个性,又不失大型网站的风采。2)娱乐类的综合性网站UGO,他的配色方案是背景色为黑色RGB为(0,0,0)中嵌套RGB(0,0,82),字体白色RGB(255,255,255),菜单为RGB(77,114,159)。这样的虽以黑蓝为主色调,但是配以漂亮的图片,给人的感觉是生机盎然,充满了互动色彩和青春气息。3)微软公司网站,微软不仅软件做的好,连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风,以及雄厚的实力。背景颜色使用蓝色RGB为(0,151,254),菜单为黑色RGB(0,0,11),菜单为灰色RGB(200,200,200),字体为黑色RGB(0,0,0)。4)相对简单网站,但是她的用色也别具匠心,现在我们来看一看,整体上使用的是白色RGB(255,255,255),辅助色为RGB(79,88,95),菜单色为RGB(48,64,64)和RGB(0,81,111)字体使用的是RGB(83,86,91)。虽然简单,但颜色搭配非常的科学合理。5)黄色调为主网站,很体现公司的个性,现在我们就来看一看她的颜色搭配。主色调为黄色RGB为(255,199,48/#FFC730),辅助色调为RGB(49,102,46)字体为棕色RGB(153,103,0),中间再配以抽象的图片,显得个性十足但又不单调。6)橘红色网页。下面的这个网站就是一个非常著名的例子。他的主色调为RGB(255,151,0)辅助色调为RGB(255,103,4),菜单RGB为(252,200,0)。字体使用黑色RGB为(0,0,0)。此种配色显得主人较为前卫,色彩热烈,给人的震慑力较强。7)鲜红色也是一种震撼感很强的颜色,如果搭配不当,也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是RGB(200,9,0),配以抽象的图形,文字使用的是RGB(213,229,167)显得美观而不失独特,大气而不逼人。8)不经常用到的颜色色调,如果使用到你的网页中,肯定会给人耳目一新的感觉。他的主色调为RGB(144,151,97)辅助色调为RGB(173,168,112)边饰为黑色RGB(0,0,0)字体为黑色RGB(0,0,0)。这样的搭配显得风格独特,颜色和谐而庄重。9)设计更加的简单化,但是颜色的使用使网页并不呆板,反而让人感觉到一股浓浓的生活和家庭气氛,使人置身于美丽和爱中。他的主体是由两种颜色构成,分别是RGB(239,200,161)和RGB(201,254,200)。如此简单,但是却栩栩如生,跃然网上。10)下面举出这个例子是想证明一个道理——只要你有足够的想象力,你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色,否则就有杂乱之感。下面的这个网站远远的超过了三种颜色,但是她并不失美丽。因此重要的还是色彩的驾驭能力。下面这个例子的菜单就使用了7种颜色,但是我们看到的网页并不杂乱,相反感觉作者很有创意。网页设计的颜色搭配需要在实践中不断的摸索和不断的创新,认真学习别人的先进方法和经验,可以快速的提高我们的制作水平。可以说。网页颜色搭配得当,成功也就走了一半。

字幕里的字体颜色和边框颜色,搭配原则是:

1、指导思想上要确定不是为了装饰,而是为了清楚地衬托。

由于视频作为文字的背景,是千变万化的,所以如果不进行描边,就形成有时候看不到字幕,所以要进行描边。
2、描边的颜色不宜大红大绿或者黑色等,要以清淡的描边较为适宜。

3、文字的描边要与文字的对比度较高。

这一部分是关于颜色模型的基础科普,对于你设计字幕样式可能没什么直接帮助,但是有助于你理解后面的一些颜色相关的概念和理论;没兴趣或者没时间看的都可以直接跳到第二部分配色理论)

首先介绍一下色彩模型,色彩模型简单来说就是颜色的数值化,大家常用的Aegisub中使用的有RGB、HSL和HSV三种模型。我们先打开Aegisub中的颜色编辑窗口;


可以看到左侧的方型拾色区、色相条、透明度条以及右侧的RGB色彩、HSL色彩、HSV色彩三个板块;

右侧的三组参数分别来自三种不同的颜色模型,每种模型都是通过三个参数确定一个固定的颜色;三种模型其实是对同一种颜色光的三种解释方式,相互之间可以进行数值转换。


首先介绍一下RGB模型,相信大部分人或多或少听说过这个名字;三个字母分别是Red、Green和Blue的缩写,每个数值大小分别代表该种纯色光的强度,范围从0~255,三个数值对应强度的色光混合得到的就是目标颜色。

三种色光强度均为0就是无光照状态代表黑色,三种色光均拉满则是白光,三者数值相等就是灰色;此外纯红和纯蓝混合得到品红色,纯红和纯绿混合得到色,纯绿和纯蓝混合得到青色,这几个关键颜色大家最好记一下。

当我们以RGB三个通道为坐标轴建立一个三维正交坐标系,就可以得到一个颜色立方,八个顶点正对应黑蓝绿青红紫黄白八种常用色

第一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验,希望大家指正。 配色所要注意的要素 实际设计时,我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案,这个方案就是我的配色计划。在做配色计划时,我们应该考虑下述几点以突出视觉效果。 1.底色和图形色 在设计时我们会经常遇到用几个色做各种形的构成,作为底的色我们往往会将它推远,而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。 一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此,配色时为了取得明了的图形效果必须首先考虑图形色和底色的关系。 图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。 我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。
第二步、整体色调 如果我们想使我们的设计能够充满生气,稳健,冷清或者温暖,寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢?只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色,并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。 如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉,反之亦然。 如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉,以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。 以明度高的色为主则亮丽,而且变得轻快,以明度低的色为主则显得比较庄重、肃穆。 取对比的色相和明度则活泼,取类似、同一色系则感到稳健。 色相数多则会华丽,少则淡雅、清新。 以上几点整体色调的选择要根据我们所要表达的内容来决定。

第三步、配色的平衡 颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此,即使相同的配色,也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。 处于补色关系且明度也相似的纯色配色,如:红和兰绿的配色,会因过分强烈感到刺眼,成为不调和色。可是若把一个色的面积缩小或加白黑,改变其明度和彩度并取得平衡,则可以使这种不调和色变的调和。 纯度高而且强烈的色与同样明度的浊色或灰色配合时,如果前者的面积小,而后者的面积大也可以很容易的取得平衡。 将明色与暗色上下配置时,若明色在上暗色在下则会显得安定。反之,若暗色在明色上则有动感。

第四步、配色时要有重点色 配色时,为了弥补调子的单调,可以将某个色作为重点,从而使整体配色平衡。在整体配色的关系不明确暧昧时,我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点: 重点色应该使用比其他的色调更强烈的色。 重点色应该选择与整体色调相对比的调和色。 重点色应该用于极小的面积上。而不能用于大面积上。 选择重点色必须考虑配色方面的平衡效果。

第五步、配色的节奏 由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放,形状,质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的,所以就产生了阶调的节奏。 将色相、明暗、强弱等等的变化做几次反复,从而会产生反复的节奏。 可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏,等等。我们可以通过学习或训练来掌握更多的节奏效果。

第六步、渐变色的调和 2色或2个以上的色不调和时,在其中间插入阶梯变化的几个色,就可以使之调和。色环的渐变:色相的渐变象色环一样,在红、黄、绿、兰、紫等色相之间配以中间色,就可以得到渐变的变化。 明度的渐变:从明色到暗色阶梯的变化。 纯度的渐变:从纯色到浊色或到黑色的阶梯变化。 根据色相、明度、纯度组合的渐变,把各种各样的变化作为渐变的处理,从而构成复杂的效果。这些渐变色都是调和的。

第七步、在配色方面的统调 所谓统调,即为了多色配合的整体统一而用一个色调支配全体,将这个色叫做统调色,也就是支配色调。 色相统调是在各色中加入相同的色相,而使整体色调统一在一个色系当中。从而达到调和。 明度统调是加白色或黑色,以使全体色调的明度相似。这样也可以达到调和。 纯度统调是加灰色,以使全体色调的纯度相似

第八步、在配色方面的分割 2个色如果互相处于对立关系是对比的,具有过分强烈的效果,成为不调和色。为了调节它们,在这些色中用其它色把它们划分开来,即分割。将用于分割的色叫做分割色。由于分割的目的,可以用于分割色的颜色不多,最常用的是白、灰、黑。 金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色,所以在电脑中几乎用不到这两种色。但可以用于印刷中。 使用其它彩色进行分割也可以,但要选择与原来色有明显区别的明度,同时也应考虑色相和纯度。

以上这些是我们在配色时注意的一些问题和解决的一些基本方法。我想还有更多的色彩问题,我这里没有谈到。如:色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等。

http://edu.chinaz.com/Get/Website/Color/index.asp
http://edu.chinaz.com/Get/Website/Color/index.asp

2)网站打开后在状态栏中有字幕滚动
这是javascript写的跑马灯效果
<SCRIPT Language="JavaScript">
var msg="欢迎光临 洪恩在线 电脑乐园";
var interval = 300;
seq = 0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
</SCRIPT>
<body onload="Scroll()"></body>

http://www.hongen.com/pc/homepage/javascript/sample/run1.htm
http://www.hongen.com/pc/homepage/javascript/sample/run.htm

幽幽天空
http://www.skyuu.com/Index.asp

这个网站的网页设计知识比较好。常去看看。

网页配色和字幕
答:2)网站打开后在状态栏中有字幕滚动 这是javascript写的跑马灯效果 <SCRIPT Language="JavaScript"> var msg="欢迎光临 洪恩在线 电脑乐园";var interval = 300;seq = 0;function Scroll() { len = msg.length;window...

网页设计的色彩搭配
答:在网站设计中,大家往往更多的看重网站布局,从而忽视了网站的色彩搭配。网站的色彩搭配对用户体验有很重要的影响,其实,色彩搭配是有一定的规则和技巧的,掌握这些规则和技巧才能设计出更加优秀的网站。网页的配色规则是根据网页...

网页设计网页配色的特征有哪些
答:网页设计的配色是至关重要的,它不仅影响到网页的整体视觉效果,还能影响用户对网页的感知和体验。以下是一些网页配色的特征:鲜明性:鲜明的色彩能够迅速吸引用户的注意力,因此在网页设计中应注重使用鲜明的色彩。可以通过使用...

在做网页设计时怎样配好颜色
答:一)网页配色基本概念 (1)白纸黑字是永远的主题,谁都说不出不好来。(2)网页最常用流行色 ·兰色——蓝天白云,沉静整洁的颜色。·绿色——绿白相间,雅致而有生气。·橙色——活泼热烈,标准商业色调。·暗红——...

网页美工设计色彩搭配的方法
答:4、用黑色和一种彩色。不如大红的字体配黑色的边框感觉很跳。在网页设计配色中,忌讳的是:1、 不要将所有颜色都用到,尽量控制在三种色彩以内。2、 背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案做背景),以便...

网页中常见配色方案有
答:常见的配色方案有近似色、补充色、分离补色、组色等。1.近似色 近似色是色环上已给定的颜色临近的任何一种颜色。如果从橙色开始,它的两种近似色应该选择红和黄。为近似色在色环上的位置。用近似色的颜色主题可以实现色...

网页设计中的色彩搭配
答:即使没有足够的`理论知识和经验,甚至是色感,只要遵循以下几个方面,就可在网页上运用自如。网页配色选择 用户对颜色的认知绝大多数是类似的,无论是哪一类的网页,如果太过花哨不仅不会带给用户视觉的享受,还会干扰视觉,...

网页美工设计色彩搭配
答:白色:通配色,让人产生明净、清新的感觉。;黑色:容易让人产生压抑、悲伤感,同时使人感觉神秘、深沉。灰色:营造高雅、温和的氛围,也同时也会让心情受到压抑,产生颓废感。2、选择相近色 在网页配色时,尽量控制在三种色彩...

网站建设中网页设计色彩搭配有什么技巧吗?
答:先选定一种色彩,然后选择它的对比色;用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,蓝。网页配色误区不要将所有颜色都用到,尽量控制在三至五种色彩以内;背景和前文的对比尽量要...

网页配色基本概念及设计理念
答:网站设计应简洁,明了。从用户体验度出发设计。下面是网页配色基本概念及设计理念,欢迎阅读了解。1、网页配色基本概念 (1)白纸黑字是永远的主题,谁都说不出不好来。(2)网页最常用流行色 ·蓝色 ·绿色 ·橙色 ·暗红 ...