当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 网页颜色的使用风格

网站优化
主流论坛程序相同的搜索引擎优化注意要点
Web标准有利于搜索引擎优化?
把访问者留在网站的核心 SEO观念要正确
做好网站链接建设 做好自然链接人工链接
比较快速地提高网站PR值的十个有效办法
百度图片搜索优化技巧 让网站流量再翻番
对症下药 如何让自己网站不被百度潜规则
搜索引擎如何来评估网站链接的
优化热门关键字的5点心得体会
提高文章搜索引擎优化质量的十八个小技巧
谷歌官方《搜索引擎优化指南》网站内容篇
谷歌官方《搜索引擎优化指南》链接文本篇
谷歌官方《搜索引擎优化指南》标题标签篇
谷歌官方《搜索引擎优化指南》网页图片篇
SEO关键字排名VS用户体验谁更重要?
网站优化的几个要点
影响网页在谷歌搜索引擎上权重的三个因素
针对谷歌搜索引擎 选取关键词的十个技巧
从搜索引擎优化角度 分析月光博客的成功
快速获取百度排名之偷梁换柱与抛砖引玉篇

网站优化 中的 网页颜色的使用风格


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-02   浏览: 111 ::
收藏到网摘: n/a

前段时间在技术区看到有朋友提出要做个配色方面的教程,颜色方面自己过去只学过一些水粉和国画,稍微具备点颜色搭配能力,在者后来学习的漫画几乎没有用到颜色,全是黑白线稿,到现在做的鼠绘,配色也都是摸着石头过河,今天在网络上搜集了一些资料仅提供给大家参考,毕竟目前关于动画制作配色方面的教程真是少之又少啊,不专业学过还真不晓得该说些什么呢,让大家见笑了。

======================================================================

这里先根据我朋友LONE在闪客皇朝(http://www.flashking.cn)所做的配色教程开始讲。

依次演示:

1、紫色系与黄色系

说明:紫色占大部分画面,添加黄色就占少量画面,这样看上去会比较协调。相反,如果黄色占了大部分的画面,紫色就必须占少量画面。

2、红色系与绿色系

3、红色系与黄色系

4、红色系与黑色系

5、红色系与白色系

说明:

这里大家练习的同时,偶要强调,两种对比色不要在同个画面五五对分,比如图1)紫色占大部分画面,添加黄色就占少量画面,这样看上去会比较协调。相反,如果黄色占了大部分的画面,紫色就必须占少量画面。还有一点,建议大家在要凸显的主体物加以白边或黑边,因为在颜色很多的情况下,黑,白,灰,会起到中间色的作用,来给画面强烈的对比反差做协调。比如要用黑色加边,也不必用纯黑,深色也可以,黑偏蓝啊,黑偏红啊,黑偏黄啊,依次类推,看你自己的感觉了。

不过建议刚开始练习用色的朋友先从纯色练习着手,把握好色彩感觉后在做比较深的研究。

[NextPage]

颜色搭配并没有一个固定的模式,如果搞过绘画的人应该知道凡高的作品《向日葵》和《星空》,他的作品颜色搭配很大胆,而且完全超出逻辑,颜色反差很大,使人视觉感受莫大的冲击力!而以上LONE的配色方法,他主要是以粉色调为主,使颜色与颜色之间达到和谐和统一,让人看起来很舒服的样子。

例图:

通常为主色调决定你要搭配什么样的颜色才协调,如上图,主色调为暗绿色,而人物黑白色作为中间色,字体的色调就要做到相应调整,让人首先看到人物眼睛——首饰——闪客皇朝字体,然后才会注意到背景,色彩能引导一个人的视觉走向,跟配色不无关系。

如果配色过于复杂多变,那很难让人把握住中心,我们称之为“记忆点”,你要将什么中心明确的向大家展示,那你就要让它在主背景色中突出表现出来。

如上图,主背景色调为蓝色+部分黑色,而白色是突出表现中心的一个色调,那鸽子的造型就用白色表示,如果用其他色调,如果是墨绿或者与背景色相似的颜色,那就形成不了反差,也就无法体现整幅图的中心点,更不能烘托气氛了。

以下的图是同样的道理,大家可以参考下:

图1:

图2: