[ 小琦 ] 发布的文章

设计配色教程:膨胀色与收缩色的应用

设计配色教程之膨胀色与收缩色篇:黑丝的秘密,内容主要从暖色可以让物体看的比实际大展开,为什么女士穿黑丝袜让人看起来更苗条,法国国旗又蕴藏了什么秘密,谜底即将解开...

膨胀色与收缩色

你听说过膨胀色和收缩色吗?像红色、橙色和黄色这样的暖色,可以使物体看起来比实际大。而蓝色、蓝绿色等冷色系颜色,则可以使物体看起来比实际小。




色彩对物体大小的作用,包括色相和明度两个因素。暖色和明度高的色彩具有扩散作用,因此物体显得大,而冷色和暗色则具有内聚作用,因此物体显得小。不同的明度和冷暖有时也通过对比作用显示出来。

应用:红色系中像粉红色这种明度高的颜色为膨胀色,可以将物体放大。而冷色系中明度较低的颜色为收缩色,可以将物体缩小。像藏青色这种明度低的颜色就是收缩色,因而藏青色的物体看起来就比实际小一些。







黑丝诱惑

明度为零的黑色更是收缩色的代表。例如,看到有女同事穿黑色丝袜,我们就会觉得她的腿比平时细,这就是色彩所具有的魔力。实际上,只是女同事利用了黑色的收缩效果,使自己的腿看上去比平时细而已。可见,只要掌握了色彩心理学,就可以使自己变得更完美。

更科学的分析

我们都在初中物理中学过,同一种透光物质对不同波长光线的折射率是不同的,所以当各种不同波长的光同时通过晶状体时,其集点并不全都落在视网膜平面上,因此在视网膜上的影像的清晰度就有一定差别。长波长的暖色影像似焦距不准确,因此在视网膜上所形成的影像模糊不清,似乎具有一种扩散性;短波长的冷色影像就比较清晰,似乎具有某种收缩性。所以,我们平时在凝视红色的时候,时间长了会产生眩晕现象,景物形象模糊不清似有扩张运动的感觉。如果我们改看青色,就没有这种现象了。如果我们将红色与蓝色对照着看,由于色彩同时对比的作用,其面积错视现象就会更加明显。





CMYK色彩模型下的色相环

色彩的膨胀、收缩感不仅与波长(色相)有关,而且还与明度有关。任何光学成像系统,包括眼睛,都不可避免得会产生球面像差(简称球差),光亮的物体在视网膜上所成影像的轮廓外似乎有一圈光圈围绕着,使物体在视网膜上的影像轮廓扩大了,看起来就觉得比实物大一些。





一个点光源在负球面像差(上) 、无球面像差(中)、和正球面像差(下)的系统中的成像情形。
左面的影相是在焦点内成像,右边是在焦点外的成像。

如通电发亮的电灯钨丝比通电前的钨丝似乎要粗得多,生理物理学上称这种现象为“光渗”现象。歌德在《论颜色的科学》一文中指出: “两个圆点同样面积大小,在白色背景上的黑圆点比黑色背景上的白圆点要小1/5。”

应用:宽度相同的印花黑白条纹布,感觉上白条子总比黑条子宽;同样大小的黑白方格子布,白方格子要比黑方格略大一些。超市中,小商品、小包装若要使它显眼一些,宜采用鲜艳的浅色;如果要它显得高贵精致,宜采用沉着的深色或黑色。为了扩大建筑或交通工具的室内空间感,色彩设计宜采用乳白、浅米、象牙等淡雅明快的色调,像卫生间等特别狭小的空间还可以利用镜子作墙面,利用镜子的反射来增加面积的宽畅度和明亮度。

结论猜想
其实上面的两种说法都是正确的。但是色彩的膨胀感和收缩感在“面积”上的感觉并不够明显,更多的体现在“体积”上。色条宽度相等的国旗看起来比例不一样,与观察距离、国旗的飘动也有关系,甚至跟色块的位置(蓝色靠近国旗杆)也有关系。法国曾用国旗的宽比其实是一种平衡。

这只是我的猜想,还请大牛们多多指教。


[jQuery]图片轮播特效

随便一搜这个图片轮播,那源代码不是一份两份,那是几堆几堆哟~不过大部分都写得太复杂或者功能太弱,那咱就用jQuery自给自足呗。

