网站设计中配色技巧

颜色基础知识
我们知道,人们视为“可见”的光可以分解为从蓝色到红色的一个渐进的彩虹光谱带。

图 1. 可见光谱
我们还见过(也许还用过)色环,色环显示如何通过混合两种或更多颜色来生成特定的颜色。色环实质上就是在彩色光谱中所见的长条形的色彩序列,只是将首尾连接在一起,使红色连接到另一端的紫色。

图 2. 色环
色环通常包括 12 种不同的颜色(如图所示)。虽然画家对色环和颜色理论的重要方面已十分了解,但我们当中的一些程序员却可能不十分清楚,这种理解上的不足会把事情弄得一团糟。
基色
图 3. 基色
按照定义,基色是最基本的颜色,通过按一定的比例混合基色可以产生任何其它颜色。为了识别基色,首先需要确切知道使用的是何种媒介。您可能在小学里学到基色有红、黄、蓝,但现在我们大多是用红、绿、蓝作为基色进行颜色显示。我想这不足为奇。
但如果您使用彩色喷墨打印机,请打开机盖看看墨盒。是否看到了红、绿、蓝?没有。您可能看见有四种墨水:青色、品红色、黄色及黑色。颜色不同是因为计算机显示器使用加色,而打印机使用减色。显示器发射彩色光线,而纸张上的墨水则从它反射的光中吸收了某种颜色。有关此话题的更多论述将超出本文范围,但如想了解更多一点的信息,请访问下面两个链接:
加色合成(英文), 由 Jim Scruggs 供稿
减色合成(英文), 由 Jim Scruggs 供稿
除发射和吸收光线的不同外,本文讨论的概念适用于加色和减色两种模式—但根据我们的目的,我们将重点讨论加色模式,在这种模式中,基色为红、绿、蓝。
次生色
图 4. 次生色
为了建立色环,下面我们希望了解通过混合任何两种邻近的基色获得的三种颜色。这些颜色即次生色:青、品红和黄。咦,我们不是谈到过这三种颜色吗?是的,加色法中的次生色就是减色法中的基色。由此您可以推断出,减色法中的次生色也就是加色法中的基色。这就是加色模式和减色模式之间的相互关系。
三次色
图 5. 三次色
建立色环的最后一步是,再次找到现已填入色环的颜色之间的中间色。幸运的是,这些三次色对于加色法和减色法都是相同的。既然我们已经定义了在 12 点色环中使用的颜色,那么就可以讨论这些颜色之间的相互关系。
相似色
图 6. 相似色
相似色是指在给定颜色旁边的颜色。如果您以橙色开始并想得到它的两个相似色,就选定红色和黄色。使用相似色的配色方案可以提供颜色的协调和交融,类似于在自然界中所见到的那样。

时间: 2024-07-29 02:38:24

网站设计中配色技巧的相关文章

简述网站设计中的配色规则和技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网站设计中,许多企业和站长往往过多的看重网站布局,而往往忽视了网站色彩的搭配.网站的色彩搭配对用户体验有着很重要的影响,而色彩搭配有一定的规则和技巧,掌握这些规则和技巧才能设计出一个优秀的网站. 网页的配色规则是根据网页具体位置的不同功能而设定的.下面按照网页标题,网页链接,网页文字及网页标志的层次进行介绍. 1 网页标题 网页标题是网站的

网站设计中不可忽视的可用性

随着互联网竞争日益激烈,同质化的网站越来越多,但只有提供了最佳用户体验的那一个才会胜出.可用性是一个设计者必须要重视的原则,来自IBM的工程师张群撰文从多个方面阐述了可用性原则在具体网站设计中的细节实现和具体案例,值得网站设计者借鉴. 作者首先强调了可用性设计的重要性: 相互竞争的网站通常提供相似的功能,我们经常能感受到视频网站同质化,团购网站同质化,社交网站同质化,门户网站同质化,它们之间信息内容重复.服务项目雷同,但只有提供了最佳用户体验的那一个才会胜出.在网站设计.开发及发布过程中,通常可

