网页视觉设计:如何决定你的配色方案
来源:互联网 发布:redis sentinel java 编辑:程序博客网 时间:2024/05/19 12:13
创造一个Palette的过程中,色调和饱和度不一定是最重要的部分,颜色彼此之间如何相互作用,在我认为是更为重要的。
“我不确定那是蓝色。你能把蓝色调的更‘正’一些吗?我听说蓝色体现了一种信任感。”
设计师们在他们的职业生涯中无数次地听到这样的评论,而且这也确实是很好的交流。客户并不经常这样细致的对某个颜色做出评论。配色汪汪在一定程度上反映出个人的品味或者是他们在某些文章当中阅读过有关“颜色含义”的内容——比如说蓝色和茶色搭配在一起比蓝色和鲜艳的橘色搭配在一起更加正式。但是,这些基本颜色是可以以不同的理解全是的,就像note on the Microsoft Office site谈到的:
西方文化中与颜色相关的内容
COLORPOSITIVENEGATIVEWhiteClean, innocent, pureCold, empty, sterileRedStrong, brave, passionateDangerous, aggressive, domineeringYellowHappy, friendly, optimisticCowardly, annoying, brashBrownWarm, earthy, matureDirty, sad, cheapGreenNatural, tranquil, relaxingJealous, inexperienced, greedyBlueStrong, trustworthy, authoritativeCold, depressing, gloomy其实是颜色的组合使网页配色变得非常困难。
一个很简单的方式就是使用这些在线应用来为您实现想要的配色方案:
- HSL Color Schemer
- ColourLovers’ Palettes
- Adobe Kuler
- Color Palette Generator
那该选用哪一种配色方案呢,或者说某种搭配方式更加有价值?经验而谈,根据颜色的对比度/亮度来考虑色彩组合。
Color decisions need to consider contrast because contrast is key to usability. It’s also the most powerful visual information – before hue and saturation – and therefore best capable of guiding attention. Furthermore, it’s much more effective to counteract color deficiency confusion by testing for contrast, than trying to choose the “right” color hue.
http://www.lighthouse.org/accessibility/design/accessible-print-design/effective-color-contrast
换句话说,色相和饱和度对于配色来说并不是最重要的部分。如果说颜色之间的互相搭配不算比它重要的话,也至少和其一样重要。
那是因为人的视觉是首先查找边缘的。在意识到真正的色彩之前,人眼最先发现的是颜色的对比度和亮度的区别。选择最好的配色方案的一个很简单的方法就是给你的色彩搭配去个色,或者说是降低饱和度,看看颜色之间的区分度:
这让颜色搭配选择变得更加简单。注意一下上面的图片,“Not as effective”部分的文字看上去识别性要低于“Effective”的色彩搭配。
大多数情况下,我们要考虑色彩搭配打来的可读性和可用性问题。在很多确切的案例中,使用低对比度的色彩搭配更有利于让用户减缓他们阅读内容的速度。当然,这种方案相对来说也更难被客户接受,因为他们看起来有些奇怪。
让我们去ColourLovers找找#0099ff,下面是些随机推荐的配色方案:
如果我们对以上方案进行去色处理,我们将会对他们如何相互联系的有另外的理解:
上面的例子中,我们可以看到“Automan”方案的三种颜色有非常接近的亮度,使他们会产生些许的光学误区。“Island Mist”的亮度问题显得更加严重。
当然,因为一个配色方案中仅仅有颜色层次对比的考虑,是不能够成为好的颜色方案的。确实是这样的,解决配色问题的经验给予可与和设计师更多的参考。
每个人看待颜色都有一点点的不同,并且他们有自己的品味。随着时间的推移和我越来越多的参与项目,客户和设计师们会尊重个人的品味,以此为依据提出他们的创意方案。有时,获取更多的基本数据将会对一个设计师的决定很有帮助。也会为设计师提供为什么是选择“那种蓝”提供合理的依据。
你是如何决定你的配色方案的呢?就是随着自己的感觉走吗?
- 网页视觉设计:如何决定你的配色方案
- 如何更好的设计网页配色
- 配色方案助你实现完美设计
- 网页设计中如何正确配色
- 国外网页配色方案
- 网页配色方案
- 网页配色方案组合
- 网页配色方案
- CSS:网页配色方案
- 网页配色方案
- Web网页配色方案
- 网页配色方案
- 一款App的配色方案如何建立?
- 网页设计中有效的配色
- 网页设计配色: 色彩的调和
- 2016太原UI设计师让你快速学会UI界面设计及网页设计的配色技巧
- 分享一套网页配色方案
- 【搞定配色】超实用!帮你快速搞定网页配色的方法(附配色神器)
- 正方高校教务管理系统漏洞修复
- 想学手机网站和应用程序设计开发,希望您能给我指点指点,不胜感激
- ubuntu 12.04(64位)下搭建android2.3/android4.0开发环境
- RTSP服务器实例live555源代码分析
- 怎么写论文摘要
- 网页视觉设计:如何决定你的配色方案
- 话说JAVA SE 序列化(serializable)与 外部化(externalizable)简单实例
- Refactoring-Improving the Design of Existing Code——学习笔记(3)
- Linux下版本控制软件 RabbitVCS 取消对某个文件的的版本控制
- hdu 1087 dp
- 国内Android应用推广渠道
- Hibernate连接池的配置
- 网页效果图设计之色彩配色索引
- Refactoring-Improving the Design of Existing Code——学习笔记(4)