<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[刘氏兄弟工作室博客]]></title> 
<link>http://www.liubros.com/blog/index.php</link> 
<description><![CDATA[Liubros Studio's Blog]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[刘氏兄弟工作室博客]]></copyright>
<item>
<link>http://www.liubros.com/blog/read.php?44</link>
<title><![CDATA[小刘骑行日记 2008年初冬]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Fri, 28 Nov 2008 15:16:22 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?44</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1227885168_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885168_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>每个人过冬的方式不同，小刘选择了骑行，让大自然来见证怒放的生命。<br/><br/><br/>骑行日记之一 —— 青山湖<br/><!--a href="http://www.liubros.com/blog/attachment/1227885168_1.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885168_1.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885168_2.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885168_2.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885168_3.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885168_3.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885168_4.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885168_4.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><br/>骑行日记之二 —— 西溪湿地<br/><!--a href="http://www.liubros.com/blog/attachment/1227885203_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885203_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885203_1.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885203_1.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885203_2.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885203_2.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885203_3.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885203_3.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885203_4.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885203_4.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885238_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885238_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885238_1.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885238_1.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885238_2.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885238_2.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885238_3.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885238_3.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885238_4.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885238_4.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><br/>骑行日记之三 —— 安吉·天荒坪<br/><!--a href="http://www.liubros.com/blog/attachment/1227885279_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885279_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885279_1.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885279_1.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885279_2.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885279_2.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885279_3.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885279_3.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885279_4.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885279_4.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885312_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885312_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885312_1.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885312_1.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><!--a href="http://www.liubros.com/blog/attachment/1227885312_2.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1227885312_2.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/><br/>Tags - <a href="tag.php?tag=%E8%87%AA%E6%88%91%E4%BF%AE%E7%BB%83" rel="tag">自我修练</a> , <a href="tag.php?tag=%E6%91%84%E5%BD%B1" rel="tag">摄影</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?43</link>
<title><![CDATA[好消息，Chrome来了！坏消息，Chrome来了！]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Sun, 07 Sep 2008 06:54:15 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?43</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1220770414_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1220770414_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>2008年9月2日，巨头Google终于推出了自己的浏览器Chrome，对于大多数人来说是一个好消息，但对于我们来说却是喜忧参半。<br/><br/>很早就喜欢Google的风格和技术实力，但随着Google的应用越推越多，渐渐感觉有点臃肿，特别是对Google的文字广告十分反感，因为经常会出现一些不健康的内容而让人产生负面联想。<br/><br/>这次Chrome的推出，作为一个互联网界面设计从业者，不得不对其进行研究，以保证作品的兼容性。所幸的是，Chrome对大部分网页的解释还是蛮让人放心的，没有出现很大的bug，只要遵守W3C，一般就没有问题。<br/><br/>在试用了Chrome后，倒也发现了一些问题，特别是对Flash Player的支持似乎不太好，一些网站包含Flash动画、Flash视频后，浏览页面明显变得迟钝。<br/><br/>除了问题，Chrome也带来了一些惊喜，比如清爽的UI设计，新颖的Textarea框，独立进程模型等，都让人看到了Google的风采。<br/><br/>从商业的层面来看，Chrome的市场占有率预计会很快超过FF，成为IE外的首选，甚至会接近或超过IE的市场份额。Google vs M$的局势剑拔弩张，硝烟弥漫。<br/>Tags - <a href="tag.php?tag=chrome" rel="tag">chrome</a> , <a href="tag.php?tag=google" rel="tag">google</a> , <a href="tag.php?tag=%E6%B5%8F%E8%A7%88%E5%99%A8" rel="tag">浏览器</a> , <a href="tag.php?tag=%E8%AE%BE%E8%AE%A1" rel="tag">设计</a> , <a href="tag.php?tag=%E8%A1%8C%E4%B8%9A" rel="tag">行业</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?42</link>
<title><![CDATA[对几种颜色体系的理解]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Thu, 10 Jul 2008 13:54:34 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?42</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1215697978_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1215697978_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>今天跟着小刘一起看教程，学了点颜色方面的理论，在这里记录一下。<br/><br/>我们一般涉及到的几种色彩模式有 HTS、RGB、CMYK、Lab<br/><br/>HTS是根据人眼直观的认识所得到的一种颜色体系，由色相、饱和度、明度三个值确定一种颜色。<br/><br/>RGB是根据发光体的原理所得到的一种加色颜色体系，由红、绿、蓝三个值来确定一种颜色，所谓加色是指在这个体系中，将颜色叠加后，结果更趋向于白色。<br/><br/>CMYK是一种CMY体系的印刷上的应用，即由品红、青色、黄色三个值来确定一种颜色，并配合黑色值，来创造纯黑色。<br/><br/>CMY是根据物体反射光原理所得到的一种减色颜色体系，由品红、青色、黄色三个值来确定一种颜色，所谓减色是指在这个体系中，将颜色叠加后，结果更趋向于黑色。<br/><br/>Lab是一种纯理论推演得到的颜色体系，能够描述更多的颜色，L是指亮度，a和b分别能表示一个色彩坐标，从而确定一种颜色。<br/><br/><br/>写了这么多，在网上发现了一篇好文章，相信更全面，我直接在这里贴一下了。<br/><br/><strong>HSV颜色空间 </strong><br/>HSV(hue,saturation,value)颜色空间的模型对应于圆柱坐标系中的一个圆锥形子集，圆锥的顶面对应于V=1. 它包含RGB模型中的R=1，G=1，B=1 三个面，所代表的颜色较亮。色彩H由绕V轴的旋转角给定。红色对应于 角度0° ，绿色对应于角度120°，蓝色对应于角度240°。在HSV颜色模型中，每一种颜色和它的补色相差180° 。 饱和度S取值从0到1，所以圆锥顶面的半径为１。HSV颜色模型所代表的颜色域是CIE色度图的一个子集，这个 模型中饱和度为百分之百的颜色，其纯度一般小于百分之百。在圆锥的顶点(即原点)处，V=0,H和S无定义， 代表黑色。圆锥的顶面中心处S=0，V=1,H无定义，代表白色。从该点到原点代表亮度渐暗的灰色，即具有不同 灰度的灰色。对于这些点，S=0,H的值无定义。可以说，HSV模型中的V轴对应于RGB颜色空间中的主对角线。 在圆锥顶面的圆周上的颜色，V=1，S=1,这种颜色是纯色。HSV模型对应于画家配色的方法。画家用改变色浓和 色深的方法从某种纯色获得不同色调的颜色，在一种纯色中加入白色以改变色浓，加入黑色以改变色深，同时 加入不同比例的白色，黑色即可获得各种不同的色调。<br/><br/><strong>HSI颜色空间 </strong><br/>HSI色彩空间是从人的视觉系统出发，用色调(Hue)、色饱和度(Saturation或Chroma)和亮度 (Intensity或Brightness)来描述色彩。HSI色彩空间可以用一个圆锥空间模型来描述。用这种 描述HIS色彩空间的圆锥模型相当复杂，但确能把色调、亮度和色饱和度的变化情形表现得很清楚。 通常把色调和饱和度通称为色度，用来表示颜色的类别与深浅程度。由于人的视觉对亮度的敏感 程度远强于对颜色浓淡的敏感程度，为了便于色彩处理和识别，人的视觉系统经常采用HSI色彩空间， 它比RGB色彩空间更符合人的视觉特性。在图像处理和计算机视觉中大量算法都可在HSI色彩空间中 方便地使用，它们可以分开处理而且是相互独立的。因此，在HSI色彩空间可以大大简化图像分析 和处理的工作量。HSI色彩空间和RGB色彩空间只是同一物理量的不同表示法，因而它们之间存在着 转换关系。<br/><br/>HSI 色彩模型是从人的视觉系统出发，用 H 代表色相 (Hue)、S 代表饱和度 (Saturation) 和 I 代表亮度 (Intensity) 来描述色彩。饱和度与颜色的白光光量刚好成反比，它可以说是一个颜色鲜明与否的指标。因此如果我们在显示器上使用 HIS 模型来处理图像，将能得到较为逼真的效果。 <br/>色相 (Hue)：指物体传导或反射的波长。更常见的是以颜色如红色，橘色或绿色来辨识，取 0 到 360 度的数值来衡量。 <br/>饱和度 (Saturation)：又称色度，是指色彩的强度或纯度。饱和度代表灰色与色调的比例，并以 0% (灰色) 到 100% (完全饱和) 来衡量。 <br/>亮度 (Intensity)：是指颜色的相对明暗度，通常以 0% (黑色) 到 100% (白色) 的百分比来衡量。<br/><br/><br/><br/>其他颜色模型：<br/><br/><br/><strong>RGB颜色空间 </strong><br/>RGB(red,green,blue)颜色空间最常用的用途就是显示器系统，彩色阴极射线管,彩色光栅图形的显示器 都使用R、G、B数值来驱动R、G、B 电子枪发射电子，并分别激发荧光屏上的R、G、B三种颜色的荧光粉 发出不同亮度的光线，并通过相加混合产生各种颜色；扫描仪也是通过吸收原稿经反射或透射而发送来 的光线中的R、G、B成分，并用它来表示原稿的颜色。RGB色彩空间称为与设备相关的色彩空间,因为不同 的扫描仪扫描同一幅图像，会得到不同色彩的图像数据；不同型号的显示器显示同一幅图像，也会有不同 的色彩显示结果。显示器和扫描仪使用的RGB空间与CIE 1931 RGB真实三原色表色系统空间是不同的，后者 是与设备无关的颜色空间。btw：Photoshop的色彩选取器(Color Picker)。可以显示HSB、RGB、LAB和CMYK 色彩空间的每一种颜色的色彩值。<br/><br/><strong>CMYK颜色空间 </strong>CMYK(cyan,magenta,yellow)颜色空间应用于印刷工业,印刷业通过青(C)、品(M)、黄(Y)三原色油墨的不同 网点面积率的叠印来表现丰富多彩的颜色和阶调，这便是三原色的CMY颜色空间。实际印刷中，一般采用青 (C)、品(M)、黄(Y)、黑(BK)四色印刷，在印刷的中间调至暗调增加黑版。当红绿蓝三原色被混合时，会产生 白色，但是当混合蓝绿色、紫红色和黄色三原色时会产生黑色。既然实际用的墨水并不会产生纯正的颜色， 黑色是包括在分开的颜色，而这模型称之为CMYK。CMYK颜色空间是和设备或者是印刷过程相关的，则工艺方法、 油墨的特性、纸张的特性等，不同的条件有不同的印刷结果。所以CMYK颜色空间称为与设备有关的表色空间。 而且，CMYK具有多值性，也就是说对同一种具有相同绝对色度的颜色，在相同的印刷过程前提下，可以用分种 CMYK数字组合来表示和印刷出来。这种特性给颜色管理带来了很多麻烦，同样也给控制带来了很多的灵活性。 在印刷过程中，必然要经过一个分色的过程，所谓分色就是将计算机中使 用的RGB颜色转换成印刷使用的CMYK 颜色。在转换过程中存在着两个复杂的问题，其一是这两个颜色空间在表现颜色的范围上不完全一样，RGB的 色域较大而CMYK则较小，因此就要进行色域压缩；其二是这两个颜色都是和具体的设备相关的，颜色本身没有 绝对性。因此就需要通过一个与设备无关的颜色空间来进行转换，即可以通过以上介绍的XYZ或LAB色空间来 进行转换。<br/><br/><strong>HSL颜色空间 </strong><br/>HSL(hue,saturation,lightness)颜色空间，这个颜色空间都是用户台式机图形程序的颜色表示， 用六角形锥体表示自己的颜色模型。<br/><br/><strong>HSB颜色空间 </strong><br/>HSB(hue,saturation,brightness)颜色空间，这个颜色空间都是用户台式机图形程序的颜色表示， 用六角形锥体表示自己的颜色模型。<br/><br/><strong>Ycc颜色空间</strong> <br/>柯达发明的颜色空间,由于PhotoCd在存储图像的时候要经过一种模式压缩，所以 PhotoCd采用了 Ycc颜色空间，Ycc空间将亮度作由它的主要组件，具有两个 单独的颜色通道，采用Ycc颜色空间 来保存图像，可以节约存储空间。<br/><br/><strong>XYZ颜色空间</strong> <br/>国际照明委员会(CIE)在进行了大量正常人视觉测量和统计,1931年建立了"标准色度观察者"， 从而奠定了现代CIE标准色度学的定量基础。由于"标准色度观察者"用来标定光谱色时出现负刺激值，计算不便，也不易理解，因此1931年CIE在RGB系统基础上，改用三个假想的原色X、Y、 Z建立了一个新的色度系统。将它匹配等能光谱的三刺激值，定名为"CIE1931 标准色度观察者 光谱三刺激值"，简称为"CIE1931标准色度观察者"。这一系统叫做"CIE1931标准色度系统"或称为" 2° 视场XYZ色度系统"。CIEXYZ颜色空间稍加变换就可得到Yxy色彩空间，其中Y取三刺激值中Y的值， 表示亮度，x、y反映颜色的色度特性。定义如下：在色彩管理中，选择与设备无关的颜色空间是 十分重要的，与设备无关的颜色空间由国际照明委员会(CIE)制定，包括CIEXYZ和CIELAB两个标准。 它们包含了人眼所能辨别的全部颜色。而且，CIEYxy测色制的建立给定量的确定颜色创造了条件。 但是，在这一空间中，两种不同颜色之间的距离值并不能正确地反映人们色彩感觉差别的大小， 也就是说在CIEYxy色厦图中，在 不同的位置不同方向上颜色的宽容量是不同的，这就是Yxy颜色空间 的不均匀性。这一缺陷的存在，使得在Yxy及XYZ空间不能直观地评价颜色。<br/><br/><br/><br/><strong>YUV颜色空间</strong> <br/>在现代彩色电视系统中，通常采用三管彩色摄像机或彩色CCD（点耦合器件）摄像机，它把摄得的彩色图像 信号，经分色、分别放大校正得到RGB，再经过矩阵变换电路得到亮度信号Y和两个色差信号R－Y、B－Y， 最后发送端将亮度和色差三个信号分别进行编码，用同一信道发送出去。这就是我们常用的YUV色彩空间。 采用YUV色彩空间的重要性是它的亮度信号Y和色度信号U、V是分离的。如果只有Y信号分量而没有U、V分量， 那么这样表示的图就是黑白灰度图。彩色电视采用YUV空间正是为了用亮度信号Y解决彩色电视机与黑白电视机 的兼容问题，使黑白电视机也能接收彩色信号。根据美国国家电视制式委员会，NTSC制式的标准，当白光的 亮度用Y来表示时，它和红、绿、蓝三色光的关系可用如下式的方程描述：Y＝0.3R+0.59G+0.11B 这就是常用 的亮度公式。色差U、V是由B－Y、R－Y按不同比例压缩而成的。如果要由YUV空间转化成RGB空间，只要进行 相反的逆运算即可。与YUV色彩空间类似的还有Lab色彩空间，它也是用亮度和色差来描述色彩分量，其中L为 亮度、a和b分别为各色差分量。<br/><br/><br/><strong>Lab 颜色空间</strong><br/>Lab颜色空间是由CIE（国际照明委员会）制定的一种色彩模式。自然界中任何一点色都可以在Lab空间中表达出来，它的色彩空间比RGB空间还要大。另外，这种模式是以数字化方式来描述人的视觉感应， 与设备无关，所以它弥补了RGB和CMYK模式必须依赖于设备色彩特性的不足。 由于Lab的色彩空间要比RGB模式和CMYK模式的色彩空间大。这就意味着，RGB、CMYK所能描述的色彩信息，在Lab颜色空间中都能得以影身寸。<br/>Lab颜色空间取坐标Lab，其中L亮度；a的正数代表红色，负端代表绿色；b的正数代表黄色， 负端代表兰色（a,b）有L＝116f（y）-16, a＝500[f（x／0.982）-f（y）], b＝200[f（y）-f（z／1.183 ）]；其中： f（x）＝7.787x+0.138, x〈0.008856; f（x）＝（x）1／3,x〉0.008856<br/><br/><br/><br/>〉〉〉 CMY颜色空间<br/><br/>CMY是一种颜料混合配色体系 <br/>RGB是一种光混合配色体系<br/><br/>C - Cyan 青 〈互补色〉 R - Red 红 <br/>M - Magenta 品红 〈互补色〉 G - Green 绿 <br/>Y - Yellow 黄 〈互补色〉 B - Blue 蓝<br/><br/>工业印刷中用前一种配色体系（因为是用颜料印刷），但是如果用CMY来配黑色的话很难，往往配出的是一种灰黑色，所以实际应用时还单独有黑色，即K - 黑色，故而工业中实用的印刷使用CMYK体系。<br/><br/>·C和R相反，M和G相反，Y和B相反<br/><br/>·要印刷黑色，如果用CMY三中颜料来配的话，出来的颜色是灰黑色。所以工业中常用CMYK，其中K是黑色。就是说CMYK仅仅比CMY多一种颜色：黑色。这种黑色是纯黑色，而不是灰黑色。然后这样的CMYK体系就很实用了，如果你要印刷黑色，直接用K就行了，如果要其他颜色，就用CMY来配。<br/><br/>Tags - <a href="tag.php?tag=%E8%89%B2%E5%BD%A9" rel="tag">色彩</a> , <a href="tag.php?tag=%E5%8E%9F%E7%90%86" rel="tag">原理</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?41</link>
<title><![CDATA[网页中的汉字反锯齿和其他字体应用探索]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Mon, 19 May 2008 15:04:19 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?41</guid> 
<description>
<![CDATA[ 
	由于IE的失职，导致网页开发者们都在研究如何使用字体让网页更好看、修改最方便、SEO效果最好。<br/><br/>老外想了两种法子，我都尝试了一下，也跟大家说说我尝试中的所得。<br/><br/>一种方案是纯客户端的解决方案，<a href="http://www.mikeindustries.com/blog/sifr/" target="_blank">采用sIFR实现</a>，主要用了Flash、js、css实现，对于英语站点来说，这绝对是一个不错的解决方案。<br/>技术上是这样的，通过swf文件嵌入特殊的字体，然后通过js将div中的文字读出，作为FlashVars参数传给Flash，这样Flash就出现了特殊字体的文字，然后通过css将原有的文字隐藏掉，再通过js把Flash显示到该位置。<br/>英文字体才几k，真的很好，26个字母，一些标点符号，就可以形成一个常用字体库了，相比之下，中文汉字真的是博大精深，一个黑体字库就需要9M，即使仅选择了1级简体汉字，也还有3M左右。<br/>于是乎，我做了这么一个调整：让浏览器在背后下载这个包含黑体的3M多的Flash，当下载完成以后便回调js，告知js开始替换，并通过Cookie记录这个flash已经下载来了，以后进入的时候就直接使用缓存中的这个字体Flash。<br/>展示一个案例：<br/>http://www.liubros.com/sites/wanran/index.html<br/>第一次进入的时候导航条使用的是宋体14px加粗，而背后便开始下载3M的字体文件，一旦下载完成，以后浏览时便使用Flash显示的黑体来替换。<br/>但要浏览者下载3M的字体文件真的是有点难为人了……所以这种方案最终认为不太可实际使用。<br/><br/>另一种方案是服务器端生成图片的解决方案，<a href="http://code.google.com/p/pcdtr/" target="_blank">采用DTR实现</a>，主要是使用php生成特定文字、特定字体的图片，并替换div中原有的文字。这样对于浏览者而言，字体文件不用下载，每次只需要下载特定的图片即可。值得一提的是，他通过ob_start控制了服务器发送的内容，先经过php的替换处理后再发送给客户端，这个技术我以前没见过，倒是觉得蛮新鲜。<br/>但生成图片很消耗服务器资源，跟phpThumb一样，而且有可能因为服务器内存限制导致生成失败。<br/>DTR有些限制，它的存在仅限于替换headings，也就是标题，所以它只对h1 - h4生效。<br/><br/>如果在汉字上实际使用的话，我想可能还是DTR的可能性要大一些，毕竟服务器忙一些还可以通过增加服务器来解决，但让客户下载字体Flash确实有点不太可能。<br/><br/>话说回来，这两种方案都考虑了SEO，因为内容是直接写在div中的，如果浏览器不支持js或者是爬虫过来看，也能看到所有的文字内容。<br/><br/>其实要解决这个问题的根本之道还在于IE提升对字体的支持，我想如果IE能够开放字体插件接口，那我想大家都会愿意花一些时间来下载黑体字库的，没有黑体，这个事情真的很困难。<br/><br/>我只能低声下气的说，M$大爷，求你早点把IE的中文字体给完善一下吧，哪怕另外插一个包也行啊。<br/><br/><br/>Tags - <a href="tag.php?tag=%E6%8A%80%E6%9C%AF" rel="tag">技术</a> , <a href="tag.php?tag=%E8%AE%BE%E8%AE%A1" rel="tag">设计</a> , <a href="tag.php?tag=js" rel="tag">js</a> , <a href="tag.php?tag=php" rel="tag">php</a> , <a href="tag.php?tag=html" rel="tag">html</a> , <a href="tag.php?tag=css" rel="tag">css</a> , <a href="tag.php?tag=%E5%B7%A5%E5%85%B7" rel="tag">工具</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?40</link>
<title><![CDATA[好用的JQuery]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Tue, 13 May 2008 23:25:46 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?40</guid> 
<description>
<![CDATA[ 
	JQuery是除了prototype外有一个好用的js库。<br/><br/>推荐一下，原先需要100行的代码现在可能只需要5行。<br/><br/>提供个中文英文对照的手册下载 <a href="attachment/1210721105_0.rar">点击这里下载文件</a><br/><br/><br/>Tags - <a href="tag.php?tag=js" rel="tag">js</a> , <a href="tag.php?tag=%E6%8A%80%E6%9C%AF" rel="tag">技术</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?39</link>
<title><![CDATA[顶级品牌广告为什么钟爱杂志 [转]]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Fri, 09 May 2008 14:44:19 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?39</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1210344232_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1210344232_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>（楼主道：前阵子悟出一个感觉，Flash就像影视，而html的网站就像杂志一般，今天看到一篇解释电视广告和杂志广告的思路的，颇有感触，特此转载）<br/><br/>有些国际顶级的品牌，在电视广告中很少看到他们的影子，比如说服装品牌阿玛尼、LV，我们经常只能在一些时尚杂志上看到他们的身影。这种现象的出现，应该说和产品有一定的关系。高端服装产品，都是在传达一种情感，而通过电视媒体来做广告，一次性30秒的广告片一般很难传达得了。不过，杂志媒体的广告就容易实现这一点了，因为这些杂志读者一般都会细细阅读，拿在手里的时间也比较长。<br/><br/>高端服装品牌选择时尚杂志作为传播媒体，是明智的，因为这些高档杂志的目标人群是不一样的，人群分类特别明显。比如一些服装杂志和时尚杂志，有些高端人士觉得他自己的身份是就属于这个层次的，就会觉得杂志上的产品挺时尚的，正好适合自己。<br/><br/>另外，还有像飞机上商务人士常看的航空杂志，都是可以做这种高端品牌广告的。而且，这种杂志的效果一般都有三个月的滞后期，乘机者会看到一个月前、两个月前的杂志，只要没看过他就会慢慢去翻。这样的话，杂志媒体广告持续发生作用的时间就比较长了，企业就可以慢慢地让消费者感受和体会自己的品牌理念。<br/><br/>其实，国内服装企业的推广方式和其他行业的企业也不太一样，很多都是迅速地掠夺。我们要知道，只有中国市场才能产生这种迅速掠夺的行为，因为很多消费人群都是刚刚被启发出来，市场正处在一个高速成长期，而国外的市场运作都已经比较成熟了。所以，很多国外品牌采取杂志媒体做广告的方式，是和他们的品牌理念以及营销策略有关系的。<br/><br/>另外，国外企业一般还会采取新闻发布、明星代言、公益活动等等公关行为，来提升自己品牌的形象。如果只是狂砸电视广告，斗勇斗狠，那么很可能会毁了品牌。像目前很多国内的一些服装品牌，做广告都有点儿斗狠的感觉，拼命地传达我怎么样，你强悍，我比你更强悍，却很少有企业真正从消费者的内心情感角度出发，慢慢地去渗透，让消费者逐渐产生一种情感的认可和依赖。<br/><br/>对目前的中国市场来说，这可能是现阶段存在的一种错误行为，以后大家会慢慢学会那些国际品牌成功的广告运作方式。<br/><br/>当然，这也不能一概而论。<br/><br/>在目前中国市场上，为了建立自己的品牌，为了掠夺资源和积累资金，企业短期内也可以采取野蛮的营销方式，等成长起来以后再慢慢地做品牌提升，或者是再重新树立一个高端的品牌。<br/><br/>另外，很多企业不斗勇斗狠也没办法，因为目前的中国市场上存在着几亿的农民兄弟。面对这些消费者，如果我们慢慢地做情感，做品牌，那太难了。像很多刚刚从农村出来的这部分群体，大部分的企业都想抓住这个人群，把渠道深入到县级市去做覆盖，因为这个群体的数量实在是太大了，这也情有可原。<br/><br/>其实，对于中国的企业来说，采取野蛮的营销方式确实也能赚到钱；如果你能想着将来肯定还要重新树立另一个品牌来做高端市场，那么，现在正处在掠夺基本资源的阶段，你采取狂砸广告也好，野蛮营销也好，都是可以的。<br/> <br/>来源：传媒日报<br/><br/><br/>Tags - <a href="tag.php?tag=%E8%87%AA%E6%88%91%E4%BF%AE%E7%BB%83" rel="tag">自我修练</a> , <a href="tag.php?tag=flash" rel="tag">flash</a> , <a href="tag.php?tag=html" rel="tag">html</a> , <a href="tag.php?tag=%E5%B9%BF%E5%91%8A" rel="tag">广告</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?38</link>
<title><![CDATA[刘姓]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Sun, 09 Mar 2008 07:47:50 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?38</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1205048945_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1205048945_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>“刘”字是什么意思？估计很少有人能确切的知道。作为刘氏族人，对自己的姓氏无论如何也得了解一二。<br/><br/>“刘”字，在现代汉语里只出现在姓氏中，繁体字为“劉”，普通话读音为 Liú ，粤语读音为 Lau。汉典中的“刘”字除了姓之外，还有两个令人意外的解释：杀戮和斧钺。<br/><br/>在中国，人们现在所知的最古老的汉语文字是甲骨文和金文。遗憾的是，无论是在甲骨文、金文还是刻在陶器上的陶文中，我们至今都尚未发现有“劉”字。<br/><br/>网上能够搜索到的“刘”字的本义个人比较喜欢的是“战斧-刘”一说：<br/><br/>传说在华夏古老的某一支原始氏族中，他们把战斧称为“刘”，用刘做为本氏族的图腾，刘便成为这只氏族区别于其他氏族的血缘徽记。于是，原始的刘姓氏族便逐渐形成了。<br/><br/>另外顺道提一下，在网上流行的王大有先生创作的姓氏图腾中，“刘”字的形象是由一位长者，手持刻刀，契刻春天和秋天天气到达地球的运行规律，简作“留”，后变为“劉”。本义是掌管测定春分点的氏族。<br/><br/>百度百科中也采用了这个图腾作为插图：<br/><!--a href="http://www.liubros.com/blog/attachment/1205049345_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1205049345_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>但个人不是很喜欢这个艺术解释。<br/><br/>或许可以开始酝酿一下工作室的Logo了。<br/><br/>将dotnet兄临摹的也给他贴上来 ^_^，赞~<br/><!--a href="http://www.liubros.com/blog/attachment/1210344458_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1210344458_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a-->
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?37</link>
<title><![CDATA[用HTML与CSS构建门户的少许经验]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Thu, 28 Feb 2008 14:23:35 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?37</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1204208560_0.jpg" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1204208560_0.jpg" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>最近开始做几个门户网站，所以对此有了少许经验，分享出来给大家，共同进步。<br/><br/>首先声明下，我这里提到的门户是指信息量丰富、首页分页都有许多内容模块且更新频繁、排版紧凑复杂、访问量较大的信息型网站。<br/><br/>这类网站的一大特点就是界面内容多而复杂，如果不注意，很容易陷入问题的“海洋”，导致整体结构混乱。<br/><br/>这里我建议将这类网站的页面制作工作分为两部分：<br/>（1）布局：把各个内容模块放哪儿<br/>（2）风格：各个内容模块都长啥样<br/><br/>布局的确定可以由<table>来负责，当然你会说<div>也不错，但问题是IE、Firefox对div浮动的处理有些许出入，一不注意就会让界面面目全非，而<table>的格子会让内容“逃得了和尚逃不了庙”，基本上八九不离十，这样会给你的页面制作工作减少很多"Big Surprise"。<br/><br/>风格则建议使用div+css来处理，因为div+css能够把局部做得很深入，自由度很高。但是一定要记得对各个内容模块进行单独测试，以保证他们在各种位置、各种宽高下都能够很好的适应。而风格更可以抽象整理成风格库，这样以后做新的页面都可以使用，甚至在做其它网站的时候也可以使用这样的风格库，这样可以将新页面的编写工作变得轻松而明显，也很容易的保证了整个网站风格的统一。<br/><br/><br/>Tags - <a href="tag.php?tag=%E6%8A%80%E6%9C%AF" rel="tag">技术</a> , <a href="tag.php?tag=html" rel="tag">html</a> , <a href="tag.php?tag=div" rel="tag">div</a> , <a href="tag.php?tag=css" rel="tag">css</a> , <a href="tag.php?tag=%E4%BB%A3%E7%A0%81" rel="tag">代码</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?36</link>
<title><![CDATA[吃惊： body onload=晚饭吃了吗()]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Sat, 05 Jan 2008 15:46:18 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?36</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1199547580_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1199547580_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>以后如果你看到这样的代码，请不要再吃惊，我今天已经吃惊过了，原来这样都行。<br/><br/><br/>Unicode好，我们都住在地球村！<br/>原先一直为自己英语不够好困扰，特别是写程序时取名字，真是个难题，要用短短的几个单词准确的描述出函数、类的功能，对我来说，很难。<br/><br/>今天看到一篇文章，说老外用制表符做类名，忽然一惊，支持制表符，那估计也支持中文了！<br/><br/>马上试了一下，建立一个utf-8编码的html，在里面这么写道：<br/><br/><div class="code"><br/>&lt;html&gt;<br/>&lt;meta http-equiv=content-type content=&quot;text/html; charset=UTF-8&quot;&gt;<br/>&nbsp;&nbsp;&lt;script&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;function 晚上吃了吗？() { alert(&quot;吃过了&quot;); }<br/>&nbsp;&nbsp;&lt;/script&gt;<br/>&nbsp;&nbsp;&lt;style&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;#测试 {font-size: 26px; font-family: simhei;}<br/>&nbsp;&nbsp;&lt;/style&gt;<br/>&nbsp;&nbsp;&lt;body onload=&quot;晚上吃了吗？();&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id=&quot;测试&quot;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;测试<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br/>&nbsp;&nbsp;&lt;/body&gt;<br/>&lt;/html&gt;<br/></div><br/><br/>那IE6、IE7居然都测试通过，而Firefox 1.5，可能我使用的有点老，对Unicode支持不是很完善，提示“了”字做函数名时是非法字符，但基本上能出效果了。<br/><br/>这真是一个好消息，虽然现在做项目时还有点不敢直接使用中文来命名，但感觉如果以后如果能够使用稳定的中文变量名、函数名、类名，无疑能让代码的可读性提高很多！<br/><br/>这是个好消息，有兴趣的朋友可以试一下哦~~<br/><br/><br/>Tags - <a href="tag.php?tag=%E6%8A%80%E6%9C%AF" rel="tag">技术</a> , <a href="tag.php?tag=unicode" rel="tag">unicode</a> , <a href="tag.php?tag=%E4%BB%A3%E7%A0%81" rel="tag">代码</a> , <a href="tag.php?tag=html" rel="tag">html</a> , <a href="tag.php?tag=css" rel="tag">css</a>
]]>
</description>
</item><item>
<link>http://www.liubros.com/blog/read.php?35</link>
<title><![CDATA[做网站的炒菜哲学]]></title> 
<author>liusida &lt;liusida@mrsci.cn&gt;</author>
<category><![CDATA[默认分类]]></category>
<pubDate>Sat, 05 Jan 2008 10:42:05 +0000</pubDate> 
<guid>http://www.liubros.com/blog/read.php?35</guid> 
<description>
<![CDATA[ 
	<!--a href="http://www.liubros.com/blog/attachment/1199529679_0.png" target="_blank"--><img src="http://www.liubros.com/blog/attachment/1199529679_0.png" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/><!--/a--><br/><br/>很多网站设计师都对架构、对网站界面、对用户偏好有较好的研究，这里我暂时抛开设计水平，光来谈谈对于客户的管理，希望能抛砖引玉。<br/><br/><br/>集中专门做网站已有半个年头，和小刘的合作可谓是开心顺利的，究其原因，我以炒菜作喻：小刘就是大厨，炒菜的水平和想象力都很不赖，而我则是一个合格的配菜帮工，于是小刘炒得开心，我们的作品也可以出来蛮好的效果。<br/><br/>炒菜除了具体负责炒、加料的工作外，我觉得还有这么几个工作：<br/>（1）研究新菜，制定新菜的思路；<br/>（2）配菜；<br/>（3）控制火。<br/><br/>研究新菜，就是将经验和理论知识融合，讨论出一套制作网站方案，这个是需要通力合作的结果，不需要特别针对某一个网站去制定，只要按照既定的方案执行即可。这一步我们一直放在心里，也为现在的菜系制定了一个不错的方案。<br/><br/>配菜，就是要准备好各种料：荤菜是图片，素菜是文字，海鲜是动画视频多媒体，有句话叫巧妇难为无米之炊，再好的师傅，如果没有足够的料，也炒不出一盘好菜。大家都知道配菜在开炒之前就应该做完，不然一边炒一边才发现没这没那再去准备，没准就乱了阵脚。但做网站往往很多同仁就忘了先配菜再开炒的道理，客户可以不懂，但我们自己做这个事情的不能不把配菜工作先做好。<br/><br/>控制火，火就是指客户的热情：有的客户如旺火，很关注这个网站项目，关注每一个细节；有的客户如细火，对网站的进度不太在意，时而询问一下。那是旺火好还是细火好呢？这就需要具体问题具体分析了。有的菜需要用旺火，一气呵成，不能耽搁，而有的菜需要慢工细活，由不得客户一直再催促。火太细了，菜容易生，炒得时间也太长，因为火是菜从生变熟的源动力，没有客户的加入只能让制作人凭臆想胡做一番，完不成客户的商业目标；火太旺了，会很容易让菜焦掉，特别在配菜做的不是很完美，或者佐料不齐，一再妥协、将就，到最后发现整个系统就是一砣垃圾，根本让人不想再碰。<br/><br/>做好了这三样工作后，剩下的就看炒菜师傅的本事了，好的师傅在这样的情况下都能如鱼得水般做好一个网站。<br/><br/>Tags - <a href="tag.php?tag=%E5%8E%9F%E5%88%99" rel="tag">原则</a> , <a href="tag.php?tag=%E5%AE%A2%E6%88%B7" rel="tag">客户</a> , <a href="tag.php?tag=%E6%84%9F%E6%83%B3" rel="tag">感想</a>
]]>
</description>
</item>
</channel>
</rss>