网站设计中如何将对应的用户网页的数据保存在数据库中

问题描述 网站设计中如何将对应的用户网页的数据保存在数据库中 最近在做一个关于二手书交易平台的小项目(毕业设计),在处理用户登录后自动跳转到所对应的用户个人网页时没什么思路,求各位大神指点一下...小妹初来乍到,不甚感激啊... 解决方案 并不是直接把用户的网页保存在数据库中,而是把用户的信息存在各张数据表中.在用户登陆后可以获取到用户的ID(确保是唯一的),根据这个ID获取数据表中用户的相关信息,然后在用户个人页面进行展示..比如表A是用户表,其主键为user_id,同时user_id为表B的

seo如何完美的融入到网站设计中

  网站设计不光光是设计师和程序员的事情,现在更多网络公司在设计网站的时候一般需要融入SEO,所以需要SEO人员的配合.那么seo如何完美的融入到网站设计中呢?南安seo列出对网站结构的优化应该注重的几个方面: 1.标题title 为符合SEO一般规则,标题应注意包含关键词不易过多,一般为不超过3个;还要注意不能所有页面的标题都一样了,虽然现在SEO很普及了,但是还是有一些网络公司在设计网站的时候不当一回事,这给用户体验和搜索引擎排名带来很大的不利. 2.URL路径 URL路径里最好包含关键字,

网页设计易用性:43条网站设计中常犯的错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性.如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念,因此希望这篇文章对大家能有作用. 1. 用户必须在几秒钟知道网站是做什么的. 注意力是因特网上最有价值的货币.如果访问者无法在几秒钟之内得知你的网站的方向,他很有可能转而访问其他网站.你必须迅速地告诉访问者为什么要在你的网站上花费时间. 2. 让网站易于速读. 因特网不是书,因此没必要使用

动态-web网站设计中数据库连接问题

问题描述 web网站设计中数据库连接问题 iis可以浏览动态页但是无法插入sqlserver2000数据库,odbc已经连接,dreamweaver也连接好了 解决方案 sql server2000比较老了,和windows 2003以上不兼容,先检查下配置再说

搜索框在网站设计中的重要性

摘要: 在整个网站设计中,搜索框的外观要显眼,方便用户快速找到.网站建设公司普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间网站设计. 但是由于错误 在整个网站设计中,搜索框的外观要显眼,方便用户快速找到.网站建设公司普遍认为搜索框只是一个输入和提交内容的按钮而已,因此他们根本不需要花时间网站设计. 但是由于错误观念泛滥,站长们也错失了一些潜在的机会.由于网站设计上的缺失以及亮点不突出,用户通常会被搜索框的位置弄得焦头烂额,他们通常会点击"返回"按钮(离开网页)

图片在电商类网站设计中的引导作用

  图片会帮助你实现你的电商业务目标,也可能会伤害你的转换率. 听上去很简单,不过除非你能够真正了解图片是如何来引导人们做出购买决定的,图片的一些设计细微差别就可能给你的转换率带来截然不同的作用. 因此,从今天开始,不要再盲目地添加一些没有必要的装饰图片到你的网站了! 为什么你不该使用图片来做装饰 如果你经常写销售文案或者Landing Page,你可能听过这样的话:"一字值千金,一图抵千字" ,这绝对是一个真理--前提是你使用了正确的图片. 错误的图片通常会让人们觉得混乱,然后很容易

网站设计中的色彩如何搭配

  一个网页设计师对于颜色来说是比较敏感的,因为色彩搭配是整个网站的重要点.如果搭配的不合理就会产生层次不清晰,网站没有重点,如果搭配的过于艳丽,又有些太炫的感觉.每一个客户的审美都是不同的,所以设计师经常被顾客说这里改一下那里改一下,一直不懂得客户到底要个什么样的,因为视觉感官是很难用语言表达出来的. 网页设计中首先要注意的是色彩三要素,色彩可用色调(色相).饱和度(纯度)和明度来描述.人眼看到的任一彩色光都是这三个特性的综合效果.其次是色彩的强度,简单的说是不同色彩搭配对肉眼产生的影响的大小