文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设经验技巧网页颜色搭配的技巧
精品推荐
特别推荐
·ADSL登录是错误,出现691是什么意思
·网站建设中的常用代码
·Web搜索引擎设计和实现分析
·网页心得:网页色彩的搭配
·网页颜色搭配的技巧
·网站上传方法汇总
·最大限度优化博客文章
·基本的页面设计元素布局比例
·网站策划书实例
·应用网页标准制作网站的几点好处
·网页设计心得:页面布局的简单规则
·注意:网页标题和网页Meta的写法
·网管员在日常维护局域网时的几点注意事项
·常用网页使用js技巧收集(200多个)
·WEB开发碰到的问题及经验十八则
·网页设计文字大小相关的四种设置方法
·怎样制作网页?
·谈论做网站的理念与技术
·“口碑营销”的关键问题是在效率
·网页制作,改变你的思维方式
热点TOP10
·jsp Smart Upload上传下载全攻略
·制作网站的步骤和方法
·常用网页使用js技巧收集(200多个)
·知道对方的ip地址,如何查具体物理地址?
·一些网页设计师面试试题及参考答案
·轻松去除视频中自动弹出网页
·网站策划书实例
·怎样制作网页?
·ADSL登录是错误,出现691是什么意思
·网页设计心得:页面布局的简单规则
·网页设计配色应用实例剖析——紫色系
·网站建设中的常用代码
·网页心得:网页色彩的搭配
·17岁高考落榜生成为世界顶尖的IT高手
·asp.net如何生成图片验证码(简单)
·如何记录访问者IP地址
·素材网站、优秀设计素材大全
·网页颜色搭配的技巧
·如何获取IP地址
·网页登录界面设计需要注意的几个问题

网页颜色搭配的技巧

日期:2008年2月25日 作者: 查看:[大字体 中字体 小字体]


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

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

  依次演示:

  1、紫色系与黄色系

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

  2、红色系与绿色系


  3、红色系与黄色系

  4、红色系与黑色系

  5、红色系与白色系


说明:

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

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

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

  例图:

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

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


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

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

  图1:

  图2:


  图3:

  图3的背景色为纯白,那使用淡蓝色搭配能很好的体现主题。各种颜色的搭配能让我们产生共鸣和丰富的想象空间:

  谈到配色,网站用色甚为考究,一个配色好的站点,首先吸引人的第一中心点,就是它良好的颜色搭配,然后才会让人注意内容。

  不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:

  1、公司色

  在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然,底蕴深厚。

  2、风格色

  许多网站使用颜色继承的公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。

  3、习惯色

  这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。

  以下我分别介绍几个配色比较好的网站,大家可以学习和借鉴下,培养对色彩的敏感以及独到的审美能力。

  1,这是个大型的NBA网站,通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB(48,48,48/#333333){以下颜色都用RGB表示},文章标题用色为RGB为(203,201,153/#CCC99),菜单使用的RGB为(112,119,112/#707770)。这样的配色可以显示独特的个性,又不失大型网站的风采。

  如图:



[1] [2] [3] 下一页 




上一篇:不打开网页直接查看网站的源代码

下一篇:美化或增加网站功能的一些代码

网页颜色搭配的技巧 相关文章:
·电脑高手的140个电脑技巧
·《拳皇2002》隐藏超杀出招表 - 技巧心得
·楼梯的上做爱技巧 (图)
·太阁立志传4 攻略及技巧
·新出QQ技巧十六招
·WindowsXP超级技巧
·Vista系统使用技巧总结
·Windows XP的20个超级实用技巧大全
·为什么iexplore.exe在打开网页时CPU使用会100%?
·绝对好用的注册表技巧
网页颜色搭配的技巧 相关软件:
·招聘面试技巧 视频教程
·Dreamweaver 网页设计
·中文版Excel 2003实例与技巧
·photoshop cs 超梦幻网页创意宝典
·东方网页王III 正式版
·古典网页模板
·交际-电话沟通技巧
·摄影技巧与欣赏
·中文版 AutoCAD2004 应用实例与技巧
·电脑技巧精彩文章一百篇

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn