关于培养色感,自己的一些方法

所属分类: 网页制作 / 应用技巧 阅读数: 1621
收藏 0 赞 0 分享
本人不是高手,以初学的身份,尝试分享自己的观点.本文原为图文并茂的展示帖,为即将制作完成的flash网站制作教程中节选出来的自己学习的经验,后来由于收集到的图片弄不见了,要全文完成需要一定时间.
原文稿件:http://www.picksun.com/blog/article.asp?id=104

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

-------------------------------第一是多看。

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

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

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

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

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

关于标志色感,我也有单独拿出来训练,虽然很幼稚,我觉得是很有必要的!

其实看标志用色,只是我感受色彩的其中一个例子,很多方法重在你发现,生活中有很多很多美好的色彩等待你去发掘,你可以在电影海报上看到,户外广告,摄影作品,建筑设计,电视广告上,等等…我们又是否错过了太多太多?只是没有这个心去感受生活,工作的忙,学习的忙,都不是一个借口,灵感真的源自生活!
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多