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

网站优化
网络推广经验谈 浅谈交换友情链接中存在的若干陷阱
网页优化中Meta Keywords已经没有必要了!
SEO案例分析 alimama做SEO引流量的方法
百度快照 不更新的原因分析
友情链接不要太在意对方PR值
打造IP流量上万的五个网站推广技巧
正确的学习搜索引擎优化SEO
网站被搜索引擎惩罚主要的原因分析
黑帽 SEO到底有没有用
SEO与用户体验的关系
友情链接页与频道目录页的链接区别分析
针对搜索做网站用二级域名还是用一级目录?
搜索引擎最近的变化说明
SEO 大流量网站思路
SEO理论知识分享 SEO思想的转变
SEO教程 使网页代码尽量符合WEB标准
SEO入门技巧 学好SEO
做好百度优化的几个因素
Seo nofollow和Web标准化
SEO Globalsources应用锚文本和关键字

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


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

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

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

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

依次演示:

1、紫色系与黄色系

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

2、红色系与绿色系

3、红色系与黄色系

4、红色系与黑色系

5、红色系与白色系

说明:

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

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

[NextPage]

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

例图:

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

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

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

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

图1:

图2: