﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>凝香 &#187; 心得</title>
	<atom:link href="http://vcity.imagels.com/archives/tag/%e5%bf%83%e5%be%97/feed" rel="self" type="application/rss+xml" />
	<link>http://vcity.imagels.com</link>
	<description>我要修建自己的花圃，然后大声宣布它叫天堂</description>
	<lastBuildDate>Thu, 15 Apr 2010 17:27:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Chrome浏览器文字显示问题</title>
		<link>http://vcity.imagels.com/archives/160</link>
		<comments>http://vcity.imagels.com/archives/160#comments</comments>
		<pubDate>Thu, 26 Mar 2009 08:38:44 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[心得]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=160</guid>
		<description><![CDATA[前段时间给标志雪铁龙集团做中文的网站界面，测试各个浏览器的兼容问题的时候发现谷歌浏览器Chrome在显示0px大小的文字时会有小小的异常。
如下图：

图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为&#60;a&#62;锚的背景图，同时为了对浏览器友好和对停用css状态（例如盲人浏览器）的可用性考虑，这个链接中仍然放入了“媒体中心”这几个文字，并用css将其大小定义为0px。这样在一般的浏览器中文字大小为0，就不会被显示出来。但是此时我们发现在chrome中浏览网页时，这几个文字还是被显示出来了（媒体中心左上角那一小团），只不过很小，小到只有几个像素，像个污点似的……
这个问题的解决方法很简单，在css中再加一句text-indent:-9999px;即可。
其实最早我用来隐藏文字的方法就是text-indent:-9999px;  但是这个方法在浮动布局时，也可能会产生纵向的占位问题，所以后来一律用font-size:0px;了，简单、有效。
不过现在多种浏览器争芳的时代来临了，只是苦了我们小小的web开发……看来以后text-indent:-9999px; 和font-size:0px;要并用了，特殊时大约还要用到overflow:hidden;
Chrome的这个问题或许算不上bug，但是怎么说呢？它实在太尽职尽责了，0px的东西都要显示出来……就冲这一点，Chome可以无愧地当选09年最敬业的浏览器……

	Tags(标签): Design, Web, 心得

	相关文章（Related posts）
	
	近期做的几个Logo和展板 (0)
	祈祷～让我设计的毕业衫印出来好看一点吧～～ (5)
	发布两个新logo (0)
	外语节海报 (3)
	一些体会——关于颜色 (0)


]]></description>
			<content:encoded><![CDATA[<p>前段时间给标志雪铁龙集团做中文的网站界面，测试各个浏览器的兼容问题的时候发现谷歌浏览器Chrome在显示0px大小的文字时会有小小的异常。</p>
<p>如下图：<br />
<img class="alignnone" title="ChromeTextBug" src="http://vcity.imagels.com/pic/others/ChromeTextBug.jpg" alt="" width="285" height="94" /><br />
图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为&lt;a&gt;锚的背景图，同时为了对浏览器友好和对停用css状态（例如盲人浏览器）的可用性考虑，这个链接中仍然放入了“媒体中心”这几个文字，并用css将其大小定义为0px。这样在一般的浏览器中文字大小为0，就不会被显示出来。但是此时我们发现在chrome中浏览网页时，这几个文字还是被显示出来了（媒体中心左上角那一小团），只不过很小，小到只有几个像素，像个污点似的……<br />
这个问题的解决方法很简单，在css中再加一句text-indent:-9999px;即可。</p>
<p>其实最早我用来隐藏文字的方法就是text-indent:-9999px;  但是这个方法在浮动布局时，也可能会产生纵向的占位问题，所以后来一律用font-size:0px;了，简单、有效。<br />
不过现在多种浏览器争芳的时代来临了，只是苦了我们小小的web开发……看来以后text-indent:-9999px; 和font-size:0px;要并用了，特殊时大约还要用到overflow:hidden;</p>
<p>Chrome的这个问题或许算不上bug，但是怎么说呢？它实在太尽职尽责了，0px的东西都要显示出来……就冲这一点，Chome可以无愧地当选<strong>09年最敬业的浏览器</strong>……</p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/web" title="Web" rel="tag">Web</a>, <a href="http://vcity.imagels.com/archives/tag/%e5%bf%83%e5%be%97" title="心得" rel="tag">心得</a><br />

	<h4>相关文章（Related posts）</h4>
	<ul class="st-related-posts">
	<li><a href="http://vcity.imagels.com/archives/61" title="近期做的几个Logo和展板 (八月 29, 2006)">近期做的几个Logo和展板</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/97" title="祈祷～让我设计的毕业衫印出来好看一点吧～～ (六月 2, 2007)">祈祷～让我设计的毕业衫印出来好看一点吧～～</a> (5)</li>
	<li><a href="http://vcity.imagels.com/archives/127" title="发布两个新logo (十一月 11, 2008)">发布两个新logo</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/60" title="外语节海报 (八月 29, 2006)">外语节海报</a> (3)</li>
	<li><a href="http://vcity.imagels.com/archives/99" title="一些体会——关于颜色 (六月 21, 2007)">一些体会——关于颜色</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/160/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>胜冈重夫——美丽的365天</title>
		<link>http://vcity.imagels.com/archives/123</link>
		<comments>http://vcity.imagels.com/archives/123#comments</comments>
		<pubDate>Thu, 12 Jun 2008 15:50:40 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[心得]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/archives/123</guid>
		<description><![CDATA[
上个月中旬的时候，日本著名CI设计大师胜冈重夫先生在南开做了3天讲座，题目是《美丽的365天》。
以下做一些笔记：
1、好的设计即好的生意；
2、胜冈先生把自己看作一个艺术家而不是设计师，在做每一个设计的时候，都以花与诗意作为自己作品的灵感来源。
3、强调手绘的灵动，认为手绘能比电脑制作带来更多的灵感。
4、标志在应用系统中使用时不一定要完全出现，可以拆开、出现一半等&#8230;&#8230;（可以作为普通的视觉元素来应用？）
5、把每一个标志设计当作图画来处理。
6、强调平时的积累。注重感性体验。从好书、音乐、电影、旅行、美食中感悟，收集美好的体验并在需要的时候用设计表达出来。
7、胜冈先生举了一个杯子的例子，说，人的大脑就像是一只装水的杯子，灵感就像杯子里的水，你在积累的知识（视觉元素、感情、体验&#8230;&#8230;）少的时候，绞尽脑汁也倒不出多少水来，而设计也是不应该那样做的。只要平时积累多了，就像杯子装满了水，不需要去倒，你的积累就会使你的灵感自己溢出来。
8、讲座的最后，胜冈先生送给在场的同学们一句话：&#8220;Design=人格&#8221;
另附胜冈先生回答的几个同学的提问：
1、关于怎么看待设计风格的传统与现代
&#160;&#160;&#160;&#160;&#160;&#160;&#160; 胜冈先生主张收集传统文化的资源作为积累，在自己吸收重组以后，成为能够与时代接轨的设计风格。在尊重、了解传统文化的基础上创造现代设计，从传统文化中找寻未来的设计之路。
2、如何与企业接触
&#160;&#160;&#160;&#160;&#160;&#160;&#160; 不论条件多么恶劣、所要作的设计多么微不足道，都要全身心的投入。这里胜冈先生举了自己的一个经历，他因为某次为一家鞋厂设计做广告时绑在携带上的一个指甲盖大小的装饰，而被一个老板看中，把整个店的设计交给他做。他说，最好的报酬不是给了多少钱，而是得到了更大的工作委托（对方对自己能力的认可）。
3、关于色彩
&#160;&#160;&#160;&#160;&#160;&#160;&#160; 具体的忘了，大意好像是说在CI设计中需要&#8220;闪亮&#8221;的色彩
4、个性与社会性如何协调的问题
&#160;&#160;&#160;&#160;&#160;&#160;&#160; 不要把自己的东西强加给对方。在设计之初是没有能力说服对方的，而是应该积累自己，等自己成长起来后，再通过作品影响对方。胜冈先生的作品中使用鲜亮个性的色彩的作品多出现在30岁以后（成名以后）。
&#160;
说道传统文化的时候，胜冈先生说他年轻的时候很认真的研究过日本各个家族的族徽（并且用手把它们描绘下来），这对他日后的ci设计产生了深远的影响。我这段时间也在看中国古代漆器和陶瓷的纹饰，五千年的文明有着太多的宝藏等待我们去发掘，中国的传统文化就在我们身边，别再让那些铺天盖地的外国矢量花纹盖住了它的光辉。
胜冈先生给我最大的影响是他对生活和设计的态度，365天，每一天都用发现美丽的眼睛去生活，去感受，设计离我们还会远吗～
&#160;

	Tags(标签): Design, 心得

	相关文章（Related posts）
	
	标致雪铁龙集团（中国）网站界面设计 (7)
	南开大学录取通知书 (4)
	天津美院2007毕业设计作品展——平面设计 (0)
	天津美院2007毕业设计作品展——服装 (0)
	居然被人说抄袭 (3)


]]></description>
			<content:encoded><![CDATA[<p><img src="http://vcity.imagels.com/pic/shenggang.jpg" alt="" /></p>
<p>上个月中旬的时候，日本著名CI设计大师胜冈重夫先生在南开做了3天讲座，题目是《美丽的365天》。</p>
<p>以下做一些笔记：</p>
<p>1、好的设计即好的生意；</p>
<p>2、胜冈先生把自己看作一个艺术家而不是设计师，在做每一个设计的时候，都以花与诗意作为自己作品的灵感来源。</p>
<p>3、强调手绘的灵动，认为手绘能比电脑制作带来更多的灵感。</p>
<p>4、标志在应用系统中使用时不一定要完全出现，可以拆开、出现一半等&hellip;&hellip;（可以作为普通的视觉元素来应用？）</p>
<p>5、把每一个标志设计当作图画来处理。</p>
<p>6、强调平时的积累。注重感性体验。从好书、音乐、电影、旅行、美食中感悟，收集美好的体验并在需要的时候用设计表达出来。</p>
<p>7、胜冈先生举了一个杯子的例子，说，人的大脑就像是一只装水的杯子，灵感就像杯子里的水，你在积累的知识（视觉元素、感情、体验&hellip;&hellip;）少的时候，绞尽脑汁也倒不出多少水来，而设计也是不应该那样做的。只要平时积累多了，就像杯子装满了水，不需要去倒，你的积累就会使你的灵感自己溢出来。</p>
<p>8、讲座的最后，胜冈先生送给在场的同学们一句话：&ldquo;Design=人格&rdquo;</p>
<p>另附胜冈先生回答的几个同学的提问：</p>
<p>1、关于怎么看待设计风格的传统与现代</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 胜冈先生主张收集传统文化的资源作为积累，在自己吸收重组以后，成为能够与时代接轨的设计风格。在尊重、了解传统文化的基础上创造现代设计，从传统文化中找寻未来的设计之路。</p>
<p>2、如何与企业接触</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 不论条件多么恶劣、所要作的设计多么微不足道，都要全身心的投入。这里胜冈先生举了自己的一个经历，他因为某次为一家鞋厂设计做广告时绑在携带上的一个指甲盖大小的装饰，而被一个老板看中，把整个店的设计交给他做。他说，最好的报酬不是给了多少钱，而是得到了更大的工作委托（对方对自己能力的认可）。</p>
<p>3、关于色彩</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 具体的忘了，大意好像是说在CI设计中需要&ldquo;闪亮&rdquo;的色彩</p>
<p>4、个性与社会性如何协调的问题</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 不要把自己的东西强加给对方。在设计之初是没有能力说服对方的，而是应该积累自己，等自己成长起来后，再通过作品影响对方。胜冈先生的作品中使用鲜亮个性的色彩的作品多出现在30岁以后（成名以后）。</p>
<p>&nbsp;</p>
<p>说道传统文化的时候，胜冈先生说他年轻的时候很认真的研究过日本各个家族的族徽（并且用手把它们描绘下来），这对他日后的ci设计产生了深远的影响。我这段时间也在看中国古代漆器和陶瓷的纹饰，五千年的文明有着太多的宝藏等待我们去发掘，中国的传统文化就在我们身边，别再让那些铺天盖地的外国矢量花纹盖住了它的光辉。</p>
<p>胜冈先生给我最大的影响是他对生活和设计的态度，365天，每一天都用发现美丽的眼睛去生活，去感受，设计离我们还会远吗～</p>
<p>&nbsp;</p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/%e5%bf%83%e5%be%97" title="心得" rel="tag">心得</a><br />

	<h4>相关文章（Related posts）</h4>
	<ul class="st-related-posts">
	<li><a href="http://vcity.imagels.com/archives/169" title="标致雪铁龙集团（中国）网站界面设计 (五月 29, 2009)">标致雪铁龙集团（中国）网站界面设计</a> (7)</li>
	<li><a href="http://vcity.imagels.com/archives/85" title="南开大学录取通知书 (十一月 26, 2006)">南开大学录取通知书</a> (4)</li>
	<li><a href="http://vcity.imagels.com/archives/105" title="天津美院2007毕业设计作品展——平面设计 (七月 12, 2007)">天津美院2007毕业设计作品展——平面设计</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/103" title="天津美院2007毕业设计作品展——服装 (七月 12, 2007)">天津美院2007毕业设计作品展——服装</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/114" title="居然被人说抄袭 (十一月 9, 2007)">居然被人说抄袭</a> (3)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/123/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>一些体会——关于颜色</title>
		<link>http://vcity.imagels.com/archives/99</link>
		<comments>http://vcity.imagels.com/archives/99#comments</comments>
		<pubDate>Thu, 21 Jun 2007 05:56:05 +0000</pubDate>
		<dc:creator>北极熊</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[心得]]></category>
		<category><![CDATA[色彩]]></category>

		<guid isPermaLink="false">http://vcity.imagels.com/?p=99</guid>
		<description><![CDATA[前段时间就一直想，在走之前写写自己的一些体会，希望对大家有帮助。
不过真的到敲起键盘来打算说些什么的时候，却发现不知道要如何说，对于颜色，或者延伸一些说对于设计，越来越觉得是一个无穷的世界，不管说多少，都是对思想的限制。所以今天要写的这些，大家抱着看一看的态度就行了，如果能有所启发，便再好不过，欢迎讨论。
一些关于颜色的基础&#160;&#160;&#160; 这里要说的不是颜色理论教程里的概念，只是体会，这些名词属性，理解会用了就好。&#160;&#160;&#160; 1、色相：就是赤橙黄绿青蓝紫这些表示基本颜色的属性。&#160;&#160;&#160; 2、饱和度：就是颜色表现出来的强度，调到最小的话图片就变成黑白，调到最大图像就全由纯色构成。&#160;&#160;&#160; 3、明度：就是颜色的亮度
Photoshop里的颜色工具&#160;&#160;&#160; 1、色相/饱和度工具：就是调节色彩的三个基本属性的工具，用这个工具基本可以调出所有的颜色来，就是修图的时候用起来感觉有些生硬，一般情况下的调节数值不易过大，做些微调还是蛮好用的。&#160;&#160;&#160; 2、色阶和曲线：这两个工具都是调节图像亮度的，只是调节方式不同而已，根据不同的图片状况选择使用，哪个方便调节，就用哪个好了。都是最常用的调节工具，图片的变化也比较自然。【与上一个工具里明度的调节不同的是这两个工具调节的时候都会改变图像本身的饱和度】&#160;&#160;&#160; 3、亮度/对比度：一目了然的功能，不过不推荐使用，简单但是调节效果比较生硬，普通的图片调节用色阶、曲线和图层的叠加效果就完全胜任了。&#160;&#160;&#160; 4、色彩平衡：调节图像各种色彩比例的一个工具，可以对中间调、高光、阴影分别调节，十分好用的一个工具。&#160;&#160;&#160; 5、可选颜色：昨天才发现的一个工具，也是调节图像色彩比例的，可以选择不同颜色分别调节，也是十分好用的工具。
颜色的使用&#160;&#160;&#160; 1、关于饱和度：&#160;&#160;&#160;&#160;&#160;&#160; 虽然饱和度越高颜色显得越亮丽，但是建议大家不要多用高饱和度的颜色，就像我们平时觉得mm皮肤白一点很漂亮，但是如果你把某mm的皮肤ps成一大团纯白色，大概就要面临mm满校园的追杀了……&#160;&#160;&#160;&#160;&#160;&#160; 实际上，在图像中对颜色的使用，我偏好于饱和度低的颜色，因为饱和度低了显得比较安静，也容易让人注意图像中的主体内容。但是饱和度高的话图像就会显得比乍眼，虽然一开始容易被人发现，但是往往看上两眼就生出难受的感觉，不愿继续看了。&#160;&#160;&#160;&#160;&#160;&#160; 这一点与我们平时的视觉感受有很大关系，平常我们在自然状态下看到的颜色，就很少有饱和度高的色彩出现。&#160;&#160;&#160;&#160;&#160;&#160; 不过，放弃高饱和度的色彩并不意味着放弃亮丽的色彩，这一点我是过了很久才发现。最开始的发现是我在调色的时候，无论用多高的饱和度，橙色都显得不够亮丽，后来我看到一些橙色的十分亮丽的图片，就把它的颜色吸出来看，发现饱和度也不是最高，只是在颜色中加入了变化。所以亮丽的色彩不仅取决于饱和度，也取决于颜色的搭配和变化，而这种亮丽的感觉要比前一种方法高明得多。
&#160;&#160;&#160; 2、颜色的材质：&#160;&#160;&#160;&#160;&#160;&#160; 实际上我想说的就是我们平时看到的水晶效果、金属效果这样让颜色显示出生活中的物体的材质的效果。而显示出这些效果的根源，就是我们生活经验中不同物体对于光的反射效果不同。&#160;&#160;&#160;&#160;&#160;&#160; 所以我们要做的就是为颜色加上不同的“光反射”，幸而我们的ps中有渐变这个强大的工具，让我们能够轻松的模拟出水晶、金属等等的材质。我们也可以用杂色、动感模糊这样的滤镜来模拟其他材质的反光效果，这就要靠大家平时多看、多想的积累了。
&#160;&#160;&#160; 3、颜色的搭配：&#160;&#160;&#160;&#160;&#160;&#160; 关于配色的理论书籍有很多，我这里不细述了，只说说我平时的几个小的体会。&#160;&#160;&#160;&#160;&#160;&#160; 配色是一件既严谨又随意的事，说它严谨，是因为一点点的改变（色相、饱和度、明度、渐变、甚至色彩的比例）都会带来不同的视觉效果，而人们接触一样事物的第一印象就是颜色，所以对配色要抱着谨慎的心理，细调、多调，认真的找感觉，让它作为你的感觉的传达。而说它随意，也是因为它的变化，以随意的心态尝试配色，常常会让你眼前一亮，找到一些新奇的感觉。&#160;&#160;&#160;&#160;&#160;&#160; 黑色和白色，任何颜色在与黑色或白色搭配的时候都能最大程度的展现自己的本源色彩的感觉。大面积的黑色或白色在与其它颜色相配的时候往往显得十分整洁。是现在网页设计很常用的配色之一。&#160;&#160;&#160;&#160;&#160;&#160; 补色，就是色环中位置相对的颜色，像红和绿，黄和蓝，这样的配色往往给人鲜亮自然的色彩感觉，善用补色能使你的配色事半功倍。不过要注意色彩上饱和度和明度的变化，生硬的套用补色会造成很糟糕的效果，这个需要大家自己慢慢体会，多尝试一下吧～&#160;&#160;&#160;&#160;&#160;&#160; 自然照片中的取巧，（在你觉得缺乏灵感的时候），找一张没有被ps过的风景照，然后拿着取色工具去点吧，你会有很多以外的发现——自然的颜色才是最舒适的颜色。
一些习惯&#160;&#160;&#160; 1、收集配色。对色彩的体会和感觉是需要在长久的时间中仔细品味积累出来的。虽然我不主张记忆颜色代码，不过你能得把你喜欢的颜色从调色盘里基本准确的找出来。&#160;&#160;&#160; 2、尝试变化。换换饱和度、调调亮度、改变一下颜色的比例，你会发现配色的感觉都会有所变化，仔细的体会每一点不同，对颜色就会有一些新的感觉。&#160;&#160;&#160; 3、使用调整图层。对于照片类图片的修改，直接使用颜色调整工具的时候操作基本是不可逆的，颜色的调整经过几次后会损失大量的细节，而调整图层可以让我们摆脱这些麻烦，随时修改，十分方便。
糖水片&#160;&#160;&#160; 昨天晚上研究了一下最近网上比较流行的阿宝的糖水片的效果，就是让mm照片里的皮肤像糖果一样让人流口水，恩……&#160;&#160;&#160; 主要原则就是，磨皮后，用色阶和曲线让皮肤变亮，然后用色彩平衡和可选颜色，把皮肤的红、黄降低，偏向青色，仔细看那些照片就可以发现，暗调基本都是发青色的。大家有兴趣的可以试一下。&#160;&#160;&#160; 只是这种效果经常把皮肤弄得特别白，看多了觉得假……
附上2005-2007的流行色供大家体会：

	Tags(标签): Design, 心得, 色彩

	相关文章（Related posts）
	
	Chrome浏览器文字显示问题 (1)
	天津美院2007毕业设计作品展——平面设计 (0)
	南开大学设计系2007年毕业设计作品展出 (0)
	居然被人说抄袭 (3)
	南开大学录取通知书 (4)


]]></description>
			<content:encoded><![CDATA[<p>前段时间就一直想，在走之前写写自己的一些体会，希望对大家有帮助。</p>
<p>不过真的到敲起键盘来打算说些什么的时候，却发现不知道要如何说，对于颜色，或者延伸一些说对于设计，越来越觉得是一个无穷的世界，不管说多少，都是对思想的限制。所以今天要写的这些，大家抱着看一看的态度就行了，如果能有所启发，便再好不过，欢迎讨论。</p>
<p>一些关于颜色的基础<br />&nbsp;&nbsp;&nbsp; 这里要说的不是颜色理论教程里的概念，只是体会，这些名词属性，理解会用了就好。<br />&nbsp;&nbsp;&nbsp; 1、色相：就是赤橙黄绿青蓝紫这些表示基本颜色的属性。<br />&nbsp;&nbsp;&nbsp; 2、饱和度：就是颜色表现出来的强度，调到最小的话图片就变成黑白，调到最大图像就全由纯色构成。<br />&nbsp;&nbsp;&nbsp; 3、明度：就是颜色的亮度</p>
<p>Photoshop里的颜色工具<br />&nbsp;&nbsp;&nbsp; 1、色相/饱和度工具：就是调节色彩的三个基本属性的工具，用这个工具基本可以调出所有的颜色来，就是修图的时候用起来感觉有些生硬，一般情况下的调节数值不易过大，做些微调还是蛮好用的。<br />&nbsp;&nbsp;&nbsp; 2、色阶和曲线：这两个工具都是调节图像亮度的，只是调节方式不同而已，根据不同的图片状况选择使用，哪个方便调节，就用哪个好了。都是最常用的调节工具，图片的变化也比较自然。【与上一个工具里明度的调节不同的是这两个工具调节的时候都会改变图像本身的饱和度】<br />&nbsp;&nbsp;&nbsp; 3、亮度/对比度：一目了然的功能，不过不推荐使用，简单但是调节效果比较生硬，普通的图片调节用色阶、曲线和图层的叠加效果就完全胜任了。<br />&nbsp;&nbsp;&nbsp; 4、色彩平衡：调节图像各种色彩比例的一个工具，可以对中间调、高光、阴影分别调节，十分好用的一个工具。<br />&nbsp;&nbsp;&nbsp; 5、可选颜色：昨天才发现的一个工具，也是调节图像色彩比例的，可以选择不同颜色分别调节，也是十分好用的工具。</p>
<p>颜色的使用<br />&nbsp;&nbsp;&nbsp; 1、关于饱和度：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 虽然饱和度越高颜色显得越亮丽，但是建议大家不要多用高饱和度的颜色，就像我们平时觉得mm皮肤白一点很漂亮，但是如果你把某mm的皮肤ps成一大团纯白色，大概就要面临mm满校园的追杀了……<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 实际上，在图像中对颜色的使用，我偏好于饱和度低的颜色，因为饱和度低了显得比较安静，也容易让人注意图像中的主体内容。但是饱和度高的话图像就会显得比乍眼，虽然一开始容易被人发现，但是往往看上两眼就生出难受的感觉，不愿继续看了。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这一点与我们平时的视觉感受有很大关系，平常我们在自然状态下看到的颜色，就很少有饱和度高的色彩出现。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 不过，放弃高饱和度的色彩并不意味着放弃亮丽的色彩，这一点我是过了很久才发现。最开始的发现是我在调色的时候，无论用多高的饱和度，橙色都显得不够亮丽，后来我看到一些橙色的十分亮丽的图片，就把它的颜色吸出来看，发现饱和度也不是最高，只是在颜色中加入了变化。所以亮丽的色彩不仅取决于饱和度，也取决于颜色的搭配和变化，而这种亮丽的感觉要比前一种方法高明得多。</p>
<p>&nbsp;&nbsp;&nbsp; 2、颜色的材质：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 实际上我想说的就是我们平时看到的水晶效果、金属效果这样让颜色显示出生活中的物体的材质的效果。而显示出这些效果的根源，就是我们生活经验中不同物体对于光的反射效果不同。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 所以我们要做的就是为颜色加上不同的“光反射”，幸而我们的ps中有渐变这个强大的工具，让我们能够轻松的模拟出水晶、金属等等的材质。我们也可以用杂色、动感模糊这样的滤镜来模拟其他材质的反光效果，这就要靠大家平时多看、多想的积累了。</p>
<p>&nbsp;&nbsp;&nbsp; 3、颜色的搭配：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 关于配色的理论书籍有很多，我这里不细述了，只说说我平时的几个小的体会。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 配色是一件既严谨又随意的事，说它严谨，是因为一点点的改变（色相、饱和度、明度、渐变、甚至色彩的比例）都会带来不同的视觉效果，而人们接触一样事物的第一印象就是颜色，所以对配色要抱着谨慎的心理，细调、多调，认真的找感觉，让它作为你的感觉的传达。而说它随意，也是因为它的变化，以随意的心态尝试配色，常常会让你眼前一亮，找到一些新奇的感觉。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 黑色和白色，任何颜色在与黑色或白色搭配的时候都能最大程度的展现自己的本源色彩的感觉。大面积的黑色或白色在与其它颜色相配的时候往往显得十分整洁。是现在网页设计很常用的配色之一。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 补色，就是色环中位置相对的颜色，像红和绿，黄和蓝，这样的配色往往给人鲜亮自然的色彩感觉，善用补色能使你的配色事半功倍。不过要注意色彩上饱和度和明度的变化，生硬的套用补色会造成很糟糕的效果，这个需要大家自己慢慢体会，多尝试一下吧～<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 自然照片中的取巧，（在你觉得缺乏灵感的时候），找一张没有被ps过的风景照，然后拿着取色工具去点吧，你会有很多以外的发现——自然的颜色才是最舒适的颜色。</p>
<p>一些习惯<br />&nbsp;&nbsp;&nbsp; 1、收集配色。对色彩的体会和感觉是需要在长久的时间中仔细品味积累出来的。虽然我不主张记忆颜色代码，不过你能得把你喜欢的颜色从调色盘里基本准确的找出来。<br />&nbsp;&nbsp;&nbsp; 2、尝试变化。换换饱和度、调调亮度、改变一下颜色的比例，你会发现配色的感觉都会有所变化，仔细的体会每一点不同，对颜色就会有一些新的感觉。<br />&nbsp;&nbsp;&nbsp; 3、使用调整图层。对于照片类图片的修改，直接使用颜色调整工具的时候操作基本是不可逆的，颜色的调整经过几次后会损失大量的细节，而调整图层可以让我们摆脱这些麻烦，随时修改，十分方便。</p>
<p>糖水片<br />&nbsp;&nbsp;&nbsp; 昨天晚上研究了一下最近网上比较流行的阿宝的糖水片的效果，就是让mm照片里的皮肤像糖果一样让人流口水，恩……<br />&nbsp;&nbsp;&nbsp; 主要原则就是，磨皮后，用色阶和曲线让皮肤变亮，然后用色彩平衡和可选颜色，把皮肤的红、黄降低，偏向青色，仔细看那些照片就可以发现，暗调基本都是发青色的。大家有兴趣的可以试一下。<br />&nbsp;&nbsp;&nbsp; 只是这种效果经常把皮肤弄得特别白，看多了觉得假……</p>
<p>附上2005-2007的流行色供大家体会：<br /><img src="http://vcity.imagels.com/pic/popcolors/1.jpg" /><br /><img src="http://vcity.imagels.com/pic/popcolors/2.jpg" /><br /><img src="http://vcity.imagels.com/pic/popcolors/3.jpg" /><br /><img src="http://vcity.imagels.com/pic/popcolors/4.jpg" /><br /><img src="http://vcity.imagels.com/pic/popcolors/5.jpg" /><br /><img src="http://vcity.imagels.com/pic/popcolors/6.jpg" /></p>

	<br />Tags(标签): <a href="http://vcity.imagels.com/archives/tag/design" title="Design" rel="tag">Design</a>, <a href="http://vcity.imagels.com/archives/tag/%e5%bf%83%e5%be%97" title="心得" rel="tag">心得</a>, <a href="http://vcity.imagels.com/archives/tag/%e8%89%b2%e5%bd%a9" title="色彩" rel="tag">色彩</a><br />

	<h4>相关文章（Related posts）</h4>
	<ul class="st-related-posts">
	<li><a href="http://vcity.imagels.com/archives/160" title="Chrome浏览器文字显示问题 (三月 26, 2009)">Chrome浏览器文字显示问题</a> (1)</li>
	<li><a href="http://vcity.imagels.com/archives/105" title="天津美院2007毕业设计作品展——平面设计 (七月 12, 2007)">天津美院2007毕业设计作品展——平面设计</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/100" title="南开大学设计系2007年毕业设计作品展出 (六月 21, 2007)">南开大学设计系2007年毕业设计作品展出</a> (0)</li>
	<li><a href="http://vcity.imagels.com/archives/114" title="居然被人说抄袭 (十一月 9, 2007)">居然被人说抄袭</a> (3)</li>
	<li><a href="http://vcity.imagels.com/archives/85" title="南开大学录取通知书 (十一月 26, 2006)">南开大学录取通知书</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://vcity.imagels.com/archives/99/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
