
 
 
<?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>Product &#38; UX - blueben&#039;s blog &#187; photoshop</title>
	<atom:link href="http://www.blueben.cn/index.php/archives/tag/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blueben.cn</link>
	<description>关注互联网产品、交互、体验设计、电子商务应用、社会化网络媒体营销</description>
	<lastBuildDate>Thu, 19 Aug 2010 02:13:02 +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>[转]界面图标创意设计教程</title>
		<link>http://www.blueben.cn/index.php/archives/556</link>
		<comments>http://www.blueben.cn/index.php/archives/556#comments</comments>
		<pubDate>Tue, 27 Nov 2007 06:24:13 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[网络产品设计]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=556</guid>
		<description><![CDATA[在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流!
这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解!
今天把部分草图放上来!创意说明后续准备.
第一部分：图标创意阶段
其实这个阶段之前还有个重要的步骤,就是创意准备.
根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定&#8221;用户角色&#8221;,用来指导界面视觉风格方向、界面内容建构和交互设计等！（这个内容以及超出这个话题.）
当我们接到设计任务后，我们怎么开始设计图标呢？首先我们要看懂界面需求，对每个功能图标的定义要非常清楚，否则我们设计的结果将导致用户难以理解，这个也是图标设计所关心的可用性问题！这在我博课里引用了Jakob Nielsen&#8217;s Website里面的文章“Icon Usability”，大家可以去看看。差的图标设计最终导致用户界面的操作失败的体验。但视觉审美和可用性有时候存在矛盾的方面，我们不能走极端，只顾及可用性但忽视设计美观的一面，也不能追求设计上的美的需求而忘了这是功能性很强的界面图标，最好是能在两者之间取得平衡！
理解功能需求后，我们要收集很多关于“词语——图形”之间能转化的元素，用生活中的物或其他视觉产品来代替所要表达的功能信息、或操作提示。例如音乐：我们会想到，音符、光盘、音乐播放机、耳机等等。但到底选择什么来表达呢？原则上是越贴近用户的心理模型最好，用大家常见的视觉元素无来表达所要传达的信息。隐喻是在图标设计中是必要的思维方法！找出物与所指之间的内在含义，这就要求设计师对生活的细微观察，丰富的联想能力。当然这也就是设计的困难点，做好一个图标设计不亚于好的产品创意设计，包括最终的图标制作也是体现设计师能力之处，特别是现在高分辨率的显示设备大量应用，好的界面要得到用户的认可，高质量的图标设计比不可少！（难啊！现在对GUI设计的理解还只限于平面美工，管理者的意识往往关系到一个行业是否正常发展。我们的工作要得到认可，需要大家的共同努力！）
下面是我绘制的图标草图：






第二部分：草图绘制阶段
这个阶段就是把我们的创意绘制出来，检验下视觉关系，也就是在视觉方面多在草图上推敲，这样效率高些，避免在渲染完后来后悔。（后悔啥！那就是重来了！）首先要确定我们图标透视，这是关系到一套方案中的每个图标的透视方向，这是在图标设计一致性方面的基本要求，透视统一。然后一步步的添加细节。如下图所示：

在这个阶段我们还要检查下元素之间的组合方式（有文字，大家点击看吧，打字很累啊！）。如下图：

点击放大

图标视觉分析：
往往一个图标要表达一定的含义就必须组合不同的形态，借助单个形态所传达的内在信息，拼合在一起去传达另外一种信息。例如在设计“导航”功能图标时候：我们第一反应是与卫星有关，但就以单个卫星的外形来传达导航的含义恐怕不狗，于是再联想与导航有关的信息图示：“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理的布置他们之间的主次、空间关系。要注意的是：不可随便使用其与要表达功能相关的图形或物体，要经过精心的挑选，最好是大家熟悉、易记的物或形，毕竟我们的目的是要帮助用户更形象的理解计算机程序的内在功能含义，以易记、易懂为前提。也不能借助过多的图形来表达图标含义，过于复杂反而影响用户的理解。
上图是分析形态组合之间的关系，探索最佳组合方式。形成视觉与功能的统一。
第三部分：草图渲染阶段
等我们把前面的过程走完了，心里有底了。自己觉得草图已经很清楚的表达了自己的想法，并且也能与功能信息密切的吻合，（我一般是把画好的图标作个现场测试，给同学或同事看，同时问他是否能理解我画的图标含义）那就开始伟大的渲染工程吧！这里要说下工具问题，很多人都问，要用什么工具来画图标，我的回答是，只要能画出来，达到目的，什么都可以，哪怕是手绘后扫描再编辑。一般我们用PHotoshop、Illustrator、Firework等软件来绘制，这要看你的习惯，以及对软件的熟悉程度。我用的就是比较偏的软件Xara Xtreme pro,这是个矢量软件，功能强大，速度快。但软件体积很小，功能比较专注于绘制，绘制方式自由，只要你有艺术功底，就可以绘制漂亮的图标。下面我会以过程方式讲述Xara绘制图标的过程。
时间紧,简单的把前面的草图图标设计用XARA制作个最终效果!先放个简单过程,以后补上完整的!













相关文章修炼设计内力的土办法 (0)一流网站设计专家:网站设计必须知道的65条原则 (0)Breadcrumb(面包屑)设计与最佳实践 (1)Quester解读广告[转] (0)面向任务流的交互设计-2.0的信息结构 (1)由奥运设计看中国设计环境[转][赞] (1)产品包装设计的重要性[转] (1)网站设计之美 (0)建立用户体验（User Experience，UX）过程的实用指南[转] (0)大UE?小UE?[转] (0)
	标签(Tags)：Others, photoshop, 网络产品设计, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/556/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thirteen23为Flickr设计界面的过程</title>
		<link>http://www.blueben.cn/index.php/archives/609</link>
		<comments>http://www.blueben.cn/index.php/archives/609#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:38:34 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Interact & Mockup]]></category>
		<category><![CDATA[UE Learning]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=609</guid>
		<description><![CDATA[Artist: Karl Kim
Location: Austin, TX
Occupation: Visual designer. Making the world of software fun again, and making it look good.
Hobbies: Typography, photography, motion graphics
Phoebe翻译
项目概况
     项目名称为“Nostalgia”，是为Yahoo Flickr设计的照片浏览器。通过这个浏览器，用户可以完成在本地电脑上的“遥控”搜索，进行照片管理并且同步到用户的Flickr帐户，当然用户也可以更新在线照片。
     Flickr的宗旨是将人们联系在一起，为用户提供一些简单易用的工具，并且提供良好的用户体验 。我们相信这个照片浏览器将会给用户带来更为丰富的体验。
     我很喜欢“Expression Blend”。在这个项目中，我只需要按照格式完成一半的工作，剩下的一半就可以直接交给开发人员了。这使得我们的工作效率大幅度提高。
设计草图及设计理念
    我们创造了“创意图(mind Map)”，这帮助我们更深刻地思考问题，因为一些问题可能并非我们想象的那样。比如一个客户要求我们重新做一套皮肤，但其实有更多的问题需要解决，这绝不仅仅是设计那么简单。
（点击图片看大图）

    我们需要解放思想上的种种束缚，把很无聊的任务想象的令人兴奋无比，将艺术家的思维贯穿其中。如果你每天做同样的事情，一定会感到厌倦，你能做的就是把每一个“此时此刻”变得更加新鲜和有趣。


定义版面
    在这个阶段要定义全部的版面设计及功能特点设计。这时我们不需要很花哨的图片，而是用方框来代表。这些方框可以直接用“Windows Presentation Foundation （WPF）”来控制， “Lookless control”一词就是从这里来的 &#8212; 不要特定的图像，只要特定的功能。

进一步完善
有些理念要实现有些则要放弃。
Settling more into the concept and deciding on what should and shouldn’t be done. Some early [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/609/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>故宫地图设计</title>
		<link>http://www.blueben.cn/index.php/archives/602</link>
		<comments>http://www.blueben.cn/index.php/archives/602#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:35:25 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=602</guid>
		<description><![CDATA[从那说起呢?
先说说为什么要做这个项目吧,故宫的指示系统很混乱,标识不清楚,也很不规范,偌大一个博物院,很容易让人&#8221;误入歧途&#8221;.所以,设计一个合理的,完善的,优化的,能够指引游客顺利并愉快完成他们旅程的引导系统,变得尤为重要起来.
先看看故宫现在和曾经使用过的地图吧,有国内的也有国外的,欧洲的美国的,日本的
对于使用者来说,并不方便:无法区分那里是开放的区域,那里不开放.每个展馆的位置,以及一些配套设施都没有标明.也没有推荐游客行走的线路.
ok,提出了这些问题,下面的工作就是一一来解决&#8230;..
 
地图到底用在什么地方呢?到底怎么用?
准确的说,这是一个&#8221;地图系统&#8221;.并不是一张地图.
首先明确一下地图是来做什么用的?地图应该是引导游览者顺利完成他们故宫游览的一种信息的图形化(当然,这其中也有文字).游客是从什么地方开始他们的旅行的呢?这里我们给自己提出一个更大的地图系统,不单单是拿在手中的.
我们以一名欧洲游客David的自助旅行为例子吧.
David很喜欢旅行,但从来没有来过中国,很向往东方的神秘和古老.所以,他决定在夏天的时候来中国旅行.打开电脑,先上网查阅有关故宫的资料,当然,地图是首要的.
另外,对于这种每年有旅行计划的欧洲人来说,一套世界各地的旅行手册是必不可少的.迅速的找到中国的那一本,翻开,很容易的找到&#8212;北京&#8212;故宫.
由于机票价格的原因,David选择从欧洲的城市飞到香港或者新加坡,再从香港(新加坡)转机抵达北京首都国际机场.当抵达首都机场之后,David在免税商店前的服务台前,免费的拿到了北京旅游地图.当然这里面一定包含故宫!
接下来,David或者找到酒店住下来,或者直接去故宫开始他的旅行.怎样从机场搭乘公共交通设施去故宫呢?
第二天,David决定开始他的故宫游览,从酒店附近的地铁站,从地铁站内的地图,很容易的找到了故宫的位置.但是,如果David选择的是公共汽车呢?
在顺利到达故宫之后,门口发售详细的馆内地图,另外,出租GPS手持导向设备和语音解说设备.
游览途中,David可以看到博物院之内的固定地图和指示牌.在各个展厅入口,又可以使用触摸屏地图,查询本展馆内部的游览线路和想要去的下一个展馆位置.
在愉快的完成一天的游览之后,离开故宫,怎样从故宫的其他出口,返回酒店呢?
Wow,,,似乎很多地方需要地图,是不是比你料想的要复杂?呵呵,
我们假想了整个旅行的过程,其实这就是实际的情况.
总结起来大概有如下一些地方有地图:
国际版本的旅行手册.故宫国际官方网站,重要公共交通工具枢纽,故宫周围酒店宾馆,市内公共交通站点,故宫场馆内部,Gps手持设备和固定查询电脑.
如此多的地方,这些地图都是一样的么?还是不同的呢.如果不同,区别在什么地方呢?咱们一一来研究一下吧!(当然也有重点).
毕业设计位这个项目做的海报,,,主题就是&#8221;转化&#8221;. 用图形元素间的变化,体现信息之间的相互转化.

整个地图系统缺少不了标识,所有载体上尽可能的使用相同的图形元素来体现整个系统的完整性和一致性.
同时,为了提高辨识程度,也否定了很多具有创意的图形.采用了接近于国际惯例的一些图形,但细节上还是做了很精心的设计的.整套为地图设计的图标,感觉是现代和理性的.使整个世界范围内的游客,对图标的认知程度达到最高.
设计这些家伙的时候,我搜集了大量世界各地的旅游景点的资料,参考和借鉴了很多优秀的设计.
设计方案完全是在黑白稿之下完成的,舍弃所有的元素,甚至是颜色.完全用图形来表达.

 
经过大概一个月的数次调查和研究,,终于,我们对故宫的游客有了一定程度的了解
这是其中之一的一个调查,我们运用照相机和电脑合成一些超宽视角的图片,分析游客的流向.
图片是黑白的,是想去掉一些不需要和干扰我们的信息,红色的圆圈标明游客的流向和景点的位置,这对于我们以后分析景点和游客行走线路是重要的参考.
不说了,上图!(当时正值photoshop cs2发布之际,好好的练了一把,,果然功能比Cs以有很大进步!)
这个调查,老廖同学做了大部分的拼图工作,先鞠躬ing!
其他在烈日之下拍照的同学这里也一并再鞠躬!
据我本人不完全统计,用于拼图的资料大概在200张以上,拍摄超过60个地点.贴出来的只是很小的一部分!

 

我们还用3d模拟了游客的行走线路,,
来分析游客的对主要景点和次要经典的游览情况.

这张地图是在大量的试验和反复的摸索中推断出来的,当中的黑白对比度,大概是在做了上百个图的试验结果之后得到的最和谐的.
明显的区分一些对于游客重要的信息,,,
但,这不是最终结果!
详细的内容看下面这张图,这个部分是在整个故宫的东北角.

 
那么,,拿在手中的地图,应该是所有地图系统里面的重头戏了,到底改用什么方法呢?
经过很多次的尝试,,我和Steven同学决定试试轴测图透视的方法,这种透视不会造成建筑物之间的遮挡,还能比较完整的反映故宫的内部线路.
其实,大家常见的象素画(Pix Arts)就是基于这种透视来制作的.
对于重要的,开放的景点,用这种立体的方式表现,对于次要的,不开放的景点,我们就以平面化的手段来表现,这样,比上次介绍的方法,对比更加强烈,更加突出了我们想要表达的信息.
这种表现方式,更适合那在手中仔细观看的地图,而上次的,更适合放在固定的地方,以平面图的方式来出现.
最初也是抱着试试看的态度来作的,但结果还比较不错,

用3d模拟的太合殿,先选定类似的角度.然后进行适当简化,进行轴测图的建立

这是午门

这是太合殿,宫殿门柱,和汉白玉栏杆一些细节的数量,是严格按照真实情况制作的. 

模拟了一部分,看一下初步效果,在得到肯定的答案之后,就开始进行整个故宫全部的宫殿,和重要景点的轴测图建立.
 
故宫猛地一看,感觉宫殿都是一样的.但仔细研究之后,都是有区别的,封建王朝等级森严啊!工作量还是很大的!我的电脑和我一起经受了考验,
这是其他小组对故宫内部游览线路和故宫周边地区做的交通引导分析.
PS:故宫按照功能分,大概分成两部分,也就是所谓&#8221;前朝后宫&#8221;,从乾清门为分界线,以南的三大殿都是行政区,以北的东西六宫和御花园以及宁寿宫(为乾隆养老建造的)为生活区.




至此,对于游览的线路和故宫的引导部分,几乎完成了所有的调查和收集,以及初步的设计方向制定,接下来,将展示最后的手持地图!
 
相关文章[转]界面图标创意设计教程 (0)Thirteen23为Flickr设计界面的过程 (0)修炼设计内力的土办法 (0)激发你的灵感:50个优秀的Favicons (1)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (0)web&#160;2.0时代的网页设计风格 (0)所谓客户——设计的悲哀~ (0)Breadcrumb(面包屑)设计与最佳实践 (1)Quester解读广告[转] (0)
	标签(Tags)：Others, photoshop, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/602/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>修炼设计内力的土办法</title>
		<link>http://www.blueben.cn/index.php/archives/580</link>
		<comments>http://www.blueben.cn/index.php/archives/580#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:22:48 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[网络产品设计]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=580</guid>
		<description><![CDATA[我所谓的这些诀窍，一没有经过ISO900X的权威认证，二不是什么包治百病的神秘药方。不过是自己的一点儿经验，彻头彻尾的土办法，仅供大家参考而已。
所谓天赋（左脑和右脑）
　　也就是你是否有艺术天赋，天赋也许是存在的，这主要在于人类左右脑的分工。左脑主要负责逻辑理解、语言、判断、分类、分析、推理，这类人才可能对数学、逻辑和细节分析方面更加敏感。右脑主要负责情感、直觉、想像、创造力、象征和灵感等，这类人才的思维是感性的，对音乐、图像、空间、抽象物体比较敏感。左右脑的能力并不完全是先天的，可以通过后天的锻炼使其活化。谁也不是生下来就什么都会的，就算天赋如孙悟空这样的神猴，自打从东圣神州的石头里蹦出来后，为了修成正果，也得跋山涉水呀，翻山越岭呀，经过9981难才行，何况我们呢？很多人都遇到过这样的问题，为什么人家设计出来的网页就那么唯美，自己一设计，颜色也不对，版式也难看？其实这个倒不必紧张，我看过不少高手刚出道时的作品，也许还不如你呢，所以大家一定要提高信心，天赋完全可能靠后天的努力和长期熏陶来锻炼出来。
美术或设计科班儿出身
　　这个很重要，如果要学好设计，美术和设计类科班出身会是一个非常好的背景。经历过严格的、系统的、正规的训练会使你真正的脱胎换骨。具有所知，国内外很多设计高手，不管是平面、网页还是动画设计，很多都是来自正规美术院校。就好像隋唐演义里，瓦刚寨为什么最后被唐朝收购了？人家李世民可是皇亲贵族出身，也算是科班学过当皇上的。不像程咬金，虽然也有当皇上的机会，但毕竟没经过系统的训练，不专业。再比如三国的曹操，虽然他干爹的身份不太光彩，但再不济也算是在皇宫里呆过的，虽然刘备号称有皇家血统，但毕竟只是卖草鞋的，呵呵，这里开个玩笑而已。不过大部分人并没有科班学习的机会，比如我，第一专业是计算机科学，第二专业是英语，不过既然从事了设计这一行，就要不断的、通过各种途径来补充相应的美术专业知识，从而弥补自己专业上的不足。话又说回来，草莽英雄也罢，名门正派也罢，各有所长，各有所短，如果能以更宽广的胸怀接受，不刻意去排斥哪一方，我想路才会越走越宽。所谓东邪西毒、南帝北丐、中神通。这其中既有名牌大学科班背景的王重阳，也有基本上自学成才的欧阳锋，因此没有机会科班，也不必耿耿于怀。再举例，华山派剑宗、气宗因“重气”还是“重剑”而争论不休。其实说到底，理论和实操一个也不能少。
长期的艺术熏陶
　　艺术是需要长期熏陶的，就好像一个人的气质是他所在的环境长期熏陶的一样，近朱者赤，近墨者黑。艺术眼光或者说鉴赏能力不是靠一时半会儿就能具备的。我们通常所说的词汇，什么书香门第，大家闺秀，贵族气质，艺术世家，总结一下就两个字“熏陶”，再深入总结一下，就是“长期熏陶”。比如我家人就给我总结了四个字，叫做“好吃懒作”，这种气质呢，当然也是长期熏陶出来的。
欣赏和模仿大师的作品
　　名师出高徒嘛，师傅有多高，就算达不到他的高度，起码也比一般水平要强。现在网络时代了，拜师也不必非是入门弟子，嫡传弟子。特别是网页，本身就是公开发布给大家看的，你直接就可以模仿和学习。现在媒体那么发达，可以通过电视讲座、网络的视频教程等学习。新华书店的图书资源多如牛毛，没有人会阻碍咱们学习知识。再也不是一本葵花宝典众人抢，闹的头破血流的年代了。别说葵花宝典了，就算是玫瑰花儿宝典、牡丹花儿宝典、韭菜儿花宝典都能整得人手一份儿。另外用好Google和Baidu，搜索引擎就是您的超级图书馆。
回归大自然
　　心境很重要，闲看庭前花开花落是一种境界。整天闷在电脑室里，就算你是个天才，也被郁闷的半点儿灵感也没有了。钓钓鱼、爬爬山，看看田边的野花，溪水里的鱼游，天上的白云，在享受生活的同时，思考一下，为什么大自然中的颜色是那么的舒服，大自然中生物的形态是那么的奇异？我难道不能去模仿大自然吗？人本身就是大自然的产物，当然最习惯的，看起来最舒服的，也是大自然中各种形态、颜色的搭配了。举个例子，很多摄影师都爱跑到人迹罕至的地方，比如西藏、或者某某岛屿、某某群山峻岭之中，为什么？因为那里离自然最近，那里是最美的。有人可能会说，名胜古迹也就那么回事，看景不如听景，真到了那里也未必就会有什么灵感。以前我也是这么认为的，直到有一天我才悟出其中的道理。本人和嵩山少林很有缘分，旅游曾去过两次，最初也没感觉到什么千年古刹的风范。直到有一天因为工作需要，往在寺里几天，山里面冬暖夏凉，当时是夏天，我就睡在蒲团上（僧人打座的地方），早上五六点的时候被冻醒了，就索性出来散散步，寺里面冷冷清清，一两位年迈的扫地僧在寺里面刷刷的挥舞着扫把，这让我想起了天龙八部里那位武功卓绝的高僧。天上飘着毛毛细雨，我路过前殿门口几人合抱的银杏树的时候，一阵微风吹过，树上飘落了几片银杏叶，那种意境太美了，太富有诗意了，真让人有一种欲发感慨的冲动。那几片银杏叶被我拾起来，当成书签一直保留至今。从此我也悟到了，为什么白天逛风景区总是没有感觉的原因了。因为白天去逛风景区，往往人会多如牛毛，特别是夏天，人头攒动、排队买票的、路边吆喝着卖纪念品的、还有不自觉的游客把易拉罐、火腿肠皮扔的到处都是，也许一阵风吹过，飘来的不是银杏叶，而是白色塑料袋呢。现在终于了解了，原来古人游山玩水经常诗性大发，那是因为当时这些景区都没被开发过的原因。
影视、ＤＶＤ科教片
　　旅游要有闲也要有钱，人迹罕至的地方也不是谁都能去的，万一你有高原反应呢？因此我们不妨从电视、电影、DVD影牒中吸取养分。比如中央10套还有其它的一些台经常会放映一些关于自然、人文、历史、地理、天文方面的科教片，这些片子场面壮观、大气、拍摄视角独特、内容经常是我们无法涉及的神秘所在，比如探索频道、人与自然、动物星球我就特别喜欢。另外的精华就是广告了，做设计的一定要把被动看广告转变为主动接受和分析广告，看看同行的精彩创意和表现手法，从中学习到更多书本上没有的知识。电影也要多看，国内外的片子都可以。拿国内的片子举例，比如英雄、黄金甲、无极等等，虽然市场褒贬不一，但有一点是值得肯定的，那就是美术效果确实不错，场面宏大、装潢唯美华丽，颜色运用大胆张扬等等。另外，也可以自己购买一些DVD影碟来看，比如迪斯尼的卡通大片，玩具总动员、冰河世纪等等都是很好的片子。再比如BBC的纪录片是非常精彩的，比如蓝色星球系列和恐龙系列等等。长期欣赏好片，是提高自己艺术修养和丰富知识的捷径。
留意身边的细节
　　仔细观察周围的一切，也许灵感就在于你熟视无睹的环境中，比如你可以把眼前的电脑当时3DMAX创建的第一个模型，再比如你可以从番茄炒鸡蛋中悟出Photoshop混合模式的概念。我看过不少老外的文章，他们总拿鸡尾酒来解释混合模式，说实话，俺是个土包子，连干红都喝不惯，别说鸡尾酒了，所以对于我来说还是番茄炒鸡蛋来得现实一些。所以说，看看你的周围，身旁的窗户也许就是你理解“遮罩”这个概念的最佳手段，厨房里的保鲜膜拿出来看看吧，这不就是＂图层＂吗？
点点滴滴积累
　　经常看到影视剧里有这样的场景，一个人思考问题，就在屋子里踱来踱去，要么在纸上胡乱写写，然后丢到垃圾篓里。镜头一切，看到垃圾篓里满是字纸，地上还零零碎碎的散落了不少。首先我要阐明立场，乱扔东西是不对的，不但浪费国家资源，砸着花草草也不应该。我的观点是这样的，思考问题时，记录下各种创意和想法是很重要的，就算很多思路看起来或许不太现实，甚至非常荒谬。很多措施当前可能用不上，甚至看似永远用不上。没有关系，统统都可以记录下来。完整的记录会复原你当时的心路历程，每一个想法都是一扇未打开的窗，未来的某一天，当你偶然打开一扇曾经错过的窗，它也许就是你苦苦寻觅的灵感入口。另外，不要指望某一天逍遥子会把自己的百年功力一下传给你，这事儿太不靠谱儿，像虚竹那样的运气也只有小说里才有了。经验值是靠自己慢慢积累的。比如平时的练习和作品都要保留下来，起码来说出去应聘也算是样儿东西，关键时刻也许还能派上用场。年代久远，水平不高没有关系，有年头儿的东西其实也蛮能说明问题的。人家经理一看，好家伙，这位自打盘古开天劈地就开始设计网页了，真是牛X！
美有时是昂贵的
　　奔驰肯定是比运货的三轮车好看，大酒店的装潢肯定是要比小卖部华丽，说这些未免显得过于庸俗，但我想这也是大实话。奢侈品的厂商才有能力请到世界上最优秀的设计师为其设计产品。因此我们不妨经常逛逛商场和专卖店，男士如果不喜欢逛商场，也可能完全作为一种工业设计的欣赏和学习机会。在这里，你会有很多机会欣赏到国际大师的经典之作。
艺术是相通的，旁征博引
　　比如文学、戏曲、舞蹈、音乐等艺术门类，都可以从中领悟到艺术的真谛，艺术在某中程度上是一种感觉，把从其它门类学来的知识，与你的设计整合在一起，才能为你的作品锦上添花、使创意更加的丰富多彩。打个比方，在笑傲江湖中，令狐冲在思过崖的石洞中修习了嵩山、华山、泰山多个门派的上乘剑法，并且和独孤九剑融会贯通，才拥有了一身的绝世剑法。这说明不但艺术是相通的，同理，剑术也是相通的。
不要回避外语
　　这并不是崇洋媚外，古为今用、洋为中用本来就是顺理成章的。当前我们学的图形图像、网页设计软件一般都是国外出的，外语好可以掌握第一手的资料。一般来说，软件的英文版出来之后，要有几周甚至几个月才能看到汉化或者中文简体版。不要小看这个时间差，这就是市场。再比如我们要学Dreamweaver，那肯定要学HTML语言、CSS样式表、JavaScript等等，如果外语好，这些代码看起来就没那么可怕了。
好知者不如乐知者
　　这个不必太多解释，只有对设计感兴趣，才会花更多的时间、精力去学习他，否则很难在此有所成就。
要有一颗童心，充满好奇
　　又要说到少林寺，当时有位高僧点化我说。干设计这一行，一定要保持一颗童心，要用一颗纯净和求知的心去思考问题。如果对周围的事物失去了好奇心，就无法在这个行业成就一番事业。如果随着年龄的增长，脑袋僵化，干这行就彻底不成了。现在想想，我的评价只有四个字“高僧真高！”
创意无限，思维要活跃
　　做设计这一行，思维一定要活跃，千万不要有束缚，思想要放开些，再放开些。你的思唯可以天马行空、可以无限延伸，把所学、所看到、所经历的东西融会贯通，灵活运用才行，要跳出条条框框才能够豁然开朗。所谓无招胜有招，真正的绝学是不拘泥于形式的，是可以自由发挥的。打个比方，笑傲江湖中，风清扬所传授的独孤九剑的要决不正在于此？倚天屠龙记中，张三丰所传剑招，无忌全然忘了，其实并非真忘，而是达到了出神入化的另一个境界。
循序渐进、坚持到底
　　任何事都不是一蹴而就的，就好像悟空修成正果要历尽艰险，段誉要得到王语嫣的心要经历厚厚的一本天龙八部，急人呀，同志们！有歌唱的好，爱情这东西，四个字“坚持到底”，搞设计或者人生也是一样，四个字“坚持到底”!
　　如果情愿做以上这些事的人，自然也不会甘心一辈子只做设计师了。那眼前就有两条路，一条继续坚持下去，从设计师进阶为设计大师。另一条路就是自立门户，率众创业，成为老板。这些都是以后的事，我们十年后再论&#8230; &#8230;
相关文章一流网站设计专家:网站设计必须知道的65条原则 (0)Quester解读广告[转] (0)[转]界面图标创意设计教程 (0)大UE?小UE?[转] (0)给年轻设计师的十大忠告(中国广告设计网荐读) (0)UI设计观 (0)Web 2.0 概念汇总 (0)未来的web2.0社交体验 (0)mrbrand:美国网站在中国失败的10大思路性执行错误 (0)平面设计与平面设计师－你能成为优秀出众的设计师吗？&#8211; (0)
	标签(Tags)：CSS, Others, photoshop, 广告, 网络产品设计, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/580/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>激发你的灵感:50个优秀的Favicons</title>
		<link>http://www.blueben.cn/index.php/archives/298</link>
		<comments>http://www.blueben.cn/index.php/archives/298#comments</comments>
		<pubDate>Fri, 09 Feb 2007 01:38:20 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=298</guid>
		<description><![CDATA[原文：http://www.smashingmagazine.com/page/2/
翻译：Blank（怿飞）
Inspire Yourself: 50 Remarkable Favicons
激发你的灵感：50个优秀的Favicons
引用:
Actually it’s a pity that many designers don’t really make use of them. Favicons, mini graphics for a particular web-site, can be displayed in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page. In fact, if you use Favicons for your sites, users can easily find your URL in their bookmarks - in this way you create some kind of a visual connection between your web-site and your sites’ visitors.
很遗憾，事实上许多设计师都不能很好的运用他们（Favicons）。Favicons，袖珍图形，适用于比较细致的网站，可以在浏览器的地址栏里显示，紧邻着书签列表里网站的名字，还紧邻着文件对话框界面的网页标题。直接得到认知，favicons应该悦目，并且要适合页面的设计或标识。事实上，如果你在网站上使用favicons，用户可以轻易在他们的书签里找到你的URL——通过这种方式，你在你的网站和网站的访问者之间创造了一些视觉连接。
引用:
However, the design of Favicons can be tricky - it isn’t that easy to create a beautiful 16×16px mini-icon. Still, some designers manage to achieve tremendous effects. Logotypes with clear geometric structures are easier to work with than typefaces or abstract images. The color selection corresponds to current Web 2.0 trends. Let’s take a look at 50 beautiful favicons you can inspire yourself from. You can click on favicons - they lead to a page, which uses the image as a page icon.
然而，Favicons的设计可能是有难度的——不是那么容易就能创造一个漂亮的16×16px的迷你图标。尽管如此，部分设计师的运用已经取得了巨大的成效。用清晰的几何结构组成的标识比用抽象的字体或图像来得容易，颜色的选取应当符合当前Web 2.0的趋势。让我们来看看能激发你灵感的50个漂亮favicons. 你可以点击favicons——它们指向使用这些图像做为页面图标的网站。
Petal（花瓣）
 http://www.aurea.es/
 http://www.fxis.net/
 http://www.divshare.com/
 http://www.tanyamerone.com/
 http://www.akken.com/
 http://www.kepu.net.cn/english/
Rounded Elements（圆形元素）
 http://www.fat-man-collective.com/
 http://www.lisensa.com/
 http://www.lorop-it.de/
 http://www.akamai.com
 http://www.cogmap.com/
 http://www.colorwarepc.com/
 http://www.evozon.com/
 http://www.diabetesgate.de/
 http://www.adelaidemetro.com.au/
Letters and Typography（字母和印刷样式）
 http://www.cubexagency.com/
 http://www.lisensa.com/
 http://www.somox.com/
 http://www.piqniq.jp/
 http://www.eight6.com/
 http://reachgroupconsulting.com/
 http://www.flexy.info/
 http://www.kiva.org/
Ornaments（修饰）
 http://www.imthere.com/
 http://www.elevenmedia.com/
 http://www.roisure.com/
 http://www.pixellogo.com/
 http://www.thinkpinkstudio.com/
 http://www.mattwebb.com.au/
Squares（正方形）
 http://www.sumagency.com/
 http://www.indesign.einsteiger-portal.de/
 http://www.kirkpatrickbank.com/
 http://deforum.ru/
 http://www.imasters.com.br/
 http://www.ouvaton.coop/
 http://detlog.org/
 http://www.ministrycamp.com/
 http://www.getpaint.net/
 http://microformats.org/
 http://www.kath-thun.ch/
 http://www.campus-and-more.de/
 http://pro-buero.com/
 http://www.quada-office.de
 http://www.modulio.net/
Further Favicons（更多的Favicons）
 http://www.joomlart.com/
 http://letterpop.com/
 http://www.illustrationclass.com/
 http://www.trendwatching.com/
 http://www.edag.hu/
 http://www.elektro.de/
Favicon Tools（Favicon工具）
Favicon Generator
Favicon Generator 2
Even More Favicon Generators
Favourite Favicons
Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop本文链接：http://www.blueidea.com/download/product/2007/4490.asp　
相关文章[转]界面图标创意设计教程 (0)Thirteen23为Flickr设计界面的过程 (0)故宫地图设计 (0)修炼设计内力的土办法 (0)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (0)web&#160;2.0时代的网页设计风格 (0)所谓客户——设计的悲哀~ (0)Breadcrumb(面包屑)设计与最佳实践 (1)Quester解读广告[转] (0)
	标签(Tags)：Others, photoshop, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/298/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>关于PhotoShop &amp; FireWorks</title>
		<link>http://www.blueben.cn/index.php/archives/497</link>
		<comments>http://www.blueben.cn/index.php/archives/497#comments</comments>
		<pubDate>Thu, 15 Jun 2006 07:55:26 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[FIREWORKS]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=497</guid>
		<description><![CDATA[这2天在网上查了一些关于PS和FW的消息
FW是目前用的最习惯的制作工具
特别是在网页设计方面，它的矢量元素和合理设置使得制作过程既轻松又快捷
而且能和DW、FLASH配合的很好
问题是FW在导出PSD的时候还是存在一些问题，虽然最新的版本里已经基本不会出现样式的失效等问题，但是某些可编辑性还是被牺牲掉了
PS中主要还是以蒙板+位图来解决问题的
习惯了FW和AI的矢量环境之后，对位图的东西开始变得很不适应
觉得矢量的东西总是更自由一点
——虽然在处理照片和后期效果的时候还是必须依靠PS
还有一个问题是ADOBE收购MM之后
FW的去向是一个问号。
的确，在某些方面，FW和PS是有功能上的重复的
外面也一度传闻FW会牺牲掉
觉得很可惜
昨天上了ADOBE FW开发部门经理的BLOG
http://blogs.adobe.com/jnack/2006/02/photoshop_fireworks.html
他写到：
Fireworks is alive and well at Adobe, and we&#8217;re working to define the best course for each app.
心里觉得应该祝福他们好运
毕竟FW对网络媒介来说是一件再合适不过的工具，简单，高效
然后又随便找了下
发现还是有不少人和我有相同的感受的
——虽然PS也有很多的支持者
http://www.communitymx.com/content/article.cfm?cid=A28E7
&#8220;The first thing you should notice after opening the Photoshop version of the design is that all the elements are bitmaps. Operations like resizing and changing stroke and fill are more complicated because of this fact. For [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/497/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一流网站设计专家:网站设计必须知道的65条原则</title>
		<link>http://www.blueben.cn/index.php/archives/491</link>
		<comments>http://www.blueben.cn/index.php/archives/491#comments</comments>
		<pubDate>Mon, 22 May 2006 02:53:04 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[UE Learning]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[FIREWORKS]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[网络产品设计]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=491</guid>
		<description><![CDATA[网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
07 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。 ——专家忠告
10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告
12 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
     14 “使用切合实际的简便的命名规则。” ——专家忠告
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/491/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web&#160;2.0时代的网页设计风格</title>
		<link>http://www.blueben.cn/index.php/archives/485</link>
		<comments>http://www.blueben.cn/index.php/archives/485#comments</comments>
		<pubDate>Fri, 28 Apr 2006 08:32:38 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=485</guid>
		<description><![CDATA[web 2.0时代的网页设计风格
[ 2006-04-20 00:19:09 &#124; 作者: onling ]
laomao的一篇关于web 2.0时代的网页设计风格的文章，里面有很多思想是我最近一直在思考整理的，他有了UUzone 的实际项目，可能对CSS以及未来网页设计的趋势有了更深的认识，很值得学习及研究~
转自：http://www.uuzone.com/blog/mao/96927.htm
web 2.0时代的网页设计风格
* 采用开发/任务为主导的页面UI设计, 而不是美工主导的UI设计。 一个 不好用的东西，再漂亮又有什么用？ 而且现在的风格趋向是简单，而KISS(Keep It Simple, Stupid) 一直是设计界的最高境界。 美工主导的设计还有一个弊病是美工对代码和程序不够了解，而开发人员由于不需要对最终美化负责而被“惯”坏了变得越来越不重视样式风格 
在优化的过程中，参考了大量的国内外优秀站点。 其中看到这篇文章对我们的启发很大：http://www.webdesignfromscratch.com/current-style.cfm
这篇文章的作者概括了目前流行的一些web 2.0风格的站点的一些流行元素：
Simple layout 简单页面结构
大部分采用css来控制的简单2栏或3栏结构，甚至是1栏的。 没有人再用table来控制layout.
3D effects, used sparingly 
3D效果，但保守地使用（不是太重和累赘）。
淡淡的倒影，几乎是web 2.0站点的流行装饰:
Cute icons, used sparingly 
很cool的图标， 往往很吸引人，但不能滥用

醒目的爆炸形logo&#8230;甚至有篇文章说，站点上要没有这个爆炸型logo就不算web 2.0  

Soft, neutral background colours 
淡背景色。
Strong colour, used sparingly 
强色调。 看到odeo的时候这种红色冲击非常明显


Plenty of whitespace 
页面比较松散，很多空隙。 我认为这也会是一个趋势，因为用户的屏幕分别率越来越大， 太紧凑给人压迫感。所以最新的这些站点往往空白很大：

Nice big [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/485/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转]扣图教程</title>
		<link>http://www.blueben.cn/index.php/archives/413</link>
		<comments>http://www.blueben.cn/index.php/archives/413#comments</comments>
		<pubDate>Mon, 28 Nov 2005 02:34:59 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=413</guid>
		<description><![CDATA[全中文扣图教程，例例精彩！看完就成扣图高手！
婚纱扣腻了，我扣透明翅膀
http://www.photops.com/Article_Show.asp?ArticleID=1370
更简单的婚纱扣图法
http://www.photops.com/Article_Show.asp?ArticleID=1368
用魔术橡皮擦快速更换图片的背景…
http://www.photops.com/Article_Show.asp?ArticleID=1368
DC玩景深特效 用Photoshop虚化背…
http://www.photops.com/Article_Show.asp?ArticleID=1192
位图模式与通道齐心协力合成图像…
http://www.photops.com/Article_Show.asp?ArticleID=1191
Photoshop从通道创建选区
http://www.photops.com/Article_Show.asp?ArticleID=1104
钢笔退底扣图方法
http://www.photops.com/Article_Show.asp?ArticleID=1102
用PS作破壳而出的漂亮MM
http://www.photops.com/Article_Show.asp?ArticleID=1063
三分钟搞定Photoshop照片抠图
http://www.photops.com/Article_Show.asp?ArticleID=1034
高难度抠图两种方法
http://www.photops.com/Article_Show.asp?ArticleID=1033
PS精彩合成：史努比遭遇蜘蛛侠
http://www.photops.com/Article_Show.asp?ArticleID=1030
Photoshop中有效的几种“抠图”技…
http://www.photops.com/Article_Show.asp?ArticleID=1023
PS人必须掌握的技能之通道抠图
http://www.photops.com/Article_Show.asp?ArticleID=1002
婚纱抠图教程
http://www.photops.com/Article_Show.asp?ArticleID=999
花花公子，情人多多多～～～
http://www.photops.com/Article_Show.asp?ArticleID=998
Extract工具抠图技巧
http://www.photops.com/Article_Show.asp?ArticleID=973
Photoshop 图像去底技巧集粹
http://www.photops.com/Article_Show.asp?ArticleID=958
抠头发高级抠图教程
http://www.photops.com/Article_Show.asp?ArticleID=954
使用通道运算抠图法
http://www.photops.com/Article_Show.asp?ArticleID=937
理解通道&#8211;简单抠婚纱方法
http://www.photops.com/Article_Show.asp?ArticleID=933
专业抠图软件&#8211;knockout
http://www.photops.com/Article_Show.asp?ArticleID=823
用photoshop更换衣服颜色
http://www.photops.com/Article_Show.asp?ArticleID=808
巧修数码照片的背景
http://www.photops.com/Article_Show.asp?ArticleID=734
透明图象扣图方法
http://www.photops.com/Article_Show.asp?ArticleID=732
巧用Photoshop填补毕业照缺失人像…
http://www.photops.com/Article_Show.asp?ArticleID=727
图像合成&#8211;手里握着一张名片
http://www.photops.com/Article_Show.asp?ArticleID=655
图像合成&#8211;人物站在手掌中
http://www.photops.com/Article_Show.asp?ArticleID=654
抠图不再是头痛的事
http://www.photops.com/Article_Show.asp?ArticleID=615
Photoshop选区攻略
http://www.photops.com/Article_Show.asp?ArticleID=583
人像抠图实战
http://www.photops.com/Article_Show.asp?ArticleID=577
轻松掌握图像合成
http://www.photops.com/Article_Show.asp?ArticleID=538
使用通道抠图之我见
http://www.photops.com/Article_Show.asp?ArticleID=514
六月海 photosho图片合成教程
http://www.photops.com/Article_Show.asp?ArticleID=511
photosho图片合成教程1
http://www.photops.com/Article_Show.asp?ArticleID=510
Photoshop 通道简易抠图
http://www.photops.com/Article_Show.asp?ArticleID=501
利用图层混合模式和通道抠图
http://www.photops.com/Article_Show.asp?ArticleID=459
简简单单抠婚纱
http://www.photops.com/Article_Show.asp?ArticleID=1303
简简单单抠婚纱透明的教程
http://www.photops.com/Article_Show.asp?ArticleID=1282
给你的照片加点创意&#8211;1例
http://www.photops.com/Article_Show.asp?ArticleID=1336
入门级教程&#8211;扣图后去黑边
http://www.photops.com/Article_Show.asp?ArticleID=1238
移花接木-换脸术
http://www.photops.com/Article_Show.asp?ArticleID=1221
用蒙板把照片镶到水晶里
http://www.photops.com/Article_Show.asp?ArticleID=1136
比较少见的两种抠图法
http://www.photops.com/Article_Show.asp?ArticleID=1415
抠毛毛狗的精彩教程
http://www.photops.com/Article_Show.asp?ArticleID=1492
给我加上飞翔的翅膀
http://www.photops.com/Article_Show.asp?ArticleID=1487
一种针对纯色背景的人物抠图方法…
http://www.photops.com/Article_Show.asp?ArticleID=1477
简单的抽出抠图法教程
http://www.photops.com/Article_Show.asp?ArticleID=1433
移花接木&#8212;换西装衣服
http://www.photops.com/Article_Show.asp?ArticleID=1412
ps抠图工具入门——初学者用
http://www.photops.com/Article_Show.asp?ArticleID=1383
再来一个抠婚纱的教程
http://www.photops.com/Article_Show.asp?ArticleID=1382
抠头发的教程
http://www.photops.com/Article_Show.asp?ArticleID=1070
简单易学，新手轻松抠图
http://www.photops.com/Article_Show.asp?ArticleID=1015
相关文章[转]界面图标创意设计教程 (0)Thirteen23为Flickr设计界面的过程 (0)故宫地图设计 (0)修炼设计内力的土办法 (0)激发你的灵感:50个优秀的Favicons (1)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (0)web&#160;2.0时代的网页设计风格 (0)所谓客户——设计的悲哀~ (0)
	标签(Tags)：photoshop, Skills
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/413/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>所谓客户——设计的悲哀~</title>
		<link>http://www.blueben.cn/index.php/archives/329</link>
		<comments>http://www.blueben.cn/index.php/archives/329#comments</comments>
		<pubDate>Tue, 09 Nov 2004 18:29:40 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=329</guid>
		<description><![CDATA[《合作之前》1. 沒有詳細的 Brief，強調會給予設計者無盡創作自由及空間。2. 聲稱自己沒甚麼特別要求，最緊要件完成品夠好、夠正、夠突出！
3. 不會要求查看設計者的作品集，低價錢是他主要考慮的因素。
4. 負責與設計者接洽的，多數是該公司的小人物。他要向無數上級交代。
5. 聲稱沒有太多預算，因此會因幾百，甚至幾十元之些微差價與設計者討價還價。指著報價單的設計費一項說：“太貴了！減些少吧！”好讓他對上級有所交代。
6. 聲稱若設計者“收順些”，他日該公司會有源源不絕的工作給予設計者。
7. 時間極趕，最好設計者即席揮毫。
8. 因為報價價錢低的原故而跟設計者達成合作協議。
9. 主動指出自己曾修讀設計。
10. 喜愛將工序分拆給予不同公司負責, 天真地認為可以節省金錢，卻浪費大量時間及人力物力。管理能力奇差！
11. 客戶是PR、Marketing、“設計拆家”或設計公司等，你是在&#8221;判上判&#8221;的情況下接獲那份案子的。
12. 遲遲也不簽署確認報價單，但同時要求設計者先開始工作。對給予設計者 Deposit 非常抗拒。
《合作期間》
1. 要求在極短時間內安排第一次 Presentation。完全漠視 Research 的功能。
2. 對於設計者對其作品的講解無甚興趣，只以其個人審美標準對待任何設計作品。
3. 對設計作品作出無寧兩可的評語。例如：太寡了、太單調了、不夠搶、未夠正、不夠活潑、可否換另外一種字款或用多幾種字款、文字太細了、鮮色點、可否加多些 Design/Effect、可否再試多幾款 Design 來看看&#8230; &#8230; (不能盡錄，下刪百字)
4. 非常貪心！要求設計者不斷提供更多設計方案，繼而作出無數次修改。
5. 十分害怕悶，意圖用設計去慰解心中寂寥。
6. 在十多分鐘內連環撥發多次電話給設計者，問一些本應在第一次通話時便可交代妥當的事情。原因是：“忘記跟你講&#8230; &#8230;”
7. 設計者還未曾完成該階段的工作時，就心急地致電要求“有幾多睇幾多先”。
8. 遲遲不提供足夠資料及所需內容，但要求設計者“做住先”。到最後，設計者會發覺初期的設計不能適用於後期真實的內容當中，唯有無奈地重做。
9. 在工作過程中不斷大幅修改原先已達共識的 Brief。
10. 竭力參與設計工作及嘗試加入自己個人喜好，務求在設計產品中有其參與過的痕跡，以證明自己的意見是有見地的或自己在公司有地位。
11. 對設計者不大尊重或信任。
12. 對設計毫無要求，得過且過, 只求對其上司有所交代。
13. 對設計非常執著，例如：要求將公司商標放大 5-10%、字體加大半 Point、張圖移向右面 0.3mm、隻紅色要加多 5% yellow &#8230; &#8230; 等等。多數專注於某小部份的細節，不會看整體 Layout！
14. 不能分辨設計、廣告、漫畫、美術、藝術之間的不同處。
15. 愛 Hard-sell，公司Logo 和名稱最緊要大大隻！
16. 設計者要求一個可用作印刷的公司商標時，客戶只會提供自己的名片或一個從公司網頁下載回來的 [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/329/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

