<?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://im610.cn/archives/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://im610.cn</link>
	<description>柴米油盐酱醋茶 长使英雄泪满襟</description>
	<lastBuildDate>Fri, 30 Jul 2010 17:03:48 +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://im610.cn/archives/445</link>
		<comments>http://im610.cn/archives/445#comments</comments>
		<pubDate>Mon, 19 Apr 2010 16:31:06 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[日子]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://im610.cn/?p=445</guid>
		<description><![CDATA[离职在即（也至少还有一个月吧），所以把这一年来的劳动成果都整理了一下，制作成了一张网页。其中也有一些是之前的不同的工作时期的东西，都编排到了一起，再找工作的时候就可以直接充当简历。截图在末尾，在线浏览猛击这里。
算起来我毕业四年，已经在四家公司任职在三个城市生活过，应该说纯粹是把有限的青春都浪费在了瞎折腾上了。在我到处游荡的这些年间，我看着曾经的同学的生活发生了或正在发生着彻头彻尾的、足以改变其命运轨迹的变化感慨良多。
有的同学发了财，账户余额都有6位数，也有的同学至今待业，吃住在家；有的同学当了公务员，夜夜笙歌、白吃白拿，也有的同学当了人民教师，拿人钱财、误人子弟；有的同学结了婚，跟自己的老婆过着平凡的日子，也有的同学虽然没结婚，却跟别人的老婆过着平凡的日子。
有的同学已经有车有房，有的同学已经开始制造下一代，有的同学仍在上学深造，有的同学可能跟我一样，仍然是个每月工资都白领的白领。然而最让我感慨的是，当初我们班二十多人至今依然在设计这行里混的好像只有我一个人了。这些艺术设计专业毕业的人踏入社会以后干着五花八门的工作。有卖房的，有卖衣服的，有卖车的，有当电话客服的，也有先卖车后又当电话客服的，甚至有当幼儿园阿姨的，但就是没有做设计的。
我理解很多人不愿做设计这行的原因，因为又累钱又少，确实是这样。而我不想谈中国设计行业的现状和前景。我只想说一行之所以有人被称为天才，就是因为这个人原本很平庸，只是在别的天才都离开了这行之后，原本平庸的人自然变成了天才，而那些原本的天才到了别的行业里却越来越平庸。我不敢说多少年之后我会取得什么样值得夸耀的成绩，但我敢保证，设计行业是我职业生涯的起点也自然是终点。

]]></description>
			<content:encoded><![CDATA[<p>离职在即（也至少还有一个月吧），所以把这一年来的劳动成果都整理了一下，制作成了一张网页。其中也有一些是之前的不同的工作时期的东西，都编排到了一起，再找工作的时候就可以直接充当简历。截图在末尾，在线浏览<a href="http://im610.cn/portfolio.html" target="_blank">猛击这里</a>。</p>
<p>算起来我毕业四年，已经在四家公司任职在三个城市生活过，应该说纯粹是把有限的青春都浪费在了瞎折腾上了。在我到处游荡的这些年间，我看着曾经的同学的生活发生了或正在发生着彻头彻尾的、足以改变其命运轨迹的变化感慨良多。</p>
<p>有的同学发了财，账户余额都有6位数，也有的同学至今待业，吃住在家；有的同学当了公务员，夜夜笙歌、白吃白拿，也有的同学当了人民教师，拿人钱财、误人子弟；有的同学结了婚，跟自己的老婆过着平凡的日子，也有的同学虽然没结婚，却跟别人的老婆过着平凡的日子。</p>
<p>有的同学已经有车有房，有的同学已经开始制造下一代，有的同学仍在上学深造，有的同学可能跟我一样，仍然是个每月工资都白领的白领。然而最让我感慨的是，当初我们班二十多人至今依然在设计这行里混的好像只有我一个人了。这些艺术设计专业毕业的人踏入社会以后干着五花八门的工作。有卖房的，有卖衣服的，有卖车的，有当电话客服的，也有先卖车后又当电话客服的，甚至有当幼儿园阿姨的，但就是没有做设计的。</p>
<p>我理解很多人不愿做设计这行的原因，因为又累钱又少，确实是这样。而我不想谈中国设计行业的现状和前景。我只想说一行之所以有人被称为天才，就是因为这个人原本很平庸，只是在别的天才都离开了这行之后，原本平庸的人自然变成了天才，而那些原本的天才到了别的行业里却越来越平庸。我不敢说多少年之后我会取得什么样值得夸耀的成绩，但我敢保证，设计行业是我职业生涯的起点也自然是终点。</p>
<p><img class="alignnone size-large wp-image-446" title="Portfolio of Liu Yiming _ 刘一鸣的作品集" src="http://www.im610.cn/wordpress/wp-content/uploads/2010/04/Portfolio-of-Liu-Yiming-_-刘一鸣的作品集-600x1076.png" alt="Portfolio of Liu Yiming _ 刘一鸣的作品集" width="480" /></p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/445/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>一些工作</title>
		<link>http://im610.cn/archives/367</link>
		<comments>http://im610.cn/archives/367#comments</comments>
		<pubDate>Tue, 26 Jan 2010 10:22:46 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[杂谈]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://im610.cn/?p=367</guid>
		<description><![CDATA[最近做的两个网站都已经上线了，这两个都是很简单的小网站，另一个很复杂的小网站从去年8月份就开始做了，但至今还在内部测试。为了避免这些工作成果对我个人形象和专业能力产生负面影响，我决定把截图放在帖子末尾。
其实上线之前我就给我同行的朋友看过，看完之后他说：太他妈水了。他的意思我完全明白，“水”是从设计、布局和代码编写难度上得出的结论，而且我也完全同意，我其实是故意水的。然后我又给领导看，领导看完后也说太水了，但是没有加“他妈”，毕竟是领导，讲文明。
同样的话，领导说出来我就很吃惊，因为我这是头一回被领导说设计的网页太水。我暗想：难道是在跟我一起工作的这段日子里，领导耳濡目染，审美能力已经有了大幅度提高，以至于都能看出来我在敷衍了事？所以我很好奇的问：领导，你觉得哪不合适？领导说：联系电话都他妈的整错了。之后，我心里便踏实了。
我想领导之所以能够担当领导也是有一定道理的，那就是领导总能注意到普通人无法察觉的细节。在领导的思维里细节就是一个人无论穿什么，哪怕只穿条内裤但只要不露点，就是一个正常人，反之，一个无论穿了多少，但是只要不小心在没穿内裤的时候忘记拉上拉链，露出了一点皮肉，那这个人就是流氓。而领导的过人之处就是善于发现一个人有没有露点。
其实关注细节的确是非常重要的事情，尤其是对于一名设计师来说，这一点我深信不疑。我常关注的一些设计类网站（比较好的有：smashingmagazine、sixrevisions），其中理论性的或指导性的文章都会建议设计师们应该对自己的作品要求更严格一些，要做到“像素级完美”，而且国外的设计者们视之为自然。一些“网站精选”里的页面设计看上去总是那么无懈可击，微弱的渐变叠加、若有若无的阴影、不同区域接合处的1像素高亮或是1像素的字体投影处理，还有看似不经意的色彩配比，这些都是需要花时间和精力去一次又一次调试。而在我们的设计环境里，大可不必这么做，因为没有人在乎这些东西。只要看看我们的政府网站就知道了，我第一次打开gov.cn还以为是卖阴茎增大药品的网站，页面设计的简直太冲动了。后来又陆续看了一些政府类的网站，我渐渐发觉这可能是一种设计风格，基本能够体现我们政府的精神面貌，就是非常想变大变强，但是实际情况却是又小又软，只好花钱找人来对外宣扬自己真的很大很强。这些人就像是能够促进海绵体扩张的特效药，政府因此还专门组建了这样的团体，并称之为“网络评论员”。
当然我的本意还是想谈设计。设计一般来讲是做图，在国外你只要做图非常牛自然会有人找到你，给你活干。而在我国设计一般来讲是作人，就是说你不但要会做图还要认识人才能接到活儿，不过通常的情况是，你其实根本不需要会做图，只要认识人就可以接到生意，因为没人在乎设计出来的东西是美是丑。去年的“绿坝”软件就让我们见识到了政府的审美能力，今年则是一个叫“孔子学院”的网站。当你发现一个网站设计的跟初中生黑板报一样，竟然都能卖3000万，你就会意识到要发财必须跟党走。无论设计水平有多牛，接不到“公家”的生意这辈子都是瞎鸡巴折腾。我觉得支付宝的白鸦已经算顶级牛人了，但年薪肯定不过百万（猜测），试想他这么一个牛人要奋斗多少年才能赚到3000万。
所以，我劝那些还在苦辛研究设计技法、追求设计品位的设计师们早日清醒，不要再继续沉沦了，抓紧时间多认识几个负责采购的公务员才是正经事，想买房就靠他们了。但是光认识是不够的还要跟领导混熟，要想跟领导熟络你就必须熟悉和遵守潜规则，而且要愿意无条件露点，因为领导总是喜欢抓关键和看细节。假如领导不愿抓你的点就要制造别的点给领导抓，罩杯越大越好。千万不要觉得自己是在给领导添麻烦，这是领导的工作。
当然我的本意还是想谈设计，最后发一下网站截图，欢迎同行及前辈批评，点击图片访问网站。



]]></description>
			<content:encoded><![CDATA[<p>最近做的两个网站都已经上线了，这两个都是很简单的小网站，另一个很复杂的小网站从去年8月份就开始做了，但至今还在内部测试。为了避免这些工作成果对我个人形象和专业能力产生负面影响，我决定把截图放在帖子末尾。</p>
<p>其实上线之前我就给我同行的朋友看过，看完之后他说：太他妈水了。他的意思我完全明白，“水”是从设计、布局和代码编写难度上得出的结论，而且我也完全同意，我其实是故意水的。然后我又给领导看，领导看完后也说太水了，但是没有加“他妈”，毕竟是领导，讲文明。</p>
<p>同样的话，领导说出来我就很吃惊，因为我这是头一回被领导说设计的网页太水。我暗想：难道是在跟我一起工作的这段日子里，领导耳濡目染，审美能力已经有了大幅度提高，以至于都能看出来我在敷衍了事？所以我很好奇的问：领导，你觉得哪不合适？领导说：联系电话都他妈的整错了。之后，我心里便踏实了。</p>
<p>我想领导之所以能够担当领导也是有一定道理的，那就是领导总能注意到普通人无法察觉的细节。在领导的思维里细节就是一个人无论穿什么，哪怕只穿条内裤但只要不露点，就是一个正常人，反之，一个无论穿了多少，但是只要不小心在没穿内裤的时候忘记拉上拉链，露出了一点皮肉，那这个人就是流氓。而领导的过人之处就是善于发现一个人有没有露点。</p>
<p>其实关注细节的确是非常重要的事情，尤其是对于一名设计师来说，这一点我深信不疑。我常关注的一些设计类网站（比较好的有：smashingmagazine、sixrevisions），其中理论性的或指导性的文章都会建议设计师们应该对自己的作品要求更严格一些，要做到“像素级完美”，而且国外的设计者们视之为自然。一些“网站精选”里的页面设计看上去总是那么无懈可击，微弱的渐变叠加、若有若无的阴影、不同区域接合处的1像素高亮或是1像素的字体投影处理，还有看似不经意的色彩配比，这些都是需要花时间和精力去一次又一次调试。而在我们的设计环境里，大可不必这么做，因为没有人在乎这些东西。只要看看我们的政府网站就知道了，我第一次打开gov.cn还以为是卖阴茎增大药品的网站，页面设计的简直太冲动了。后来又陆续看了一些政府类的网站，我渐渐发觉这可能是一种设计风格，基本能够体现我们政府的精神面貌，就是非常想变大变强，但是实际情况却是又小又软，只好花钱找人来对外宣扬自己真的很大很强。这些人就像是能够促进海绵体扩张的特效药，政府因此还专门组建了这样的团体，并称之为“网络评论员”。</p>
<p>当然我的本意还是想谈设计。设计一般来讲是做图，在国外你只要做图非常牛自然会有人找到你，给你活干。而在我国设计一般来讲是作人，就是说你不但要会做图还要认识人才能接到活儿，不过通常的情况是，你其实根本不需要会做图，只要认识人就可以接到生意，因为没人在乎设计出来的东西是美是丑。去年的“绿坝”软件就让我们见识到了政府的审美能力，今年则是一个叫“孔子学院”的网站。当你发现一个网站设计的跟初中生黑板报一样，竟然都能卖3000万，你就会意识到要发财必须跟党走。无论设计水平有多牛，接不到“公家”的生意这辈子都是瞎鸡巴折腾。我觉得支付宝的白鸦已经算顶级牛人了，但年薪肯定不过百万（猜测），试想他这么一个牛人要奋斗多少年才能赚到3000万。</p>
<p>所以，我劝那些还在苦辛研究设计技法、追求设计品位的设计师们早日清醒，不要再继续沉沦了，抓紧时间多认识几个负责采购的公务员才是正经事，想买房就靠他们了。但是光认识是不够的还要跟领导混熟，要想跟领导熟络你就必须熟悉和遵守潜规则，而且要愿意无条件露点，因为领导总是喜欢抓关键和看细节。假如领导不愿抓你的点就要制造别的点给领导抓，罩杯越大越好。千万不要觉得自己是在给领导添麻烦，这是领导的工作。</p>
<p>当然我的本意还是想谈设计，最后发一下网站截图，欢迎同行及前辈批评，点击图片访问网站。</p>
<p><a href="http://www.isurveylink.com"><img class="alignnone size-full wp-image-365" title="pic" src="http://www.im610.cn/wordpress/wp-content/uploads/2010/01/市场调研，网络调研系统，网络问卷设计，用户反馈系统.png" alt="pic" width="540" /></a></p>
<p><a href="http://www.panelindex.com"><img class="alignnone size-full wp-image-366" title="网络样本" src="http://www.im610.cn/wordpress/wp-content/uploads/2010/01/网络调查，网络调研，样本，网络样本.png" alt="网络样本" width="540" /></a><br />
<span id="more-367"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/367/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>上海艺术博览会</title>
		<link>http://im610.cn/archives/281</link>
		<comments>http://im610.cn/archives/281#comments</comments>
		<pubDate>Sun, 13 Sep 2009 15:39:46 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[杂谈]]></category>
		<category><![CDATA[艺术]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.im610.cn/?p=281</guid>
		<description><![CDATA[周末看了场艺术展，全名如下图

个人认为这场艺术展办得很不错。我判断不错的标准，一是到场的人除了我看起来都很体面，二是看到了一些很不错的画面。展会里很大一部分是外国人，更大一部分是中国人。无论是国外还是国内的画廊，销售人员的共同特点都是衣着精致、表情简练，看起来就像是上流社会的某个重要人物。这让我联想到我国某些行业的销售——油滑的头发、廉价的西服、突兀的领带。但是也没有办法，他们这么打扮是为了迎合国内一些企业领导的审美需求。观展的人绝大多数是相当的专业，从他们手里的过万元的单反相机就看得出，打扮得也很有艺术气质，当然我说的艺术气质是褒义的，不是那种不修边幅一脸倦容满头头屑的艺术气质。在这样的环境下我自惭形秽——穿着廉价T恤和很多年前买的牛仔裤，背着一个过季打折的匡威包。我完全不像是一个搞艺术的人，而像是个被艺术搞了的人。
展出的大部分都是一眼就能看出来作者功力的作品。摄人心魄。有的画标价都是一万五千欧元，还有些没标价的就不知道到底能卖多少钱了。我拍了很多照片，多得我都懒得贴出来。当然也有很多的作品以我的欣赏水平是难以理解的，很抽象，令人感到不安。可能这是另一种艺术震慑力吧。展会里面的美女非常之多，比画都漂亮。其实这是我认为这场艺术展不错的主要原因。
]]></description>
			<content:encoded><![CDATA[<p>周末看了场艺术展，全名如下图<br />
<img class="size-full wp-image-280" title="上海展览中心" src="http://www.im610.cn/wordpress/wp-content/uploads/2009/09/024.jpg" alt="上海展览中心" width="540"  /><br />
个人认为这场艺术展办得很不错。我判断不错的标准，一是到场的人除了我看起来都很体面，二是看到了一些很不错的画面。展会里很大一部分是外国人，更大一部分是中国人。无论是国外还是国内的画廊，销售人员的共同特点都是衣着精致、表情简练，看起来就像是上流社会的某个重要人物。这让我联想到我国某些行业的销售——油滑的头发、廉价的西服、突兀的领带。但是也没有办法，他们这么打扮是为了迎合国内一些企业领导的审美需求。观展的人绝大多数是相当的专业，从他们手里的过万元的单反相机就看得出，打扮得也很有艺术气质，当然我说的艺术气质是褒义的，不是那种不修边幅一脸倦容满头头屑的艺术气质。在这样的环境下我自惭形秽——穿着廉价T恤和很多年前买的牛仔裤，背着一个过季打折的匡威包。我完全不像是一个搞艺术的人，而像是个被艺术搞了的人。</p>
<p>展出的大部分都是一眼就能看出来作者功力的作品。摄人心魄。有的画标价都是一万五千欧元，还有些没标价的就不知道到底能卖多少钱了。我拍了很多照片，多得我都懒得贴出来。当然也有很多的作品以我的欣赏水平是难以理解的，很抽象，令人感到不安。可能这是另一种艺术震慑力吧。展会里面的美女非常之多，比画都漂亮。其实这是我认为这场艺术展不错的主要原因。</p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/281/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>30个令人惊艳的博客设计</title>
		<link>http://im610.cn/archives/257</link>
		<comments>http://im610.cn/archives/257#comments</comments>
		<pubDate>Fri, 21 Aug 2009 09:00:59 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.im610.cn/?p=257</guid>
		<description><![CDATA[博客有着巨大的活跃度，实际上搜索引擎已经在互联网上跟踪到了1.128亿个博客，而且这还是08年6月的数据。令人惊讶的是，博客在1999年就开始流行起来，至今已经10年了，但它依然在流行。这些不断涌现出来的博客写手，已经解释了为什么博客是互联网上最受欢迎的网站类型。毋庸置疑，博客本身的内容发挥了巨大作用，吸引了访问者持续不断地关注。人们喜欢访问博客，看看博主对最近发生的事情的看法和评论，或者他和她的故事，这都是人们喜欢的。不过，一个好的页面设计同样可以捉住访问者。在有些情况里，博主要想让自己的博客脱颖而出，改变博客的内容可能是一件很困难的事情，所以更简单的方式就是从视觉设计上来区别。
当我们谈到设计，最多的关键字就是“感觉”。有足够视觉吸引力的博客能够给人留下深刻的印象，让人们更容易记住它并且在其他时间重新访问。下面展示出来了一些“绝对华丽的博客”，希望能够给你带来灵感以便为自己的博客精心设计。（我承认我翻译的很烂 &#8211; -! ）
 
All for Design

 
Best Blog Box

 
Base6 Design Studio

 
Big Bad Collab

 
Cosmic Diary

 
Hey Indy

 
I Love Colors


Leihu

 
Nine Lion

 
Starcatcher

 
Productive Dreams

 
Rin-Wendy

 
Pays Sud Gâtine

 
Boompa

 
Agami Creative

 
Outlaw Design Blog

 
WebScienceMan

 
Rockatee

 
Steve Mullen Creative

 
Qwert City

 
Guns &#38; Donuts

 
Kev Adamson

 
Planet Nasendackel

 
Le Blog De [...]]]></description>
			<content:encoded><![CDATA[<p>博客有着巨大的活跃度，实际上搜索引擎已经在互联网上跟踪到了1.128亿个博客，而且这还是08年6月的数据。令人惊讶的是，博客在1999年就开始流行起来，至今已经10年了，但它依然在流行。这些不断涌现出来的博客写手，已经解释了为什么博客是互联网上最受欢迎的网站类型。毋庸置疑，博客本身的内容发挥了巨大作用，吸引了访问者持续不断地关注。人们喜欢访问博客，看看博主对最近发生的事情的看法和评论，或者他和她的故事，这都是人们喜欢的。不过，一个好的页面设计同样可以捉住访问者。在有些情况里，博主要想让自己的博客脱颖而出，改变博客的内容可能是一件很困难的事情，所以更简单的方式就是从视觉设计上来区别。</p>
<p>当我们谈到设计，最多的关键字就是“感觉”。有足够视觉吸引力的博客能够给人留下深刻的印象，让人们更容易记住它并且在其他时间重新访问。下面展示出来了一些“绝对华丽的博客”，希望能够给你带来灵感以便为自己的博客精心设计。（我承认我翻译的很烂 &#8211; -! ）</p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://all-for-design.com/"><strong>All for Design</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://all-for-design.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/allfordesign.jpg" alt="" width="500" height="339" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://bestblogbox.com/"><strong>Best Blog Box</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://bestblogbox.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/bestblogbox.jpg" alt="" width="500" height="346" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.base6design.com/blog"><strong>Base6 Design Studio</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.base6design.com/blog"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/base6.jpg" alt="" width="500" height="365" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://bigbadcollab.com/blog/"><strong>Big Bad Collab</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://bigbadcollab.com/blog/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/bigbad.jpg" alt="" width="500" height="289" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.cosmicdiary.org/"><strong>Cosmic Diary</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.cosmicdiary.org/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/cosmicdiary.jpg" alt="" width="500" height="353" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://heyindy.com/"><strong>Hey Indy</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://heyindy.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/heyindy.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.ilovecolors.com.ar/"><strong>I Love Colors</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.ilovecolors.com.ar/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/ilovecolors.jpg" alt="" width="500" height="330" /></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span id="more-257"></span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.leihu.com/"><strong>Leihu</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.leihu.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/leihu.jpg" alt="" width="500" height="262" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://nineliondesign.com/"><strong>Nine Lion</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://nineliondesign.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/ninelion.jpg" alt="" width="500" height="279" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.starcatcher.es/blog/"><strong>Starcatcher</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.starcatcher.es/blog/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/starcatcher.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.productivedreams.com/"><strong>Productive Dreams</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.productivedreams.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/productivedreams.jpg" alt="" width="500" height="232" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://rin-wendy.com/"><strong>Rin-Wendy</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://rin-wendy.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/rinwendy.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.cc-pays-sud-gatine.fr/"><strong>Pays Sud Gâtine</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.cc-pays-sud-gatine.fr/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/communaute.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://boompa.ca/"><strong>Boompa</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://boompa.ca/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/boompa.jpg" alt="" width="500" height="199" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.agamicreative.com/blog/"><strong>Agami Creative</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.agamicreative.com/blog/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/agamicreative.jpg" alt="" width="500" height="273" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.outlawdesignblog.com/"><strong>Outlaw Design Blog</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.outlawdesignblog.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/outlawdesignblog.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.webscienceman.com/"><strong>WebScienceMan</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.webscienceman.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/webscienceman.jpg" alt="" width="500" height="337" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.rockatee.com/"><strong>Rockatee</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.rockatee.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/rockatee.jpg" alt="" width="500" height="347" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.stevemullencreative.com/words.php"><strong>Steve Mullen Creative</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.stevemullencreative.com/words.php"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/stevemullen.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.qwertcity.com/"><strong>Qwert City</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.qwertcity.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/qwertcity.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.gunsanddonuts.com/"><strong>Guns &amp; Donuts</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.gunsanddonuts.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/gunsndonut.jpg" alt="" width="500" height="341" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.kevadamson.com/"><strong>Kev Adamson</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.kevadamson.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/kevadamson.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.nasendackel.de/"><strong>Planet Nasendackel</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.nasendackel.de/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/planetnasendackel.jpg" alt="" width="500" height="375" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.gruny.net/blog/"><strong>Le Blog De Gruny</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.gruny.net/blog/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/leblogdegruny.jpg" alt="" width="500" height="215" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.leffetcrea.com/"><strong>Leffet Crea</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.leffetcrea.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/leffetcrea.jpg" alt="" width="500" height="336" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.kevenlupien.com/"><strong>Keven Lupien</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.kevenlupien.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/kevenlupien.jpg" alt="" width="500" height="240" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.brownblogfilms.com/"><strong>Brown Blog Films</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.brownblogfilms.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/brownblogfilms.jpg" alt="" width="500" height="272" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://kriscolvin.com/"><strong>Kris Colvin</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://kriscolvin.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/kriscolvin.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://www.thedarlingtree.com/"><strong>The Darling Tree</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://www.thedarlingtree.com/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/thedarlingtree.jpg" alt="" width="500" height="350" /></a></p>
<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"> </span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: underline; color: #1d7591; cursor: pointer;" href="http://neweracaptalk.com/blog/"><strong>New Era Cap Talk</strong></a></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><a style="text-decoration: none; color: #1d7591; cursor: pointer;" href="http://neweracaptalk.com/blog/"><img style="border-style: none;" src="http://hongki.at/images/blogdesign2/neweracaptalk.jpg" alt="" width="500" height="380" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/257/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>专访 Twitter 介面设计师 Vitor Lourenco</title>
		<link>http://im610.cn/archives/253</link>
		<comments>http://im610.cn/archives/253#comments</comments>
		<pubDate>Tue, 18 Aug 2009 16:02:08 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[转载]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.im610.cn/?p=253</guid>
		<description><![CDATA[转载自apple4us 【编译自此文 原文作者：Damian Madray 翻译： Eric Chau】
年轻且能够改变世界或许是一个人最大的幸运了。21 岁的 Vitor Lourenco 就是如此，拥有 7 年设计经验的负责了一个改变数以千万计用户沟通方式的产品，Twitter 的用户介面设计。以下则是对这个年轻人的一段访谈。 ——编者

Q：是什么让你投身于设计业？估计你在很早的时候就对设计感兴趣了？
A：大约从 12 岁起，我就对网页设计感兴趣了，但从没想过以此为业。起初只是因为好玩，但突然间它不仅带给我很多很多快乐，还有丰厚的报酬。我做的第一个网站是关于游戏及动漫的——我当初热衷于此。
Q：在你的网站上，你给对自己的描述并非「网页设计师」，而是「用户体验设计师」。能阐述下「用户体验设计师」指什么吗？

A：我经常修正我的头衔，至今还没找到最确切的说法。在我把它放上网页时，我正在思考网页中一个好的用户体验都涵盖哪些方面，而我觉得自己可以实现它们。但事实证明，你无法真的设计出一种体验——体验发生于用户身上，那就有着太多超越设计师所能掌控的变量。现在，我更喜欢叫自己「产品/用户介面设计师」，因为我把大量时间用于创造并优化这个层面的用户体验。
Q：你的设计一贯以「简约」为基调。为什么你倾向于此，而不是使用更多图像？
A：我相信一个优秀的网页介面应该是优雅含蓄的，从而将内容本身推向前台。一名设计师必须牢记，多数情况下，用户浏览一个网站并非为了欣赏你天马行空的设计，而是做一件对他们有用的事。我很喜欢艾伦·库珀的一句话：「无论你的介面有多酷，简单一点总会更好」。（编者注：Alan Cooper，著名用户介面设计师，被很多人视为「Visual Basic 之父」。）
Q：在你的个人项目中，我们对 FoodFeed.us 印象深刻，能谈谈它的概念和灵感来源么？
A：FoodFeed 是我在一个周末倒腾 Twitter API 的产物。它没什么用，其功能也被 Twitter 的搜索所取代，但它让我被很多人注意到（Twitter 团队也是由此认识了我）。
Q：现在大家都知道你在为全球最火的网站之一 Twitter 工作，能谈谈你是如何尝试把这个本来就很简单的网站变得更优雅、直观，让更多的人了解并喜欢上它？
A：我和 Twitter 的工程师们一起，遵循前田约翰（编者注：John Maeda，著名的图形设计师，其著作《简单法则》国内有售）提出的「缩小、隐藏、赋予」（shrink, hide and embody），让 Twitter 的应用介面变得更加简洁。由此，我们设计了一个垂直的导航侧栏，在不丧失功能的情况下，把它们更好的排列组合。在视觉设计方面，我们重新规划了版面设计、按钮的风格，并确定了字符间隔及栅格的不一致。在前端技术层，我们给发言和标签切换实现了 AJAX 效果，并用 CSS sprite 技术来合并图片，提高网站的性能。
Q：你也曾经为雅虎和 Orkut 工作过。在你看来，对这类网站来说哪些设计要素是至关重要的？
A：每个项目有其侧重，而大多数情况下，一个网站的成功并不仅依靠其页面设计。网站的成功取决于更深层因素，大部分情况下是它能否为用户解决某种问题。你必须一直问自己，是否在解决一个真实的问题。然后就是执行层面上的事情了，这个是没有公式可套的。
Q：网页的字体排印是最近的一个热门话题。你对此投入多少精力？你认为一个成功的网页设计中，字体排印占的分量有多少？
A：字体排印是我的设计中最重要一个元素。我对此投入很多精力，我也认为了不起的设计源于了不起的字体及图像设置。它们代表着内容，而且该是一个网站上最重要的互动环节。换句话说，剔除不必要的装饰，以文字为用户介面。
Q：你是个多面手，在用户介面设计、视觉设计、易用性、可及性及客户端开发等方面均有作为。你认为一名设计师是否需要掌握全部这些技能，还是应该注重于设计本身？
A：这些都是一名好的设计师必须具备的技能。你能否脱颖而出，取决于对这些技能的掌握程度。用户介面设计不是一门科学，没人能做到 100% 精通。它更多取决于你面对的媒介和情境。所以，这需要扎实的文化底蕴，以及能够随时从用户的角度看待问题。
Q：你觉得在你出生的巴西或者整个拉丁美洲，设计行业的环境如何？它是在快速发展中，还是处于人才匮乏的境地？
A：有很多优秀的巴西籍设计师活跃于世界各地，然而网页设计这行在巴西并不兴旺，所以很多设计师选择离开巴西，去美国或者欧洲寻找更好机会。
Q：流利的葡萄牙语及英语是否帮助你拓展工作半径？
A：英语的确帮助很大。最好的设计书籍及参考资料通常由英语写就，而如果读不到好的著作我对设计的理解就必将有限。我很感激我的父母付出了很多努力让我在小时候就上了英语课。
Q：说到「好的著作」，分享几本？
A：恩，我的最爱包括：
About Face 3: The Essentials of Interaction Design [...]]]></description>
			<content:encoded><![CDATA[<p>转载自apple4us 【编译自<a style="text-decoration: underline; outline-style: none; outline-width: initial; outline-color: initial; color: #0f83f8;" href="http://designerscouch.org/show_article/98/interview-with-vitor-lourenco.html#">此文</a> 原文作者：Damian Madray 翻译： Eric Chau】</p>
<p><span style="color: #333333; display: block; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: #f2f2f2; text-decoration: underline; padding: 10px;">年轻且能够改变世界或许是一个人最大的幸运了。21 岁的 Vitor Lourenco 就是如此，拥有 7 年设计经验的负责了一个改变数以千万计用户沟通方式的产品，Twitter 的用户介面设计。以下则是对这个年轻人的一段访谈。 ——编者</span></p>
<p><span style="display: inline;"><img style="border: 0px initial initial;" src="http://apple4.us/images/2009/vitor.jpg" alt="vitor.jpg" width="450" height="435" /></span></p>
<p>Q：是什么让你投身于设计业？估计你在很早的时候就对设计感兴趣了？</p>
<p>A：大约从 12 岁起，我就对网页设计感兴趣了，但从没想过以此为业。起初只是因为好玩，但突然间它不仅带给我很多很多快乐，还有丰厚的报酬。我做的第一个网站是关于游戏及动漫的——我当初热衷于此。</p>
<p>Q：在你的网站上，你给对自己的描述并非「网页设计师」，而是「用户体验设计师」。能阐述下「用户体验设计师」指什么吗？</p>
<p><span id="more-253"></span></p>
<p>A：我经常修正我的头衔，至今还没找到最确切的说法。在我把它放上网页时，我正在思考网页中一个好的用户体验都涵盖哪些方面，而我觉得自己可以实现它们。但事实证明，你无法真的设计出一种体验——体验发生于用户身上，那就有着太多超越设计师所能掌控的变量。现在，我更喜欢叫自己「产品/用户介面设计师」，因为我把大量时间用于创造并优化这个层面的用户体验。</p>
<p>Q：你的设计一贯以「简约」为基调。为什么你倾向于此，而不是使用更多图像？</p>
<p>A：我相信一个优秀的网页介面应该是优雅含蓄的，从而将内容本身推向前台。一名设计师必须牢记，多数情况下，用户浏览一个网站并非为了欣赏你天马行空的设计，而是做一件对他们有用的事。我很喜欢艾伦·库珀的一句话：「无论你的介面有多酷，简单一点总会更好」。（编者注：Alan Cooper，著名用户介面设计师，被很多人视为「Visual Basic 之父」。）</p>
<p>Q：在你的个人项目中，我们对 FoodFeed.us 印象深刻，能谈谈它的概念和灵感来源么？</p>
<p>A：FoodFeed 是我在一个周末倒腾 Twitter API 的产物。它没什么用，其功能也被 Twitter 的搜索所取代，但它让我被很多人注意到（Twitter 团队也是由此认识了我）。</p>
<p>Q：现在大家都知道你在为全球最火的网站之一 Twitter 工作，能谈谈你是如何尝试把这个本来就很简单的网站变得更优雅、直观，让更多的人了解并喜欢上它？</p>
<p>A：我和 Twitter 的工程师们一起，遵循前田约翰（编者注：John Maeda，著名的图形设计师，其著作《简单法则》国内有售）提出的「缩小、隐藏、赋予」（shrink, hide and embody），让 Twitter 的应用介面变得更加简洁。由此，我们设计了一个垂直的导航侧栏，在不丧失功能的情况下，把它们更好的排列组合。在视觉设计方面，我们重新规划了版面设计、按钮的风格，并确定了字符间隔及栅格的不一致。在前端技术层，我们给发言和标签切换实现了 AJAX 效果，并用 CSS sprite 技术来合并图片，提高网站的性能。</p>
<p>Q：你也曾经为雅虎和 Orkut 工作过。在你看来，对这类网站来说哪些设计要素是至关重要的？</p>
<p>A：每个项目有其侧重，而大多数情况下，一个网站的成功并不仅依靠其页面设计。网站的成功取决于更深层因素，大部分情况下是它能否为用户解决某种问题。你必须一直问自己，是否在解决一个真实的问题。然后就是执行层面上的事情了，这个是没有公式可套的。</p>
<p>Q：网页的字体排印是最近的一个热门话题。你对此投入多少精力？你认为一个成功的网页设计中，字体排印占的分量有多少？</p>
<p>A：字体排印是我的设计中最重要一个元素。我对此投入很多精力，我也认为了不起的设计源于了不起的字体及图像设置。它们代表着内容，而且该是一个网站上最重要的互动环节。换句话说，剔除不必要的装饰，以文字为用户介面。</p>
<p>Q：你是个多面手，在用户介面设计、视觉设计、易用性、可及性及客户端开发等方面均有作为。你认为一名设计师是否需要掌握全部这些技能，还是应该注重于设计本身？</p>
<p>A：这些都是一名好的设计师必须具备的技能。你能否脱颖而出，取决于对这些技能的掌握程度。用户介面设计不是一门科学，没人能做到 100% 精通。它更多取决于你面对的媒介和情境。所以，这需要扎实的文化底蕴，以及能够随时从用户的角度看待问题。</p>
<p>Q：你觉得在你出生的巴西或者整个拉丁美洲，设计行业的环境如何？它是在快速发展中，还是处于人才匮乏的境地？</p>
<p>A：有很多优秀的巴西籍设计师活跃于世界各地，然而网页设计这行在巴西并不兴旺，所以很多设计师选择离开巴西，去美国或者欧洲寻找更好机会。</p>
<p>Q：流利的葡萄牙语及英语是否帮助你拓展工作半径？</p>
<p>A：英语的确帮助很大。最好的设计书籍及参考资料通常由英语写就，而如果读不到好的著作我对设计的理解就必将有限。我很感激我的父母付出了很多努力让我在小时候就上了英语课。</p>
<p>Q：说到「好的著作」，分享几本？</p>
<p>A：恩，我的最爱包括：</p>
<p>About Face 3: The Essentials of Interaction Design &#8211; Alan Cooper<br />
Designing with Web Standards (2nd Edition) &#8211; Jeffrey Zeldman<br />
Paul Rand &#8211; Steven Heller<br />
Thinking with Type &#8211; Ellen Lupton</p>
<p>Q：你才 21 岁，却已经实现了很多设计师毕生的目标。下一步如何打算？</p>
<p>A：要做的事情还挺多，但我不制定计划，随遇而安吧。 我希望在某个时刻做点自己的事，但目前我仍在给这些好公司打工。当下能帮助 Twitter 以 140 字的方式改变沟通方式，挺爽的。</p>
<p>Q：对于踌躇于事业发展的年轻设计师们，你有什么建议？</p>
<p>A：我建议他们做自己的项目。不要期待优质客户让你参与到好的项目中，这样的事情基本轮不到年轻人。现在就动手自己做点什么，你会学到很多，也会得到很多。</p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/253/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>欢迎来玩</title>
		<link>http://im610.cn/archives/220</link>
		<comments>http://im610.cn/archives/220#comments</comments>
		<pubDate>Tue, 28 Jul 2009 02:27:37 +0000</pubDate>
		<dc:creator>格子</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[开心网]]></category>
		<category><![CDATA[投票]]></category>

		<guid isPermaLink="false">http://www.im610.cn/?p=220</guid>
		<description><![CDATA[我公司开发了一个开放式的小投票系统，该系统最大的特点是就是&#8230;..可以创建投票。其实就是类似于开心网的那种投票，但是这是一个开放式的设计，意思就是无需注册，只要有一个Email就可以了，而且你创建好的投票可以生成独立的页面，邀请你的同事、同学、朋友参与，这完全是一个更为私人化和有针对性的投票系统。我个人认为还是比较方便，主要是因为它应用起来很灵活，比如你公司内部要春游或是聚餐，但是对于目的地的选择大家意见不一，就可以通过我公司这个系统来创建一个投票来让大家参与，最终你会在一个统计页面看哪个地方被选的次数较多。这是较为常规的应用，我只是举例说明一下，你完全可以另辟蹊径用它做一些对自己更有用处的事情。例如，你可以发布一个题目为“你认为我有哪些优良品格”的投票，让好友来评述，以便你能更真实的了解到你在别人眼中是个什么东西。当然这都是免费的。欢迎来玩儿。下面是页面，也都是我设计并制作的。我认为我的设计水平较之以前已经有了质的飞跃：从原来的九流水平跨越到了现在的三流水平，这是这半年来我感到最欣慰的事了。点击图片链接到网站。

]]></description>
			<content:encoded><![CDATA[<p>我公司开发了一个开放式的小投票系统，该系统最大的特点是就是&#8230;..可以创建投票。其实就是类似于开心网的那种投票，但是这是一个开放式的设计，意思就是无需注册，只要有一个Email就可以了，而且你创建好的投票可以生成独立的页面，邀请你的同事、同学、朋友参与，这完全是一个更为私人化和有针对性的投票系统。我个人认为还是比较方便，主要是因为它应用起来很灵活，比如你公司内部要春游或是聚餐，但是对于目的地的选择大家意见不一，就可以通过我公司这个系统来创建一个投票来让大家参与，最终你会在一个统计页面看哪个地方被选的次数较多。这是较为常规的应用，我只是举例说明一下，你完全可以另辟蹊径用它做一些对自己更有用处的事情。例如，你可以发布一个题目为“你认为我有哪些优良品格”的投票，让好友来评述，以便你能更真实的了解到你在别人眼中是个什么东西。当然这都是免费的。欢迎来玩儿。下面是页面，也都是我设计并制作的。我认为我的设计水平较之以前已经有了质的飞跃：从原来的九流水平跨越到了现在的三流水平，这是这半年来我感到最欣慰的事了。点击图片链接到网站。<br />
<a href="http://www.idiaoyan.com/html/vote/index.html"><img src="http://www.im610.cn/wordpress/wp-content/uploads/2009/07/小投票.jpg" alt="投票系统" title="投票系统" width="540" class="alignnone size-full wp-image-219" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://im610.cn/archives/220/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