要实现的效果也很明确:自动获取对象列表中第一个元素的宽度,然后列表整体向左平移,再把第一个元素绑定到列表最后去;可以再加个鼠标移到列表上停止平移,移开则恢复。

在线demo:http://immmmm.com/demo/scrollbox/

HTML结构代码:








More »

一组单车照

    也可以说是我的新车,因为拍这张照片的时候车绝对是新的,刚DIY出来,不过时间应该是2010年3月26日,一直到今天才上图,人如果懒到一种境界……可庆幸的是直到今天我还没给尿憋死。。。今天换了一个后拨,吃屎了把XT M581换成了DENO M592,哎~~~

More »

仿腾讯顶部代码

2008-7-8 就整理了,一直没发布上博客,发布到论坛了。现在转上来!
演示效果见腾讯顶部,源链接:http://www.qqwe.cn/thread-1616-1-4.html


More »

黄埔军校一行

    黄埔军校这个名词在我的辞典里不知从什么时候扎根,但对于其了解却一直只能用模糊来形容,模糊于它的年代,模糊于它的筹建创办,今日总算了解了,不禁为新中国的诞生而吃惊,而敬佩,而感慨,孙文大家见到的形象总是西装革履,属于绅士类型,但细想他也是属于满清时代的人,作为当年日渐下坡的清时代而言,孙的诞生包括其思想其作为,都是我们常人无法想象的,他能在国外做革命宣传,可想是多么不容易,其实从《黄飞鸿》等电影上我们也可了解到,但是清政府不断派杀手刺杀其。在日后的苏俄,日本,共产党协助,最终创办了黄埔军校。

路边的一朵野花,但后来还是被他们摘掉戴在头上拍照,好在路边有好多野花!

More »

bo-blog2.1.1 white模板闪亮登场

    很多老兄老弟老姐老妹发邮件留言找我要,连WP论坛上也有人发布帖子,说这是个简单的蛋疼的板子,前段时间承诺过大家要发布的,也算兑现我的承诺吧。但……当我看到别人去掉版权;当我看到有人将我发布的模板用作不健康站点;当别人只下载而不回复留言的时候!我有些内心受挫,真的!连这么点虚荣心也满足不了我,看到bo用户的日渐衰退,官方想也应该相当忙吧,但至少我不会转去其他程序,我会坚守到最后,直到bo声明该软件不再做后续开发为止,因为我觉得目前的功能完全够我一个个人站点用了。
    模板原创,请勿去除版权,Copyright可以改成自己的网站,design by请勿更改!目前这个样子是可以见人的,后续我会做大方面改善,除了简单外还有一个亮点就是细节,细节比较用心完善!

模版名称:white
模版适用:bo-blog2.1.0++
模版适用的分辨率:1024*768 ++
适用的浏览器:firefox 2++, IE6/IE7/IE8, Safari4++



演示图片:



演示地址:http://www.kison.cn/index.php?tem=white

下载地址:white.rar

Class Of Marquee Scroll通用不间断滚动JS封装类

/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*\

 制作时间:2006-08-29 (Ver 0.5)
 发布时间:2006-08-31 (Ver 0.8)
 更新时间:2007-12-28 (Ver 1.65)
 更新说明: + 加入功能 * 修正、完善
  1.65.071228
    * 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置)
    * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试)
  1.6.070131
    + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1)
    + 判断是否可以滚动 (若内容区域小于显示区域,则自动取消滚动)
    + 跳过初始化错误 (避免引起其它滚动的停止)
    + 默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置)
    + 参数动态赋值 (方向可用英文表示top|up|bottom|down|left|right,使其更直观、方便)
    * 文字滚动不准确 (本次更新主要目的解决此Bug,感谢周珺参与测试)
  1.4.061211
    + 鼠标悬停改变滚动方向 (鼠标悬停控制左右滚动)
    * 由于文档下载过慢而导致获取的高度/宽度不准确
    * 浏览器兼容问题 (IE、FF、Opera、NS、MYIE)
  1.2.060922
    + 指定范围间歇滚动
    * 程序调整
    * 连续间歇滚动停止的错误
  1.0.060901
    + 向下、向右滚动
    + 开始等待时间
    + 连续滚动
    * 调整时间单位
    * 滚动误差
    * 随机死循环
    * 加强性能
    * 程序优化
  0.8.060829
      翻屏不间断向上、向左滚动

More »

最新文章

最近回复

链接