网站用色设计
① 网页设计基本能用到的颜色都是多少RGB值求大神帮助
这样说吧: 先看看8位色深的RGB色值代表.例如白色: R:255 G:255 B:255. 然后用网页代码表专示为属: #ffffff 再如 黑色: R:0 G:0 B:0 网页代码表示为: #000000 你在Photoshop的调色板中可以直接找到代表当前颜色的网页代码; 其中的奥秘就是其实网页代码就是RGB的16进制写法.表示方式是#RRGGBB. 0的16进制表示为 00, 255的16进制是ff. 结论: 网页代码可以表示8位色深的RGB的任意颜色. 可以通过软件查询网页代码的方式得到.photoshop.Dreamweaver.flash都可以.(当然,如果不嫌弃麻烦,已知RGB色分值,自己换算也能得到相应代码 (*^__^*) )
② 设计网站使用什么颜色搭配最合适
世界上的色彩那么多来,没有自一种是丑的,看见丑的颜色,那是因为放在了不恰当的场景或者产品上,至于什么颜色搭配比较合适,首先需要你先确定主色调,然后根据主色调来选择辅助色,点缀色等等,这里面是有技巧的,不会搭配的平时可以多收集一些大师的作品,从中找一些好看的色彩搭配,另外关注一些色彩管理的网站,从中不断学习
③ 网页设计中颜色搭配的重要性,常见颜色的含义
一步、底色和图形色 色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验,希望大家指正。 配色所要注意的要素 实际设计时,我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案,这个方案就是我的配色计划。在做配色计划时,我们应该考虑下述几点以突出视觉效果。 1.底色和图形色 在设计时我们会经常遇到用几个色做各种形的构成,作为底的色我们往往会将它推远,而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。 一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此,配色时为了取得明了的图形效果必须首先考虑图形色和底色的关系。 图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。 我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。
第二步、整体色调 如果我们想使我们的设计能够充满生气,稳健,冷清或者温暖,寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢?只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色,并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。 如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉,反之亦然。 如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉,以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。 以明度高的色为主则亮丽,而且变得轻快,以明度低的色为主则显得比较庄重、肃穆。 取对比的色相和明度则活泼,取类似、同一色系则感到稳健。 色相数多则会华丽,少则淡雅、清新。 以上几点整体色调的选择要根据我们所要表达的内容来决定。
第三步、配色的平衡 颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此,即使相同的配色,也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。 处于补色关系且明度也相似的纯色配色,如:红和兰绿的配色,会因过分强烈感到刺眼,成为不调和色。可是若把一个色的面积缩小或加白黑,改变其明度和彩度并取得平衡,则可以使这种不调和色变的调和。 纯度高而且强烈的色与同样明度的浊色或灰色配合时,如果前者的面积小,而后者的面积大也可以很容易的取得平衡。 将明色与暗色上下配置时,若明色在上暗色在下则会显得安定。反之,若暗色在明色上则有动感。
第四步、配色时要有重点色 配色时,为了弥补调子的单调,可以将某个色作为重点,从而使整体配色平衡。在整体配色的关系不明确暧昧时,我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点: 重点色应该使用比其他的色调更强烈的色。 重点色应该选择与整体色调相对比的调和色。 重点色应该用于极小的面积上。而不能用于大面积上。 选择重点色必须考虑配色方面的平衡效果。
第五步、配色的节奏 由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放,形状,质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的,所以就产生了阶调的节奏。 将色相、明暗、强弱等等的变化做几次反复,从而会产生反复的节奏。 可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏,等等。我们可以通过学习或训练来掌握更多的节奏效果。
第六步、渐变色的调和 2色或2个以上的色不调和时,在其中间插入阶梯变化的几个色,就可以使之调和。色环的渐变:色相的渐变象色环一样,在红、黄、绿、兰、紫等色相之间配以中间色,就可以得到渐变的变化。 明度的渐变:从明色到暗色阶梯的变化。 纯度的渐变:从纯色到浊色或到黑色的阶梯变化。 根据色相、明度、纯度组合的渐变,把各种各样的变化作为渐变的处理,从而构成复杂的效果。这些渐变色都是调和的。
第七步、在配色方面的统调 所谓统调,即为了多色配合的整体统一而用一个色调支配全体,将这个色叫做统调色,也就是支配色调。 色相统调是在各色中加入相同的色相,而使整体色调统一在一个色系当中。从而达到调和。 明度统调是加白色或黑色,以使全体色调的明度相似。这样也可以达到调和。 纯度统调是加灰色,以使全体色调的纯度相似
第八步、在配色方面的分割 2个色如果互相处于对立关系是对比的,具有过分强烈的效果,成为不调和色。为了调节它们,在这些色中用其它色把它们划分开来,即分割。将用于分割的色叫做分割色。由于分割的目的,可以用于分割色的颜色不多,最常用的是白、灰、黑。 金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色,所以在电脑中几乎用不到这两种色。但可以用于印刷中。 使用其它彩色进行分割也可以,但要选择与原来色有明显区别的明度,同时也应考虑色相和纯度。
以上这些是我们在配色时注意的一些问题和解决的一些基本方法。我想还有更多的色彩问题,我这里没有谈到。如:色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等。
红色:热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号,用于警告或禁止一些动作。
紫色:创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。
蓝色:忠诚、安全、保守、宁静、冷漠、悲伤。
绿色:自然、稳定、成长、忌妒。在北美文化中,绿色代表的是「行」,与环保意识有关,也经常被连结到有关财政方面的事物。
黄色:明亮、光辉、疾病、懦弱。
黑色:能力、精致、现代感、死亡、病态、邪恶。
白色:纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。
打开一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计,在排除立体图形、动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象。因此,在设计网页时,我们必须要高度重视色彩的搭配。
一、色彩的基础知识
色彩五颜六色、千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它事实上包括红、橙、黄、绿、青、蓝、紫等七色,各颜色间自然过渡。其中,红、黄、蓝是三原色,三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分,冷色(如蓝色)给人的感觉是安静、冰冷;而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。
色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。一般情况下,各种色彩给人的感觉是:
红色代表热情、活泼、热闹、温暖、幸福、吉祥
橙色代表光明、华丽、兴奋、甜蜜、快乐
黄色代表明朗、愉快、高贵、希望
绿色代表新鲜、平静、和平、柔和、安逸、青春
蓝色代表深远、永恒、沉静、理智、诚实、寒冷
紫色代表优雅、高贵、魅力、自傲
白色代表纯洁、纯真、朴素、神圣、明快
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞
黑色代表崇高、坚实、严肃、刚健、粗莽
二、色彩搭配的原则
色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
1.特色鲜明
一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
2.搭配合理
网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
3.讲究艺术性
网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
三、色彩搭配要注意的问题
1.使用单色
尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。
2.使用邻近色
所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。
3.使用对比色
对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。
4.黑色的使用
黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。
5.背景色的使用
背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。
6.色彩的数量
一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化
④ 网页设计中如何更好的使用黄色色调
黄色是色彩系里明度最高的耀眼颜色,尤其是HSB数值H色相为60度正黄色时,它的特内性越明显。由于容黄色的特性,在网页页面配色的时候可适当添加明度较深的颜色,色阶层拉开,并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的意义和作用。
无论是高纯度低纯度还是多色彩的页面配色,白色起到关键的作用。
点睛色不一定就是非常显眼的颜色,也有起到调和整体网页页面配色的作用。
中间色通常被大面积的使用为主色调、辅助色,是调和辅助色(有可能是同时几种)与点睛色(有可能是几种)的色彩,是调和色、调和方法的关键。
⑤ 网页设计配色的用色十例
以下将分别介绍十个配色较好的网站,大家可以学习和借鉴一下,培养对色彩的敏感以及独到的审美能力。
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种颜色,但是我们看到的网页并不杂乱,相反感觉作者很有创意。
网页设计的颜色搭配需要在实践中不断的摸索和不断的创新,认真学习别人的先进方法和经验,可以快速的提高我们的制作水平。
可以说。网页颜色搭配得当,成功也就走了一半。
⑥ 网站设计用色经验
一般旅游网站 可用草绿色搭配黄色
校园类 可用绿色
游戏类 可用黑色
⑦ 网页设计中最常用的颜色搭配有什么
一、设计的任务 设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。 网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。 第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。 第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。 明确了设计的任务之后,接下来要想的就是如何完成这个任务了。二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。 四、造型的组合 在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。 通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。三、色彩的运用 色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。 我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色
⑧ 做网页设计怎样做到颜色搭配大气
网页色彩总的应用原理应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的小范围的地方可以有一些强烈的的色彩的对比。
在色彩的应用上,可以根据主页内容的需要,分别采用不同的主色调,因为色彩具有象征性,比如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、球、冬。
其次还有职业的标志色,比如:军警的橄榄绿,医疗卫生的变色等。色彩还具有明显的心理感觉,比如:冷暖的感觉、进退的效果等。
另外,色彩还有民族性,各个民族由于环境、文化、传统因素的影响对于色彩的喜好也存在着较大的差异。
充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。
⑨ 官方网页一般采用什么颜色做主题色
五金企业官方网站色彩搭配“有讲究”
我们每个人都有自己的名字,名字除了承载着父母长辈所寓意的良好祝愿以外,还起到识别的作用,以及我们每个人独一无二的模样,再深入到气质、品味、形象……独特则令人印象深刻。这个集合体运用到企业上则有一个专业名称来代替,就是我们经常说到的“CI”,一般译为“企业视觉形象识别系统”。主要包括企业名称、标志、标准字体、色彩、象征图案、标语、吉祥物等方面的设计。
企业核心价值观是CI战略系统的主要表达元素之一。现代五金企业都很注重CI形象的建设,很多公司的CI设计都有规定标准的某种色彩。一个五金企业的网站如果只用单一的一种色彩难免会让人感觉过于单调且乏味可陈。而在网站上运用所有色彩不仅视觉疲劳更是显得繁复而不稳重。放弃这些不切实际的念头,那么作为网站设计的管理人员就必须认真对待网站色彩搭配这个问题了。那么,五金企业建设网站,应该如何进行巧妙的色彩搭配,实现色彩营销?
很多人都听过“色彩心理学”,这是如今大家耳熟能详的一个新鲜名词,色彩很容易被人们所忽视,但其实早在人们的日常生活中便起着各种作用。色彩不仅仅与绘画、装饰、建筑、艺术等有关,它在某一层面也能起到主导作用,甚至决定性作用。人们接触一件抽象且陌生的事物,往往取决于第一感觉,然而色彩变是人们视觉的第一冲击力,把握住准确的色彩表现,则对后面的工作起到事半功倍的效果。
在网页设计中,设计师需根据和谐、均衡和主题突出的原则,以及色彩对人们心理的影响,将不同的色彩进行组合、搭配,从而勾绘出美丽的页面表现。
有点绘画基础的人都知道,色彩主要分为冷暖两种色调,依照人们对色彩的记忆性原则,一般对于暖色调记忆更为深刻。除了色调的选择,色彩还具有联想及象征物质的作用,比如红色象征热血、烈日;绿色象征植物、青春;蓝色象征海洋、天空等等。那么确定色彩勾画的线条也值得设计师们好好推敲。网页一般都不会有太多特别的规定限制,所以颜色种类的控制也得好好拿捏,根据总体风格的要求选定一或两种主色调,然后根据网页表现的文字及内容来搭配辅助颜色。在色彩的运用过程中,还应注意的一个问题是:由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈.个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
网站的色系包含网页的底色、文字字型、图片的色系、颜色等等。这不单只是将颜色搭配得当就算完美,还要配合网页内容,及网站主题。接下来小编从网上整理了一些关于网页制作的小心得与读者分享,希望对各位五金同仁的网站建设与维护工作上有所帮助。
1、网页的底色
网页的底色是整个网站风格的重要指针。举例来说,以黑色作为背景颜色的网页,因黑色本对人的视觉上会造成黯淡的感觉,若是拿来用作活泼的儿童网站,就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的,与黑色的沉稳、黯淡,很难联想在一起。当然,每个人的审美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给自己看的,就应该要注意到大部分人可能会有的观点,然后以众人居多的观点出发,来设计网页。
2、文字字型
文字字型上的设计,最好的网站建设是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型,才能达到最佳浏览效果,这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容,不可能会因为这种“为达最佳浏览效果”,而自行下载所需要的字型。当所要求的字型若不下载,并不会影响到网站内容上的浏览与不便,那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来,对于网页设计者来说,无非是非常可惜的,因为当初的设计风格却未能让浏览者一窥全貌,岂不是白费心思的吗?
3、图片的色系
以色彩学简单的区分,色系可分为冷色系与暖色系,再详细一点的区分,又可分出各种颜色的色系,而色系的区分,就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应,就是比较困难的地方了。要绘制一张图并非易事,要绘制一张符合自己网页风格的图,更是困难重重。大部分的网页制作者,并不大可能驾轻就熟的使用影像处理软件或绘图软件,于是乎,网页素材的网站就开始盛行了。当然,不会使用绘图软件并不代表网页就不能设计的很出色,若是能将网络上的素材资源妥善利用,网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片,就是门很大的学问了。
以图片内容来说,能切合网站建设主题最好,若不能,也别差异太多。以颜色来说,若一个网页是蓝色的底色,但整个网页的图片却乱七八糟,各种颜色纷纷出笼,更糟的是,蓝色是属于冷色系的颜色,若以蓝色为底的网页,却尽都是大红色、橘色的图片,那将会使整张网页看起来就像垃圾堆,杂乱无章。所以,可以简单的归纳出,网页与图档的颜色,色系一致或是视觉效果一致,将会使网页看起来更为美观且有自己的风格。
另外还要注意网站主色调的选取,一般采用两种方案:
1、结合企业的的VI视觉识别系统
在拜访客户时,设计师有必要留意公司前台屏风上采用企业标准色设计制作的LOGO及企业名称,这些信息在公司的名片及Catalog、信笺上均有所体现,为了统一企业的形象,可以建议企业在网站色彩搭配及风格上同企业的VI视觉识别系统相一致。
2、结合产品、内容的特点
根据产品的特点来确定网站的主色调,如产品是要结合奥运概念的的,可以建议采用绿色或者五环色,主营产品是高端商务办公类的一般建议采用蓝色或者银色等。但是这些都不是生搬硬套的事情,都需要结合客户的实际需求。
关于色彩搭配的一些小技巧:
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
我们五金行业惯用色彩大多是红色、蓝色、黄色以及金属色系,而如今社会对外界新鲜事物的包容性也越渐加强,尝试新鲜的色彩表现也是未尝不可。五金一向带给人们力量与质感的印象,也可以大胆做一些小小的尝试,例如家用型的五金制品可以根据使用人群制定色彩的搭配,多采用一些温和的暖色调,例如橘黄、玫瑰红等等营造出一种家的温馨感受。色彩必须抢眼,能够加深人的记忆,这样才能达到色彩表现所约定的效果,小编推荐五金网站可以注重下色彩营销,或许会有意想不到的效果和收获。
⑩ 网页设计中的色彩有何应用原则
看看优秀的网站能够给我们带来很多启示。下面我们就先看看这些主色调的象征意义和这些色调中做的比较优秀的网站。
灰色:象征冷静、中立;(苹果、维基网络、纽约时报……)
绿色:象征健康、生命;(BP石油、食品超市whole foods、星巴克……)
蓝色:象征可靠、力量;(戴尔、大众汽车、IBM……)
紫色:象征智慧、想象;(雅虎、T-Mobile、科幻主题电视台Syfy……)
红色:象征血气、年轻;(可口可乐、乐高、肯德基……)
橙色:象征欢乐、信任;(芬达、亚马逊、火狐……)
黄色:象征温暖、透明;(百思买、法拉利、麦当劳……)
网页设计色彩搭配原则
网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。
蓝为主调。蓝色多与白、橙搭配,。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。
绿为主调。绿色多与白、兰两色搭配。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。
橙为主调。橙色多与白、红搭配。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。
暗红为主调。暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
网页设计师需要注意的几点
尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。
在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。
忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!
忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
忌跳是指再好看的颜色,也不能脱离整体。
忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。
另外,蓝色忌纯,绿色忌黄,红色忌艳。
当然,作为网页设计师,我们最需要时刻提醒自己的是不要为了设计而设计。
一切的设计都要以用户的需求为导向。一个优秀的网站,会给用户非常直观简介明了的体验和简明的导航。