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

网站优化
网站被K掉,恢复出来的简单方法
WordPress博客SEO更加完美的6个技巧
成功经验分享:SEO和传统产品结合月入2万
SEO教程:1个月内做5000个有效的外链
建站杂谈:互联网搜索引擎的盈利法则
提高文章类网站的用户黏度的五种方式
寻找外部链接:适合做外链的10个免费博客空间
搜索引擎如何判断你的网站SEO作弊
SEO实验:探测百度的中文分词匹配技术
新手站长怎么应对搜索引擎封站
SEO教程:网页图片的alt属性设置小技巧
SEO专业人士的SEO十大谎言
网页设计师应该学习的SEO知识(一)
网站优化教程:网站管理员工具查询恶意内容
利用百度热词排行榜快速提升网站流量
SEO和SEM有效配合达到最佳的ROI
网站优化知识:网站PR值下降的16个原因
站长注意搜索引擎优化常见的4个不良习惯
网站优化教程:网站链接中的广度和深度
SEO技术真谛:提升关键词的搜索强度

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


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

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

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

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

依次演示:

1、紫色系与黄色系

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

2、红色系与绿色系

3、红色系与黄色系

4、红色系与黑色系

5、红色系与白色系

说明:

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

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

[NextPage]

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

例图:

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

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

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

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

图1:

图2: