热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

搭配的艺术—谈主页用色

要想做出一幅漂亮的主页可不是件容易的事,除了熟练运用各种网页制作工具和编程语言之外,美术的知识也不能不懂,下面让我们来学习一点有关主页制作中色彩搭配的知识。色彩的含义色彩本身
要想做出一幅漂亮的主页可不是件容易的事,除了熟练运用各种网页制作工具和编程语言之外,美术的知识也不能不懂,下面让我们来学习一点有关主页制作中色彩搭配的知识。

色彩的含义

色彩本身是无任何含义的,有的只是人赋予它的—色彩确实可以在不知不觉间影响人的心理,左右人的情绪,所以就有人给各种色彩都加上特定的含义:
红色:强有力、喜庆的色彩,很容易使人兴奋,是一种雄壮的精神体现。
黄色:亮度最高的色,给人感觉很温暖。
绿色:美丽、优雅,给人感觉大度、宽容。
蓝色:永恒、博大,大家可以看看天空!给人感觉平静、理智。
紫色:给人神秘、压迫的感觉。很怪的一种色。
黑、白色:这两种色我有时会觉得很奇怪,它们在不同时候给人的感觉是不同的,黑色有时使人沉默、虚空,有时又给人一种庄严肃穆的感觉。白色也是同样,有时给人无尽的希望,但有时也给人一种恐惧和悲哀。
还有一些纯度不同的色,我自己较为喜欢的,例如含灰色的绿会使人联想到淡雾中的森林,天蓝会令人心境畅快,淡红会给人一种向上的感觉。

色彩的对比

不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时,这两种颜色各自走向自己的极端。例如:红色与绿色对比,红的更红,绿的更绿;黑色与白色对比,黑的更黑,白的更白。
由于人的视觉不同,对比的效果通常也会不同。当大家长时间地看一种纯色,例如红色,然后再看看周围的人,你会发现周围的人脸色发绿,正是因为红色与周围颜色的对比,形成了对我们的视觉感受。
色彩的对比会受很多因素影响,例如色彩的面积、亮度、观察时间的长短等等。
色彩的对比有很多方面,色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时,你会发觉深蓝带点紫味,而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。
红色与黄色对比:红色会使人想起玫瑰的味道,而黄色则会使人想起柠檬的味道。
绿色与紫色对比:很有鲜明,令人感觉到活泼,自然。
而红、黄、蓝三种颜色是最极端的色彩,它们之间对比,哪一种颜色也无法影响对方。
色彩间的对比也有纯度对比,举个例子,黄色是夺目的色,但是加入灰色会失去其夺目的光彩。通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。

色块儿的大小和形状

有很多因素可以影响色彩的对比效果,色块儿的大小就是其中最重要的一项。
如果两种色彩同样大小,那么这两种颜色之间的对比十分强烈,但是当它们的大小变得不一样时,小的一种色就会成为大的色的补充。色块儿的大小会令色彩的对比有一种生动的效果:尝试在一大片绿色中加入一小点红色,你会注意到红色在绿色的衬托底下很抢眼,这就是色块儿的大小对对比效果的影响。在大面积的色彩陪衬下,小面积的纯色会显得特别突出。但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在黄色中加入淡灰色,你根本就不会注意到淡灰色。
不知你是否留意到,在不同的形状上面,同一种色彩也会有不同的效果。试试在一个正方形和一条线上用红色,你会发现,正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果:圆形最好用蓝色,这样给人辽阔博大的感觉。三角形用黄色,三角形的尖锐感与黄色的刺目感配合起来。梭形建议用鲜蓝色,平行四边形用绿色……

色彩的位置

色彩所处的位置不同,也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置,譬如前后,则你会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同,导致眼睛的视觉的不同。
我喜欢在画图中使用渐层工具,多种色彩在一起会有一种不同的效果,有如音乐中的1、2、3、4、5、6、7变化。同样的色相但纯度不同的色彩组合在一起会有令人吃惊的效果,不要以为渐层很简单,它内含着色彩运用的一项重要的功能。
不知大家有没有唱过歌?我觉得色彩的渐层变化里也有一种调子,如同歌曲里的谱一样。
暗色中含高亮度的对比,会给人清晰、激烈的感觉。很强烈的刺激,如深黄到鲜黄色,会给人沉着、稳重深沉的感觉,如深红中间是鲜红。
中性色与低亮度的对比,给人模糊、朦胧、深奥的感觉,如草绿中间是浅灰。
纯色与高亮度的对比,给人跳跃舞动的感觉,如黄色与白色的对比。
纯色与低亮度的对比,给人轻柔、欢快的感觉,如浅蓝色与白色。
纯色与暗色的对比,给人强硬、不可改变的感觉。

色彩的搭配是一门艺术,灵活运用它能让你的主页更具亲和力。当然这篇文章的内容还只限于理论,要想真的制作出漂亮的主页,则需要灵活运用加上自己的创意才行。如果你有什么收获的话,可别忘了介绍给大家。

推荐阅读
  • 深入理解Select、Poll和Epoll
    本文详细介绍了三种常用的I/O多路复用技术:Select、Poll和Epoll。通过对比它们的工作原理和性能特点,帮助读者更好地选择适合的I/O模型。 ... [详细]
  • 本文介绍了如何将Spring属性占位符与Jersey的@Path和@ApplicationPath注解结合使用,以便在资源路径中动态解析属性值。 ... [详细]
  • 编程技巧:括号匹配与计算问题解析
    本文详细介绍了括号匹配和计算问题的实现方法,包括代码示例和解释,旨在帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 本文将详细探讨PHP中C的作用,并对比其他编程语言如Java和C的特点及其适用场景。 ... [详细]
  • 开发笔记:前端之前端初识
    开发笔记:前端之前端初识 ... [详细]
  • 我自己做了一个网站图片的抓取,感觉速度有点慢抓取4000张图片可能得用15分钟左右的时间,我百度看用线程可以加快抓取,然后创建了5个线程抓取,但是5个线程是同步执行同样的操作一个图片就 ... [详细]
  • 本文介绍如何在 PHP 中判断文件是否存在,并根据结果控制 HTML 元素的显示与隐藏。如果文件存在,则直接打开;如果文件不存在,则显示一个提示信息并允许用户重新输入。 ... [详细]
  • 本文详细介绍了MySQL故障排除工具及其使用方法,帮助开发者和数据库管理员高效地定位和解决数据库性能问题。 ... [详细]
  • 本文探讨了 Java 中 HttpClient 和 HtmlUnit 的区别,重点介绍了它们的功能和应用场景。 ... [详细]
  • 一个转子曲线面积问题及其反问题的解答
    曾经解答过这样一个问题,从该ID的最后一次登录时间、该ID显示的专业信息,误以为是新闻里某个想不开的同学,不安了一阵子。经确认是我多虑了,不过把问题答案还是写出来。之后就收到一堆要求帮忙算 ... [详细]
  • RocketMQ 运维监控实践指南
    本文详细介绍了如何实现 RocketMQ 的运维监控,包括监控平台的搭建、常用运维命令及其具体用法。适合对 RocketMQ 监控感兴趣的读者参考。 ... [详细]
  • PHP 修改 XML 文件内容的方法详解
    本文详细介绍了如何使用 PHP 对 XML 文件进行修改,包括读取、遍历、修改和保存等操作步骤,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 链接:https://ac.nowcoder.com/acm/contest/24213/1011 来源:牛客网 题目描述:N位学生站成一排,音乐老师需要请其中的(N-K)位学生离开,以使剩下的K位学生形成合唱队形。 ... [详细]
  • 在运行于MS SQL Server 2005的.NET 2.0 Web应用中,我偶尔会遇到令人头疼的SQL死锁问题。过去,我们主要通过调整查询来解决这些问题,但这既耗时又不可靠。我希望能找到一种确定性的查询模式,确保从设计上彻底避免SQL死锁。 ... [详细]
  • 本文介绍如何在Access VBA中处理参数查询时将整数正确地传递给查询,避免因类型转换导致的数据类型不匹配错误。 ... [详细]
author-avatar
手机用户2502929183
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有