- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
设计师色彩理论终极指南精要
设计师色彩理论终极指南
如果一幅图所表达的内容就可以胜过数千文字的叙述,那么一张界面又有多少内容可以让我们探讨呢?事实证明,这里有许多不同的主题值得我们去讨论,其中一个主题就是色彩理论,它包含挑选一个匹配颜色色系的基本技巧。
当你在设计网站时,采用的颜色会传达出截然不同的思想和情感,所以为你的品牌选择合适的颜色非常的重要。例如,如果你给美国的顶级沙滩设计网站,和你创造一个像Groppon一样的在线商城,你肯定希望用不同的配色设计它们,因为它们传达的是不同的信息——一个网站传达的是让人心情放松,而另一网站传达的是由于做了一次非常棒的交易而让心跳加速兴奋。
本指南探讨的主题是关于网站和平面设计的色彩。学习先进的色彩理论最好的方法,是通过实践,而不是理论。但是为了提高,你必须有一个起点。除了有用的配色技巧和观点,你还可以发现许多宝贵的资源散落在整片文章中。
颜色的目的
从艺术的角度来探索色彩,它可以使主题更加鲜明。这就是一张绘图和一幅绘画主要的区别,尽管它们能传达相似的信息。这个道理适用于任何设计包括网页设计。
将色彩添加到设计中使画面的表达更加丰富。图形、字体、按钮和超链接,一切都可以在某种程度上匹配总体的基调。例如,葡萄园网站的颜色和水族馆网站的颜色是不同的。为什么呢?因为这是两种完全不同类型的网站,它们试图传达不同意义、目的或者感情给自己的目标受众。
因此,当在考虑颜色时,记住,颜色很少用来做页面的结构的区分和搭建。你应该用灰色来构建一个布局,就可以让人了解到界面的整体结构关系。访问者在浏览网站界面时,色彩可以带给访问者更加丰富的信息内容。
HSV色彩模型
大多数色彩理论文章讨论的观点是, HYPERLINK /the-psychology-of-color-in-web-design/ \t _blank 每种色彩背后的思想和它们表现出的情感。我觉得感情的话题太主观,虽然它是准确的。选择一个配色方案,不仅仅是凭情感,相反,我要研究颜色是如何工作的,以及如何开始自己练习。
一个良好的开端是色相(Hue)、饱和度(Saturation)、明度(Value)(或HSV)。你可能理解这些测量颜色的术语,但是我想告诉你这些值确实非常重要。明度是你在黑白照片上获得的信息——就是不同色度的灰色。把一个网站截图,将它转换为灰度图,你就会看到它的原始值。
这就是说,明度是明暗程度,表示颜色的明与暗,也被称作亮度。色相是最基本的颜色术语,通常用来衡量实际的颜色,如蓝色、红色或黄色。色相是相当简单的,你可以通过记传统的色轮来记住它的规律。
饱和度(或纯度)与一个颜色的纯度和鲜艳度相关。可以把饱和度看成是色调的强与弱、浊与清。大多数人识别饱和度就是通过对比香蕉黄和粉笔黄的区别。粉笔色更为“发白”,似乎缺少鲜艳度,因为它的饱和度更低。从下图的 HYPERLINK /wiki/Munsell_color_system \t _blank Munsell color system(孟塞尔颜色系统)图表中,可以获得更好的理解:
这个图是值得我们去理解的,因为颜色都是相对的。所以,一个“冷”色,像蓝色用在浅色中就不那么冷了,同样的“暖”色,在暗色中也就不那么暖了。颜色系统是一个奇怪的话题,因为它常常与其它颜色相互作用。这样听起来好像是没有意义的,但你可以把它作为学习的例子,在实际的项目中不断练习。
Harmonic模式
当选择一个配色方案时,你有很多不同的模式可以遵循。诚然不是每个人都懂得如何挑选颜色,幸好网络上有很多 HYPERLINK / \t _blank 方便的资源,来帮助我们完成这个任务。我认为这些 HYPERLINK /color-lab/color-theory/color-harmonies.htm \t _blank 色彩调和的网页做的很出色,但是让我们讨论一些更有趣的选择吧。
互补色是色轮上相对的两个颜色,它们之间的色彩对比非常强烈。例如,紫色按钮在黄色背景上非常的突出,因为它们是高对比度的配色。当然,这还取决于每一种颜色的饱和度,通过实践来理解是最好的。请记住:对立对比!
相近色在色轮上紧邻彼此。很显然这样的配色方案不会产生高对比度。但在设计图形、banner、纹理或者背景,这些需要匹配整个网页色系的元素时,这是非常实用的。毕竟在总体布局上,并非一切都应该是需要高对比度。
三色式是在色轮上等距隔开三个独立的颜色,三种颜色在色轮上要呈正三角分布。当要摆弄这种配色方案时,一定要选出一种色彩作为主色,另外两种作为辅助色,平衡色彩,决定它们应该如何融入整体布局。饱和度在其中扮演重要的角色,但是整体的配色方案任然不会因此发生大的变化。
分裂互补色非常像前面的互补色方案,但稍微有些变化。该配色方案是从色轮上的一个点开始,搭配
您可能关注的文档
- 设备维护保养培训.2015ppt精要.ppt
- 大气受热过程(定稿)要点.ppt
- 设备能源基本知识精要.doc
- 设备质量保证与机械完整性精要.ppt
- 大气的运动规律要点.ppt
- 设施农业文献检索1精要.doc
- 设备运行与维护精要.ppt
- 大气环境1要点.ppt
- 设施园艺工程与我国农业现代精要.doc
- 设备管理创新与信息化精要.ppt
- 江苏省常州市奔牛高级中学2024年高三冲刺模拟数学试卷含解析.doc
- 2023-2024学年白城市重点中学高三第二次诊断性检测数学试卷含解析.doc
- 2023-2024学年河北省石家庄市晋州市第一中学高考仿真模拟数学试卷含解析.doc
- 6.12化学能与电能 课件 高一下学期化学人教版(2019)必修第二册.pptx
- 6.1.2 化学能与电能 课件高一下学期化学人教版(2019)必修第二册.pptx
- 7.3.1 乙醇的结构及性质 课件 高一下学期化学人教版(2019)必修第二册.pptx
- 有机难点习题课 课件下学期高一化学人教版(2019)必修第二册.pptx
- 7.3.1乙醇++课件高一下学期化学人教版(2019)必修第二册++++++++++++++.pptx
- 8.1.3 煤、石油和天然气的综合利用 课件 高一下学期化学人教版(2019)必修第二册.pptx
- 5.1 降低化学反应活化能的酶 课件高一生物人教版必修1 (2).pptx
最近下载
- 党性党风党纪专题教育课件.ppt VIP
- 数控技术参考文献.pdf VIP
- 2024年第五届“红旗杯”班组长综合技能知识大赛考试题库及答案(通用版).docx VIP
- AEC - Q100-004 - Rev-D - IC Latch-Up Test集成电路闩锁.pdf
- 2024物理中考专题亮点-专题04 物理阅读理解中考考题(含答案与解析) .pdf
- 数学人教版八年级上册数学活动:折纸做60°、30°、15°的角.doc
- 2023年药学考试-中药学(副高)历年考试真题试卷摘选答案.docx
- 外研版八年级英语下册module4单元整体作业设计案例.pdf
- 小升初数学专项试题-周长、面积、体积相关问题应用题闯关-通用版(附答案).docx VIP
- YYT-0664-2020医疗器械软件软件生存周期过程核查表.doc VIP
文档评论(0)