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

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

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

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

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

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

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

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

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

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

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

(0)

相关推荐

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

    本人不是高手,以初学的身份,尝试分享自己的观点.本文原为图文并茂的展示帖,为即将制作完成的flash网站制作教程中节选出来的自己学习的经验,后来由于收集到的图片弄不见了,要全文完成需要一定时间.原文稿件:http://www.picksun.com/blog/article.asp?id=104 泡了论坛的艺术版块很长一段时间了,发现许多网站做不好,不对头的原因是在配色问题上,对于我来说,配色尤其重要,假如自己的绘图艺术能力不高,要突破的是在颜色和内容的运用上,至少看起来要专业一些,工整一些,务

  • 一篇关于程序员性格的文章第1/3页

    每个领域的工程人员都知道工具和他们所用材料的局限性.如果你是一位电机工程师,你就应明白各种材料的导电性和使用电压表的各种方法.如果你是一位建筑师,你就应明白木材.混凝土.钢材的性能.而如果你是一位软件工程师,你的基本建筑材料是人的聪明才智,并且你的主要工具是你自己.建筑师是将建筑物结构进行详细的设计,然后将设计蓝图交给其它人去建造,而你则是一旦当你从细节上对软件作出设计后,软件生成过程也就结束了. 编程的整个工作就如建造空中楼阁一样--它并不是纯粹的人工活动.于是,当软件工程师研究工具和材料的必

  • iOS文字渐变色效果的实现方法

    照例先上文字渐变的效果图 实现思路如下 一.创建一个颜色渐变层,渐变图层跟文字控件一样大. 二.用文字图层裁剪渐变层,只保留文字部分,就会让渐变层只保留有文字的部分,相当于间接让渐变层显示文字,我们看到的其实是被裁剪过后,渐变层的部分内容. 注意:如果用文字图层裁剪渐变层,文字图层就不在拥有显示功能,这个图层就被弄来裁剪了,不会显示,在下面代码中也会有说明. 2.1 创建一个带有文字的label,label能显示文字. 2.2 设置渐变图层的mask为label图层,就能用文字裁剪渐变图层了.

  • 培养自己的php编码规范

    为什么我们要培养自己的编码规范? 我们写代码的时候,一个好的编码规范,对我们来说能够起到很多意向不到的效果.至少会有一下的好处: 1.提高我们的编码效率.整齐划一的代码方便我们进行复制粘贴嘛! 2.提高代码的可读性. 3.显示我们专业.别人看到了我们的代码,发现整个代码的书写流程都整齐划一,瞬间逼格就上去了! 4.方便团队协同工作.大家使用同一的规范,这样就消除了五花八分的书写方式,同一协调! 编码规范包含两大块,代码规范和注释规范 其实我们所写的php脚本,其实也就是由两大块组成的,即对代码的

  • 浪费时间的主要原因及管理方法

    主观方面浪费时间的原因 1.缺乏明确的目标 2.拖延 3.缺乏优先顺序,抓不到重点 4.重过程,不重结果 5.做事有头无尾 6.缺乏条理与整洁 7.不懂授权 8.不会拒绝别人的请求 9.盲目行动 10.简单的事情复杂化 客观方面浪费时间的原因 a.上级领导浪费时间 (开会.电话.不懂授权) b.工作系统浪费时间 (访客.官样文章.员工离职等) c.生活条件浪费时间 (通讯.环境.交通.朋友闲聊--) 高效管理时间的18个方法 1.策略第一 2.分清轻重缓急,抓住重点 3.马上行动,杜绝拖延 4.

  • 新手学习.net的一列好走的路径及方法

    如何学习.net?呵呵,我是过来人,当初学习的时候那个焦头烂额啊!到现在我还是记忆犹新.所以现在把我学习的一些经验给大家分享一下,如果又不对的地方,请大家指正! .把C#当成一门新的语言学习: .看<C#入门经典>和<C#高级编程>: .不要被VC.BCB.BC.MC.TC等词汇所迷惑--他们都是集成开发环境,而我们要学的是一门语言: .不要放过任何一个看上去很简单的小编程问题--他们往往并不那么简单,或者可以引伸出很多知识点 .会用Visual vs,并不说明你会C#: .学c#

  • 打开儿童右脑的途径与方法

    美国哈佛大学一位心理学教授指出:"导致一个人在生活各方面获得成就的因素,是他拥有'七项特别智能'中的一项或多项,这七项特别智能是:逻辑性及数理性 的智能:高度的语言智能:体育智能:空间智能:自我内心智能:洞察人性.善解人意的智能:音乐智能."这里的特别智能,实际上就是一个人潜在的创造性功 能.为了使儿童潜在的创造性功能得以发展,不仅要发展右脑潜能,而且要促进大脑整个功能的发展. 开发儿童的创造力,就要遵循大脑系统整体功能的规律.大脑整体功能的效能发挥得越大,儿童儿童创造力的水平也就越高

  • iOS实现文本分页的方法示例

    前言 本篇文章将分为两部分,一部分是静态文本分页,一部分是动态文本分页即边填写文本边进行文本的分页. 我们所采用的方案为:TextKit进行处理,通过glyphRangeForTextContainer方法获取文本内容视图可容纳的文本范围来对文本进行切割分页. // Returns the range of characters which have been laid into the given container.  This is a less efficient method than

  • JavaScript输出斐波那契数列的实现方法

    题目 有这么一道题目需要我们来解答: 试输出斐波那契数列的前10项,即 1.1.2.3.5.8.13.21.34.55. 分析 有些人看到题目中出现了"斐波那契数列"这个概念后,可能脑袋就蒙圈了,其实大可不必! 对于这道题,可以不用理会这个陌生概念,我们只需要关心后面它给出的数字规律即可. 我们可以看到,规律总结起来就一句话:从第三位开始,后面每项的值等于前两项之和,用式子表示的话就是:an = an-1 + an-2(n ≥ 2) . 根据题目要求,其实就是要我们做两件事: 生成每一

  • vue如何关闭eslint检测(多种方法)

    目录 一.问题描述 二.问题解决 一.问题描述 我们在开发vue项目的时候,创建的时候可能会不小心选择了eslint,这个检测规则对于新手来说,简直就是噩梦,会让你崩溃.所以如果不想让eslint检测,我们该怎么办呢?我总结了一些方法,针对不同的版本. 二.问题解决  1.首先是比较旧的vue项目 比较旧一点的项目可能会有webpack.base.conf.js这样一个文件.有这个文件的话,就直接修改这个文件就可以解决 上图红框框部分,我项目中的文件内容是这样的,其他项目可能有别的一些内容,我们

随机推荐