导航:首页 > 万维百科 > 以间色为设计的网页

以间色为设计的网页

发布时间:2020-12-19 17:53:40

1、网页设计中的色彩搭配

出色的网页设计能够给用户留下深刻的印象,包括整个页面的布局,图片展示以及内容编辑等,都影响着用户对网页的评价,但是所有的网页元素设计都离不开色彩的搭配学问,因为网站的整体格调,版面效果等是由颜色决定的,也是用户产生视觉共鸣的第一要素。以下是小编搜索整理网页设计中的色彩搭配,欢迎大家阅读!
我们经常所说的一个新颖充满创意的网页往往不是因为它真的有多特别,而是因为它用色彩搭配改变了人们对它的整体印象,带给用户的视觉冲击力极强引起的惊叹。有时候,光有一个不错的设计形态是很难得到用户的肯定的,只有用色彩方案赋予网页该有的品质才是一个好的网页设计。
色彩搭配虽然是一种抽象的东西,但它对于网页设计来说并不是那么困难,相信大多数用户对某种网站的主题和颜色的印象已经形成了一种定向,搭配起来容易得多。即使没有足够的`理论知识和经验,甚至是色感,只要遵循以下几个方面,就可在网页上运用自如。
网页配色选择
用户对颜色的认知绝大多数是类似的,无论是哪一类的网页,如果太过花哨不仅不会带给用户视觉的享受,还会干扰视觉,那么很明显,网页在显眼的颜色方面配色最好不要超过三种,以免造成页面视觉体验的混乱。
许多人认为不懂颜色搭配,就应找专业的颜色搭配来参考,从网络上搜集大量的配色工具来帮助设计,事实上这种方式会阻碍配色思维的发挥,甚至被误导。
对于主色,只要选择色相差异明显的,在对比色、临近色、冷暖色调之间能够达到互补就可以了,或者在自己选择好的主色中参考类似网站案例,就可以简单完成配色。
灵活运用色调变换技巧
在选择的颜色当中,善用透明度、柔光,颜色加深等方法来调试颜色的搭配,哪怕只选择黑白色,也可通过这种方式让颜色看起来不失光彩。
给颜色加上特效
颜色特效包括阴影,扭曲渐变,高光,线条映衬等,注重颜色的细节往往还是配色的成功之道,颜色种类尽管单调,但在特效上运用得当,也能彰显网页艺术特性。
当然,在网页设计选择色彩之前,一定要先综合考量网站的特性,前期工作固然不可忽略,免得最终设计的效果与用户的期待不相符,造成用户体验不佳的结果。
说到这个,也即是网站的定位和受众目标的考虑,例如:科技类的网站用户印象中都是充满神秘的,那么黑色,蓝色估计是比较容易接受的网站风格,最好迎合用户的认知习惯;再如,生态环保类网站,用户可能首先想到的是绿色,那就不能选择出入太大的颜色作为主色调。
网页设计配色学问,说难不难,说其容易也不简单,选择对的颜色搭配或许是成功的一半,它能抓住用户对网站的第一感觉,传递信任感,让用户更容易记住。

2、网站UI设计时应该以红绿蓝为色系基础,还是红黄蓝?

我做网站做了那么久,感觉网站设计没有标准的色系基础之说。

只能说要看这个网站是用在哪儿的,不同企业的网站风格和色系都会不一样,具体色系取决于很多因素,当为一个企业设计网站时,第一时间需要考虑的就是定一个主色调,主色调到底用什么颜色取决于太多方面,可以是客户的喜好或者是人家公司有自己的主色调,也可以是根据企业行当来判定该用什么颜色。

或者有些网站不是用于企业的只是用于介绍产品的,那就要看是做什么产品,产品面向的人群,不同的人群有不同的对应的色调,活泼还是稳重亦或者是优雅等等等等。。。

但是网站色系一定要遵循UI的一致性原则,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。

网站的底色是整个网站风格的重要指针。举例来说,以黑色作为背景颜色的网页,因黑色本对人的视觉上会造成黯淡的感觉,若是拿来用作活泼的儿童网站,就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的,与黑色的沉稳、黯淡,很难联想在一起。再举个例子,若是设计一个有关于环保的网站,若用暗红色作为网页底色,决计不会有人联想到网页的内容是与环保有关。当然每个人的审美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给自己看的,就应该要注意到大部分人可能会有的观点,然后以众人居多的观点出发,来设计网页。

3、网页设计中颜色搭配的重要性,常见颜色的含义

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

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

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

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

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

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

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

以上这些是我们在配色时注意的一些问题和解决的一些基本方法。我想还有更多的色彩问题,我这里没有谈到。如:色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等。
红色:热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号,用于警告或禁止一些动作。

紫色:创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。

蓝色:忠诚、安全、保守、宁静、冷漠、悲伤。

绿色:自然、稳定、成长、忌妒。在北美文化中,绿色代表的是「行」,与环保意识有关,也经常被连结到有关财政方面的事物。

黄色:明亮、光辉、疾病、懦弱。

黑色:能力、精致、现代感、死亡、病态、邪恶。

白色:纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。

打开一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计,在排除立体图形、动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象。因此,在设计网页时,我们必须要高度重视色彩的搭配。

一、色彩的基础知识

色彩五颜六色、千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它事实上包括红、橙、黄、绿、青、蓝、紫等七色,各颜色间自然过渡。其中,红、黄、蓝是三原色,三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分,冷色(如蓝色)给人的感觉是安静、冰冷;而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。

色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。一般情况下,各种色彩给人的感觉是:

红色代表热情、活泼、热闹、温暖、幸福、吉祥

橙色代表光明、华丽、兴奋、甜蜜、快乐

黄色代表明朗、愉快、高贵、希望

绿色代表新鲜、平静、和平、柔和、安逸、青春

蓝色代表深远、永恒、沉静、理智、诚实、寒冷

紫色代表优雅、高贵、魅力、自傲

白色代表纯洁、纯真、朴素、神圣、明快

灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞

黑色代表崇高、坚实、严肃、刚健、粗莽

二、色彩搭配的原则

色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。

1.特色鲜明

一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。

2.搭配合理

网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。

3.讲究艺术性

网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。

三、色彩搭配要注意的问题

1.使用单色

尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。

2.使用邻近色

所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。

3.使用对比色

对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。

4.黑色的使用

黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。

5.背景色的使用

背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。

6.色彩的数量

一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化

4、三原色,间色,标准色指的是什么?

三原色由三种基本原色构成.原色是指不能透过其他颜色的混合调配而得出的“基本色”.以不同比例将原色混合,可以产生出其他的新颜色.以数学的向量空间来解释色彩系统,则原色在空间内可作为一组基底向量,并且能组合出一个“色彩空间”.由于人类肉眼有三种不同颜色的感光体,因此所见的色彩空间通常可以由三种基本色所表达,这三种颜色被称为“三原色”.一般来说叠加型的三原色是红色、绿色、蓝色,而消减型的三原色是品红色、黄色、青色.
间色亦称“第二次色”.(品)红、(柠檬)黄、(湖)蓝三原色中的某二种原色相互混合的颜色.当我们把三原色中的红色与黄色等量调配就可以得出橙色,把红色与蓝色等量调配得出紫色,而黄色与蓝色等量调配则可以得出绿色.在专业上的来讲,由三原色等量调配而成的颜色,我们把它们叫做间色(secondary color).当然三种原色调出来就是近黑色了.在调配时,由于原色在份量多少上有所不同,所以能产生丰富的间色变化.
标准色:指企业为塑造独特的企业形象而确定的某一特定的色彩或一组色彩系统,运用在所有的视觉传达设计的媒体上,通过色彩特有的知觉刺激与心理反应,以表达企业的经营理念和产品服务的特质.

5、如何在网页设计中使用正确的色彩以表达情感

笑天涯说:为什么Facebook的主题色是蓝色的?为什么淘宝的主题色是橙色的?如何在网页设计时,正确地使用色彩?欲知个中缘由和方法,且看本文分解! 作者是位顾问,曾帮多家做出适当转型,让其营利上升,来看看他有些什么秘诀。 色彩影响人类心情与思考这件事情是真的,当眼睛看到某种颜色时,会将此讯息传回大脑的下视丘,经由一系列的神经传达,甲状腺分泌贺尔蒙,进而造成情绪、情感或是实际反应。 经由线上 uickSprout 的研究显示,颜色可以影响 90% 的产品评价;数位行销专家 Neil Patel 指出,85% 购产品的原因是出自于颜色,而色彩对于网路上各式各样的设计当然也具有一定影响。 跟相亲一样,第一印象很重要;只要抓住色彩使用的箇中奥妙,就等于抓住读者的心。 什么是色彩心理学? 在我们开始谈色彩攻略之前,先来谈谈色彩心理学,字面上来讲就是研究色彩如何影响心理的学问,有些人因为还没有大量文献研究背书,而对色彩心理学抱持怀疑立场,而我接下来要探讨色彩对于人的观感影响也不是每一项都经由科学证实,但是色彩对于认知行为的影响实在非常巨大,因此仍有探讨的必要性存在。 在一篇文献探讨中,Satyendra Singh 认为顾客在 90 秒内就会决定一项产品的观感,其中色彩就占 62%-90% 的决定性因素,色彩心理学的重要性因此不证自明,产品要成功,选色很重要,领导者、经理人、建筑师、主厨、设计师等等都应该正视颜色带来的影响。 色彩用对地方才能穿透人心 跳到正题,既然颜色这么重要,那要用在哪里才能真正发挥功效?本文将讨论各种网页上的颜色设计运用,最主要将着重在的主色调上,包含网页主图、标题、隔线、背景色、连结纽以及弹出视窗都在讨论范围内。 例如下图,NinjaJump 在 logo、码、分类连结、副标题连结、侧边连结都使用绿、黄、红三色,我们要讨论的重点也可以运用到选项栏位、侧边栏位与色彩策略等等。 色彩学真的非常精妙,不仅要用对地方,连天时地利人为因素都要加进去考量,才能展现威力。如果要在网页上跳跳床,你绝对不会想到要用黑色,看看NinjaJump?。 身为一个跳跳床的,我们可以预期的是明亮有活力的配色,红色、绿色、再加上一点亮澄澄的黄色对孩童与父母而言都是不错的选择。若今天的消费主要客是女性,可能这招就不管用,L&rsuo;Oreal 的就仅使用简单的黑与白色,加上些许紫色增添层次感。 关于为何 L&rsuo;Oreal 使用黑白两色是正确的,我留到稍后解释,首先再一次提醒运用色彩要注意:用对地方、用对时间、针对客、针对目的,我们先来看看以下几点。 女性不喜欢灰、橘与棕色;她们喜欢蓝、紫与绿色。 Patel 利用性别来分类男女对于颜色有何不同的喜好,在一项颜色与性别的研究中,35% 的女性表示她们最喜欢蓝色;再来是紫色占 23%、绿色占 14%。33% 的女性表示橘色是她们最不喜欢的颜色,再来是棕色 33% 与灰色 17%。 其他研究也显示女性较不偏好大地色系,只要看看瞄准女性做为主要客的线上购物就可证实。 化妆品牌 Milani Cosmetics 专供女性场,其首页上没有任何一点橘、棕、灰色。 Won&rsuo;s Day 则是把所有女性最爱的颜色 (蓝、紫、绿) 都放上网页设计了。 还是有人以为女生最爱粉红色,请容我在这先翻个白眼,事实上只有少数女性会将粉红色选为最喜爱的颜色,虽然粉红色与女性柔若有相关联,但使用蓝、紫、绿色,反而能够有效增进女性购物者的造访率。 男性不喜欢紫、橘、棕色;他们喜欢蓝、绿与黑色 如果男性才是的主要针对客,最好别用紫、橘、棕色。蓝、绿与黑色在传统上较常与男性气息连结在一起,棕色竟然不在此列倒是让人有点讶异。 蓝色可以增进使用者的信任 蓝色事实上是最被普遍使用的颜色,而且很多人喜欢,所以蓝色是最温暖的颜色(喂!)。 只要看看有关蓝色的文献探讨,就可以发现蓝色被认为是信任、和平、秩序、忠诚的象徵;也会让人有冷静下来的作用;甚至还可以将蓝色直接代表宁静。 在颜色对于心理影响的调查中,蓝色传达信任感与宁静的作用是被证实过的,所以看看 Facebook 就知道,将蓝色运用在主页面上用以传达核心价值:透明与信任。 如果 Facebook 的例子还不够明显,我们再来看看 Paypal,作为一个线上支付平台,同样也选择蓝色增进使用者的信任。如果他们用的是红色或橘色,大概让人以为是在跳楼大拍的机率还会高一点。

6、网页设计中如何更好的使用黄色色调

黄色是色彩系里明度最高的耀眼颜色,尤其是HSB数值H色相为60度正黄色时,它的特性越明显。由于黄色的特性,在网页页面配色的时候可适当添加明度较深的颜色,色阶层拉开,并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的意义和作用。
无论是高纯度低纯度还是多色彩的页面配色,白色起到关键的作用。
点睛色不一定就是非常显眼的颜色,也有起到调和整体网页页面配色的作用。
中间色通常被大面积的使用为主色调、辅助色,是调和辅助色(有可能是同时几种)与点睛色(有可能是几种)的色彩,是调和色、调和方法的关键。

7、色彩设计在web界面如何应用

一、 视觉引导功能

视觉引导功能遵循的是一条流畅的路径,网页色彩能顺利地引导用户在页面上移动体验。

在WEB界面设计中,色彩担负起和线条、文字一样的视觉引导和强调的作用。设计师可以充分利用色彩导向作用力量去美化页面,对重要的信息进行色彩的整合和强化,引导浏览者的注意力,有利于推广新产品。对需要强调的内容适当运用色彩加以突出,使浏览者加深记忆,提高网站的信息传递效率。在产品展示类型的网页中,色彩的强调功能尤为明显。我们在浏览一些页面中不难发现世界顶级护肤品牌HR赫莲娜的展示页面,它成功地利用色彩将浏览者的注意力引导到产品之上,给人留下深刻的印象。又如在某些商品展示类的网站,色彩的导向传递功能运用尤为明显:亮色系比如以黄色为背景一般所代表的意思是促销产品热卖产品,而蓝色、褐色或深绿色等冷色调的搭配则多用来表现商品的价值。

二、企业形象识别功能

企业标准色是企业形象识别要素之一,网站设计者将企业网络界面色彩与企业标准色相呼应起到了加深企业形象的作用。格罗佩斯(Walter Gropius)在他的《艺术家与技术家在何处相会》一文中提到“如果物体的形象很适合于它的工作,它的本质就能被人看的清楚明确。”从这里可以很深刻的了解到企业形象在信息传递和接纳过程当中所起到的非常重要的作用因素。色彩也是形成企业形象的关键要素,企业标准色是企业形象的色彩表示系统,人们一看到此色彩就会联想到该企业。把CI设计这一理念应用到网站整体形象规划与设计开发上来,以企业CI设计中的标准色作为WEB界面的主色调展开设计,使WEB界面成为企业形象的延伸和宣传,无疑是把WEB界面设计推向正规化、品牌化发展的道路。它可以使网站与企业具有共通的视觉特征,便于宣传和识别,通常达到事半功倍、相得益彰的效果。

百事可乐在全世界拥有较高的知名度,使人过目不忘的蓝色和标准字体已成为它的标志。我们可以浏览一下百事可乐系列站点,每个网站的主体风格不尽相同,美国总站稳重些,英国站比较活泼,即使站点风格有些差异但都保持了一致的文化特点,都采用了大快蓝色的底色,给人以热情、活力、喜悦的感觉,应用在网络界面设计中,让受众群联想到饮用百事可乐所带来的快乐心情,无形中就加深了百事可乐品牌在消费者的心目中的形象。

三、 视觉区域划分功能

WEB界面的首要功能是信息传递,色彩正是创造有序的视觉信息流程的重要因素。利用不同色彩设计进行视觉区域划分是网络界面设计中的常用手法,也是色彩在WEB界面设计中的重要功能。网络界面中的信息不仅数量多,而且种类繁杂,往往在一个页面中可以看到各种各样的信息问题,利用色彩分布,可以将不同类型的信息分类排列,并配合相应内容,有针对性地设计色彩;利用各种色彩带给人的不同心理效果,很好的区分出主次顺序,从而形成有序的视觉流程。

色彩的视觉区域划分功能实用性强,变化性强,灵活易用,适用面广泛,在信息繁杂丰富的门户类网站中应用较多,而且效果较为明显。利用色彩和辅助线把网络界面分成几个区域,这些区域可以是规则也可以是不规则的,以适应多种信息内容编排的需要。“FDI世界园”是一家招商投资网站,它的网络界面设计十分简洁,多趣味性。由多种色块矩形区域拼合成了网络界面的整体框架,用按钮形式来显示导航功能选择,很清晰地把网站的内容分类展示给浏览者,配合上网站通用的icon,整个网站十分舒畅,同时减轻的用户的视觉负担。

四、审美功能

WEB界面不仅具有实用的物质功能,而且具有审美的精神功能,发挥审美功能的界面形象与发挥实用功能的界面实体是同一的,它们具有同质同构的联系,网络界面是以一定的使用目的或物质功能为存在前提的,其审美功能必须以其使用目的为导向,即审美功能不能背离其使用目的。由于人的视觉对于色彩有着特殊的敏感性,因此色彩所产生的美感魅力往往更为直接。

色彩既是视觉信息传达的方式(实用功能),又是艺术设计的语言(审美功能),当网络界面的色彩所反映的情趣与人们的审美情绪发生共鸣时,也就是说色彩配合的形式结构与人们审美心理的形式结构相对应时,人们就会感觉到色彩和谐的愉悦。色彩设计对WEB界面设计作品的艺术品位起着举足轻重的作用,不仅在视觉上,而且在心理作用和象征作用中都可以得到充分的体现。因此,网络界面设计要以色彩的科学知识为基础,进而从美学的角度去探讨色彩设计的表现形式,增强WEB界面设计作品的艺术性,以创造出更富审美情趣的作品。在国内68design网页设计的站点,其中国内优秀设计作品中一家叫冰艺工作室的网站还是比较吸引人的眼球,让人不由自觉的想去点击它。它每个网络界面所选择的色彩和图形都能使浏览者自然地将其与产品风格联系在一起,界面中间色彩和四周部分黑、白、灰无彩色的色调搭配形成了动静相宜、多样统一的韵律美,给网络界面注入了活泼而新鲜的活力,从而达成令人赏心悦目的界面形式,和谐中富于变化,具有独特的创造性和审美价值。

五、品牌语言传递功能

品牌宣传效果不仅应该在视觉上,而且应该在心理上和象征上得到体会和理解。不同色相具有不同的语意特征。人们经过长期的社会生产实践和生活体验,对色彩形成了不同的情感和心理感受,人们将这种长期积累的色彩印象赋予各种语意特点并将其应用到生产、生活中。

在众多的网站类型中,不同的网站类型都有自身的色彩语意相关性。如儿童用品的网站设计多使用色彩亮丽、醒目的纯色;蓝色常用在表现同科技产业等相关新兴产业的WEB界面设计上。因此,设计者在界面色彩语言表达中应充分考虑不同色彩的语意特点,并将其和WEB界面主题内容结合起来。

六、主题鲜明功能

网络是信息的海洋,浏览者在网络中漫游无疑是寻找他们所需要的信息资源,网络界面传递的信息内容与传递方式应该是相互统一的,这是设计作品成功的必要条件之一。网络界面如何使浏览者迅速、快捷、准确的掌握主题,整合信息资源,这就需要设计师利用色彩的对比调和手段,产生视觉落差,来表现信息的重点,从而提高浏览者获取信息的效率。设计师可利用不同色彩自身的表现力、情感效应以及审美心理感觉等,使网络界面的内容与形式有机地结合起来,以色彩的内在力量来美化页面,或含蓄优雅,或动感强烈,或时尚新颖,或单纯醒目,烘托主题、突出主题。在网络界面设计的许多成功作品中我们都可以看出这一点。三星galaxys3公司的商业网站,进入该网站的第一需要就是找到所需的产品,WEB界面设计者就利用了产品图片显示颜色和灰色块强烈对比所产生的视觉落差,突出了右上角黑色文字主题内容和产品薄轻便的优势,以色彩的内在力量引起浏览者的重点关注,引导浏览者以最便捷的方式使用该网络界面,同时,灰色色块背景好似深沉的蓝色里的交音阶,高贵、气质不凡,铺色用心,恰到好处,使网站风格突出,大大增强了网站的艺术性和吸引力,从而提高了网站的知名度。

8、网页设计中的色彩有何应用原则

看看优秀的网站能够给我们带来很多启示。下面我们就先看看这些主色调的象征意义和这些色调中做的比较优秀的网站。

灰色:象征冷静、中立;(苹果、维基百科、纽约时报……)

绿色:象征健康、生命;(BP石油、食品超市whole foods、星巴克……)

蓝色:象征可靠、力量;(戴尔、大众汽车、IBM……)

紫色:象征智慧、想象;(雅虎、T-Mobile、科幻主题电视台Syfy……)

红色:象征血气、年轻;(可口可乐、乐高、肯德基……)

橙色:象征欢乐、信任;(芬达、亚马逊、火狐……)

黄色:象征温暖、透明;(百思买、法拉利、麦当劳……)

网页设计色彩搭配原则

网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。

蓝为主调。蓝色多与白、橙搭配,。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。

绿为主调。绿色多与白、兰两色搭配。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。

橙为主调。橙色多与白、红搭配。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。

暗红为主调。暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

网页设计师需要注意的几点

尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。

在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。

忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!

忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。

忌跳是指再好看的颜色,也不能脱离整体。

忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。

另外,蓝色忌纯,绿色忌黄,红色忌艳。

当然,作为网页设计师,我们最需要时刻提醒自己的是不要为了设计而设计。

一切的设计都要以用户的需求为导向。一个优秀的网站,会给用户非常直观简介明了的体验和简明的导航。

与以间色为设计的网页相关的知识