论文部分内容阅读
最近笔者无意中翻出了自己N年前做的网页,坦白讲,有种惨不忍睹的感觉。其实也不是技术上多么薄弱,而是页面配色实在太幼稚了。大红大绿未必就不好,但怎么应用就有很多讲究和学问了。不过这话说起来容易,但对于像笔者这样的非专业设计人员来讲,实现起来就相当困难了。怎样才能让非专业的技术做出专业水平的产品呢?下面笔者就说一说个人关于网页配色问题积累的一点点经验,希望广大的读者朋友也能从中有所获益。
多看多练
天生的艺术造诣固然重要,但后天的培养熏陶同样必不可少。很简单。如果你不会自己设计,那还不如去抄。当然,笔者这里的抄,是指多去观察和模仿经典网站的配色方案,并在这个基础上,慢慢尝试着按照自己的感觉和设计理念去摸索着改变。另外,网上关于网页设计配色方案的相关资料也是数不胜数,既有纯粹的理论分析,也有实例讲解,更有各类型的配色方案推荐……既然都是免费的,那就别浪费直接拿来用吧!
笔者将自己收集的一些各类风格的配色实例放到了光盘中,其中既有明亮、轻快风格的,又有华丽、花俏的,既有运动、轻快的,又有传统、古典的……有兴趣的朋友可以去看一看,找一找感觉。总之,多观察,多实践,总有一天你会创造出一片属于自己的色彩地带。
工具辅助
多去学习别人好的设计理念,自然是一个长期的积累过程,而要想在最短的时间内拿出一个相对比较好的产品来,还少不了工具的辅助。目前网上关于这方面的配色工具其实非常多,笔者下面就推荐给大家一款自己平时比较常用的配色软件——网页配色精灵(下载地址:http://bj.onlinedown.net/soft/37710.htm)。它真正让笔者领教了什么是小身材有大智慧,别看它身型小巧,可功能绝不马虎。
将软件下载到本地后,直接解压后双击“PlayColor.exe”文件即可运行。此时如果你知道某种颜色RGB值、网页色、16进制等相关信息中的一项,PlayColor都会自动计算出该颜色参数对应的相关参数项。同时,点击“反色”或“灰度”按钮,还能对该颜色做出相应的处理,得到处理后的颜色参数。
如果发觉某个颜色很喜欢,却又不知道其具体的RGB值等参数怎么办?别急,点击“开始”按钮,会自动进入抓屏状态,此时你将鼠标停留在需要的颜色上,按Ctrl键,该颜色便会自动记录到PlayCoIor中,而该颜色的相关信息也便即时显示在软件中了。
而当你要全面分析一个页面的配色方案时,可以点击“分析网页”按钮,在弹出的界面中,输入该站点的网址,点击“打开”按钮,当PlayColor识别出该站点后,再点击“分析”按钮,即可在左侧的窗口中显示出分析到的全部颜色信息。这里面为什么有重复的颜色呢?别急,点击“过滤颜色”按钮,在弹对的对话框中点击“是”,即可过滤掉多余的信息。
可能此时有朋友会问,那么多颜色信息,倘若逐一记录下来多麻烦啊!这点PlayColor早有考虑,点击“加入收藏”按钮,在弹出的菜单中选择添加的位置后,再切换到“收藏夹”界面,怎么样,是不是刚才的颜色已经添加进去了。下次再需要查看时,直接到收藏夹中选择载入即可。
除了PlayColor,当然还有很多功能类似的网页配色工具,其实大体功能都差不多,大家可以尝试着找到一款最适合自己的。
多看多练
天生的艺术造诣固然重要,但后天的培养熏陶同样必不可少。很简单。如果你不会自己设计,那还不如去抄。当然,笔者这里的抄,是指多去观察和模仿经典网站的配色方案,并在这个基础上,慢慢尝试着按照自己的感觉和设计理念去摸索着改变。另外,网上关于网页设计配色方案的相关资料也是数不胜数,既有纯粹的理论分析,也有实例讲解,更有各类型的配色方案推荐……既然都是免费的,那就别浪费直接拿来用吧!
笔者将自己收集的一些各类风格的配色实例放到了光盘中,其中既有明亮、轻快风格的,又有华丽、花俏的,既有运动、轻快的,又有传统、古典的……有兴趣的朋友可以去看一看,找一找感觉。总之,多观察,多实践,总有一天你会创造出一片属于自己的色彩地带。
工具辅助
多去学习别人好的设计理念,自然是一个长期的积累过程,而要想在最短的时间内拿出一个相对比较好的产品来,还少不了工具的辅助。目前网上关于这方面的配色工具其实非常多,笔者下面就推荐给大家一款自己平时比较常用的配色软件——网页配色精灵(下载地址:http://bj.onlinedown.net/soft/37710.htm)。它真正让笔者领教了什么是小身材有大智慧,别看它身型小巧,可功能绝不马虎。
将软件下载到本地后,直接解压后双击“PlayColor.exe”文件即可运行。此时如果你知道某种颜色RGB值、网页色、16进制等相关信息中的一项,PlayColor都会自动计算出该颜色参数对应的相关参数项。同时,点击“反色”或“灰度”按钮,还能对该颜色做出相应的处理,得到处理后的颜色参数。
如果发觉某个颜色很喜欢,却又不知道其具体的RGB值等参数怎么办?别急,点击“开始”按钮,会自动进入抓屏状态,此时你将鼠标停留在需要的颜色上,按Ctrl键,该颜色便会自动记录到PlayCoIor中,而该颜色的相关信息也便即时显示在软件中了。
而当你要全面分析一个页面的配色方案时,可以点击“分析网页”按钮,在弹出的界面中,输入该站点的网址,点击“打开”按钮,当PlayColor识别出该站点后,再点击“分析”按钮,即可在左侧的窗口中显示出分析到的全部颜色信息。这里面为什么有重复的颜色呢?别急,点击“过滤颜色”按钮,在弹对的对话框中点击“是”,即可过滤掉多余的信息。
可能此时有朋友会问,那么多颜色信息,倘若逐一记录下来多麻烦啊!这点PlayColor早有考虑,点击“加入收藏”按钮,在弹出的菜单中选择添加的位置后,再切换到“收藏夹”界面,怎么样,是不是刚才的颜色已经添加进去了。下次再需要查看时,直接到收藏夹中选择载入即可。
除了PlayColor,当然还有很多功能类似的网页配色工具,其实大体功能都差不多,大家可以尝试着找到一款最适合自己的。