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

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

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

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

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

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

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

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

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

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

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

移动端开发教程之像素的显示问题汇总

最近在开发中,发现了移动端像素的一些问题,是之前一直没注意过的,这篇文章主要给大家介绍了关于移动端开发教程之像素显示问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

关于移动端小图标模糊问题的解决方法

由于移动端的屏幕大小不一,所以我们在做移动端页面的时候,在不同分辨率的手机屏幕下,手机端的图片会显示模糊不清,严重影响了用户体验,所以这篇文章主要给大家介绍了关于移动端小图标模糊问题的解决方法,需要的朋友可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享

web开发教程之跨域的解决方案详解

相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的,下面这篇文章主要给大家介绍了关于web开发教程之跨域的解决方案,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
收藏 0 赞 0 分享

网页制作时可以拿起就用的小技巧总结

这篇文章主要给大家分享了一些在网页制作的时候,可以拿起就用的小技巧,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友可以参考借鉴,下面跟着小编来一起学习学习吧。
收藏 0 赞 0 分享

chrome开发者工具-timeline的详细介绍

这篇文章主要给大家介绍了chrome开发者工具-timeline的相关资料,文中介绍的非常详细,对大家的学习或者工作具有一定的参考价值,需要的朋友们下面来一起学习学习吧。
收藏 0 赞 0 分享

web前端开发课程 web前端开发工具有哪些

随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高,作为开发者来说,开发工作需要依赖很多开发工具的协助。才能更高效的完美的呈现出炫酷的页面。下面小编给大家带来了8个好用的web前端开发常用工具,一起学习吧
收藏 0 赞 0 分享

网站网页设计的一些小知识

这篇文章主要介绍了网站网页设计的一些小知识,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解移动端实现内滚动的四种解决方案

这篇文章主要介绍了关于移动端实现内滚动的四种解决方案,实现的效果就是在一个区域内只允许部分区域产生滚动的效果,而其余部分则不能移动,需要的朋友可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享

网站制作入门常识 新手看过来

现在好多人都加入到网站这一行列中来,那么,如何才能制作网站呢?接下来给大家带来网站制作入门常识,需要的的朋友参考下
收藏 0 赞 0 分享

教你如何优雅的实现垂直居中(推荐)

这篇文章主要给大家介绍了关于如何优雅的实现垂直居中的相关资料,文中分别给大家介绍了已知宽高的元素、未知宽高的元素以及基于 Flexbox 的解决方案,都分别给出了示例代码供大家参考学习,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多