网页设计如何配色?专业设计师告诉你
这些食物网站使用的颜色,可以使你开始感到饥饿
但愿这些能有助于你今后选择合适配色方案,你已经学到了一些色彩理论的历史以及它们相伴的关联含义,务必聪明而细心地发挥你设计师的能力。
案例分析:推特Twitter
你头一次接触Twitter网站时,会注意到它的设计主要为蓝色。我们知道蓝色是一种用于web的安全色彩,因此Twitter在其网站上用到它就不足为奇了,特别是它还支持英语、法语、德语、意大利语、日语、韩语和西班牙语等多种语言。支持这么多语言意味着你的受众是多种文化的聚合体。
图为标准的Twitter网站,该图显示了无色盲的人看到的Twitter主页的模样。
我们知道每12人中有1人为色盲,那么如果我们通过他们的眼睛来看这个网站,又会出现什么情况呢?
如果对比度和颜色组合太过相似,你的一部分受众就会无法看到内容。有许多方法可以模仿色盲效果。我喜欢用的程序是Color Oracle,这是一个适合Windows、Mac和Linux的色盲模拟程序,由伯恩哈德•杰尼(Bernhard Jenny)和纳撒尼尔•沃恩•科尔索(Nathaniel Vaughn Kelso)开发。
作为web设计师,我们听过渐进增强,但是有没有听过柔性降级(graceful degradation)?柔性降级指的是,网站采用现有最新最棒的功能设计和开发后,再用老的浏览器检查以确保新特性不呈现时,网站功能仍然有效。这一思想也适于色彩运用。先用你所需的所有颜色设计好网站,然后使用Color Oracle或Photoshop检查色盲支持效果。
颜色并非你工具箱里的唯一工具。选取能够凸显内容的颜色,但仍然要让用户能阅读内容。使用Color Oracle测试颜色组合,如有必要,则作出改变。记住一点,你希望自己的网站能让最广泛的受众看到,如此他们才能欣赏你的设计。
绿色盲:
绿色盲患者会看到这样的推特
5%的男性和0.35%的女性患有这种色盲,它让这些人无法感知红绿两色。
蓝色盲:
蓝色盲患者会看到这样的推特
这是一种最罕见的色盲,不到0.3%的男性和女性患有这种色盲,它会限制你识别蓝-黄色谱的能力。
<< 上一篇:网页设计一般用什么软件较好? | >> 下一篇:为什么说网站设计要超越颜色 |
- 2016-03-29网页设计一般用什么软件较好?
- 2016-03-25室内设计师的设计灵感如何培养?
- 2016-03-21创意商业空间展示设计如何才能做好呢?
- 2016-03-17参加郑州清新室内设计培训成就设计师梦想
- 2016-03-14平面设计师如何表达自己的设计思路
- 2016-03-04PS图像不清晰如何处理好呢?
- 2016-02-23室内设计师成本的概念是什么?
- 2016-02-23室内设计中施工面积如何计算?
- 2016-02-22做室内设计师一般要看什么书?
- 2016-02-22室内设计师资格证能挂靠吗?
- 2016-02-22室内设计师底薪一般多少?提成怎么算?
- 2016-02-22室内设计师如何拿返点?
- 2016-02-22世界著名室内设计师有哪些?
- 2016-02-22郑州平面设计培训哪家好如何选择辨别?
- 2016-02-22高级平面设计师的需要具备什么样条件特点?