您的位置: 首页 > 技术文档 > 网页制作 > 培养色感的一些经验分享
Web 标准实践——豆瓣的首页 回到列表 (X)HTML Strict 下的嵌套规则
 培养色感的一些经验分享

作者:kissdream 时间: 2007-01-21 文档类型:原创 来自:蓝色理想

作者相关:http://www.picksun.com/blog/

    泡了论坛的艺术版块很长一段时间了,发现许多网站做不好,不对头的原因是在配色问题上,对于我来说,配色尤其重要,假如自己的绘图艺术能力不高,要突破的是在颜色和内容的运用上,至少看起来要专业一些,工整一些,务实一些。而我做站的第一步,就是要先确定所要运用的颜色。怎么去确定,做自己的个站我喜欢看心情,用颜色去表达心情,当然,这是在我积累了一定经验的时候的,大胆想象和运用自己所确定的颜色。确定好颜色,再者就是绘制界面,这个我会在下面慢慢讲解,现在先简单分享一下自己学习和积累的过程:

多看很重要

    许多人会很自然地去寻找网上有关于网站配色的理论性文章,这些文章层出不穷,理论性确实很强,但它却忽视了一点,就是很多的文章讲述得太术语化,一大堆的什么对比色,相关色,暖系,冷系,配色原则,而又缺乏一些例子,讲述色彩的文章,怎能只有白纸黑字,但当中也有不少的通俗易懂的,像经典论坛上艺术版的小毅版主的文章,推荐大家去看看!里面有网站的剖析,图文并茂,说颜色,并能告诉你怎样去思考。还有我不得不说的是网上流传的许多的配色表,不知道大家看了后有啥感受,应用得怎样,对于我来说确实没多大用处,可能我水平太菜了。我认为,网上的芸芸大师的作品,值得一看的优秀网站,就是一张张“活生生”的配色表,多看优秀作品是会有很大长进的!很自然的一个现象,如果你在论坛上发问,怎么提高自己的网页制作水平?大部分的人都说:多看网站啊!然后什么都不说,我确比较厚道,我也会告诉你去看,并告诉你,我是怎样看的。每次当我见到令我很感动的网站时,我会把他的色系拾取下来,并将布局简单记录下,这样做的好处是一方面既避免了抄袭,一方面也能做为一个积累,手头上的一份资料,将来肯定有用的时候,而且这样积累,自己的鉴赏水平和色感都能有一个提高!其实,除了看配色用色,还要看人家的网站布局,布局包括网站的内容设置,导航栏设置,位图的应用,不同类型的网站,是有不同的布局的,这个大家也知道,娱乐网站的布局与商业网站的布局肯定有分别,这个我不多说,还有的是看创意,看用户体验,简单地去操作一下,看人家的理念,总体的执行效果,它的网站,是否达到了它所要表达的意思!

    很多人有一个误区,就是“要看,就要看牛B的网站,这样才会有进步”这当然不错,但是我建议大家去看一些成长中的网页作品,虽然他做的不太好,但是从中也能学到东西,这跟在学校读书时老师叫你去看一些做错的题目一样的道理!还有就是多看与自己真实水平差不多的作品,从中你也能学到东西!另外一培养色感的一些经验分享点是,要多看国内的站,这很重要,许多人看老外的站,觉得很NB,其实如果形式上不变的话,换成中文的,是很难看的。看国内的站,主要是因为用的是汉字,中文,在排版上,布局上都遵循了自己特有的形态,如果你喜欢做E文的站,那多看国外的也无妨!所以,看老外的站,和看国内的站有小许差别,要懂得吸收不同的部分!文字应用,布局,国内的很多网站是很优秀的。

    我的另一个学习配色的一个很重要的途径就是:看优秀的标志设计

    你会问,看logo,对做站有什么用处?我说,有用,至少对于我来说。判断一个优秀的标志作品主要有几方面:颜色的运用,整体造型,执行效果等。后两者不属于我这次要讨论的范围。我们不妨观察一下标志作品在颜色上的运用,并以此为借鉴,去学习学习!

    我看优秀标志作品的用意,就是从中感受颜色的组合,并为我的网站服务,从而锻炼自己的色感。优秀的logo在感观上是很取悦人的,其中最重要的方面是在色彩运用上,既然有过人之处,我们又何妨去学习学习呢?而且我觉得有几点,看标志作品的独有的好处:

    1.它是一个最简单的配色表。颜色大多数不过三种,这和符合设计网站的口味。
    2.永远不会有人说你抄袭,往往地,我们看人家优秀的站,既把颜色给收为自有,而且把人家的布局有意无意地用上,我们可以说是借鉴,但太多的借鉴就是抄袭,看标志作品,没有太多的信息给你去做站,它只可以给你以颜色上的参考。
    3.如果你有意去打造自己的个人网站那么为自己设计一个logo吧,logo用色和网站用色结为一体,给人以整体感观上整洁专业,这是很有理论根据的,一些文章都有提到这点,也算是一个网站设计的基本原则吧。多看优秀作品,不但给你灵感,也给你一定的设计原则,这和网站设计在一定程度上是相同的!

    关于标志色感,我也有单独拿出来训练,虽然很幼稚,我觉得是很有必要的!其实看标志用色,只是我感受色彩的其中一个例子,很多方法重在你发现,生活中有很多很多美好的色彩等待你去发掘,你可以在电影海报上看到,户外广告,摄影作品,建筑设计,电视广告上,等等…我们又是否错过了太多太多?只是没有这个心去感受生活,工作的忙,学习的忙,都不是一个借口,灵感真的源自生活!

本文链接:http://www.blueidea.com/tech/web/2007/4444.asp 

出处:蓝色理想
责任编辑:colinivy

◎进入论坛网页制作网站综合版块参加讨论

热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 12 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 5 ,平均分: 4.80


shanchumima Publish at 2007-11-2 13:42:14 评分5
不错不错,我很喜欢看国外的网站,然后有时候换成汉字后,效果就相差比较大,看来以后要多看看国内的网站,符合国情嘛!
hjf143 Publish at 2007-10-31 10:35:13 评分5
不错呀,很授教的,现在觉得韩国的网站很是流行,不过或许看的多了,还是比较喜欢咱们中国的,他们自有他们的风格,可是换成中文字,不知道变成什么样的.先赞同LZ的说法.
ylylsheep Publish at 2007-10-30 16:14:22
授教
guwi Publish at 2007-10-29 11:44:03
许多人看老外的站,觉得很NB,其实如果形式上不变的话,换成中文的,是很难看的。看国内的站,主要是因为用的是汉字,中文,在排版上,布局上都遵循了自己特有的形态
-------------------------------------------------------------------------------------
我也很赞同LZ的这个说法
wapysun Publish at 2007-10-28 19:06:17
不错

www.wapysun.cn
哇阳光

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

万达2稿 Juvenile Adult 软件公司 一个专题 Purple Mobile GUI HTC phone 华硕(Asus)手机 Zt23 GenNext网站