动画创作家园  动画人最专业的动画理论网站。
高级搜索
维爱迪-动画创作家园 >> 动画理论 >> 文字色彩与可读性分析

文字色彩与可读性分析

维爱迪-动画创作家园 出处: 作者: 日期:2010-6-12 8:49:06 3D MAX 动画制作教程 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | Photoshop入门与进阶实例

c)相同明度下,色相与RGB中最大值,最小值的位置,以及中间值的大小有关:

i.在相同明度下,不同色相的颜色RGB最大值和最小值始终保持恒定;
ii.RGB中最大值和最小值的位置会影响色相,例如#775533和#557733;
iii.变换RGB的中间值可以影响色相,例如#FF0055和#FF0088;

d)饱和度与RGB中最大值,最小值之间的差值有关:

i.RGB中最大值,最小值之间的差值越大,饱和度越高;
ii.RGB中当最小值趋于00,或者最大值趋于FF后,饱和度不能再提高。

结论三

  1. 在颜色较暗时(即RGB没有一项数值达到FF),增加明度可以起到增加饱和度的目的,降低明度就会降低饱和度;
  2. 在颜色较亮时(即RGB没有一项数值达到00),增加明度可以起到降低饱和度的目的,降低明度反而会增加饱和度;
  3. 颜色饱和度越大(即RGB中最大值与最小值差值越大),在相同明度下的光谱范围越大(即可变换的颜色种类越少);
  4. 颜色饱和度越小(即RGB中最大值与最小值差值越小),在相同明度下的光谱范围越小(即可变换的颜色种类越少);
  5. 色相的变化不会影响到明度和饱和度;

四、根据这些研究,我们能够得到什么可以运用的东西?

  1. 高饱和度的红色(#FF0000),紫色(#FF00FF)推荐不使用;
  2. 高饱和度的蓝色(#1834D1),橙色(#FF4E00),可以用于少量的文字可以更好地吸引视觉注意,但最好不要用于列表中的链接;
  3. 根据前面的分析,我们得出调制可以用于列表链接蓝色的方法:通过降低蓝色通道色阶来降低颜色整体的饱和度(例如将#0000FF调整#000099),为避免过暗,和黑色混淆,我们还可以增加其他原色通道的色阶,调整其明度(例如将#000099调整为#005599)。
  4. 颜色不协调,可以通过降低饱和度来达到协调,也可通过采用调整色相来达到目的:

    一个现成的例子就是我们网页中采用的#FF4E00色值,和#FF0000的饱和度其实是一致的(不信可以变成灰度图看看),之所以色值为#FF0000的颜色显得更刺眼,是因为在同样的饱和度下,红色比橙色更让视觉神经敏感,还记得这张图么?

原文:http://www.xso.name/blog/2010/06/text-color/

第一页上一页123下一页尾页
责任编辑: brahma 参与评论 H网电影院 超爽动漫 电影 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | 超低价图书
复制本文地址给好友 -
相关文章
学习色彩大师运用Photoshop创作一幅草图[06-12]
学习色彩大师运用Photoshop创作一幅草图[03-20]
让你垂涎欲滴!色彩缤纷的水果图片处理[12-29]
Photoshop入门与进阶实例:1.8 图像色彩的调整[12-05]
色彩点亮梦想:个性女原画师执著CG人生[07-13]
巴西Estudio Alice工作室插画(3)[04-09]
最新文章
2010“亚洲最具影响力设计大奖”中国区发布会报名[06-12]
学习色彩大师运用Photoshop创作一幅草图[06-12]
使用Photoshop创建阿凡达电影海报[06-12]
经典教程之3ds Max常用建模技巧[06-12]
教程详解 Vary打造照片级效果图之“廊”[06-12]
Photoshop创建一个绚丽的3D文本效果[06-12]
关于我们|联系我们|免责声明|版权声明|创作说说(旧版)|标志大全|友情链接
动画创作家园QQ群①:2444514(满) QQ群②:15363563(满) QQ群③:48533909(满) QQ群④:44832229 (满) QQ群⑤:43100861 (满) QQ群⑥: 48773990 最佳分辨率 1024×768
维爱迪动画创作家园 冀ICP备19004920号-4
如果您感觉动画创作家园不错,别忘了告诉您的朋友哦,朋友会感谢您的^_^