<?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>onling's blog</title>
	<atom:link href="http://www.onling.net/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.onling.net/blog</link>
	<description>记录生活，分享成长~</description>
	<lastBuildDate>Tue, 07 Sep 2010 01:45:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[转]创新工场的新家</title>
		<link>http://www.onling.net/blog/?p=1280</link>
		<comments>http://www.onling.net/blog/?p=1280#comments</comments>
		<pubDate>Tue, 07 Sep 2010 01:45:35 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1280</guid>
		<description><![CDATA[工场终于快一年，我们Team承担了新工场的装修，目前已经告于段落，很快就要揭开神秘面纱了，来先睹一块吧，看看这个新工厂是什么孵化产品的，来，跟随John的介绍，一起看下：）
设备调... ]]></description>
			<content:encoded><![CDATA[<p>工场终于快一年，我们Team承担了新工场的装修，目前已经告于段落，很快就要揭开神秘面纱了，来先睹一块吧，看看这个新工厂是什么孵化产品的，来，跟随John的介绍，一起看下：）</p>
<p>设备调试完毕，清场，地板打蜡，第一次拍摄装修完成的照片…… 在即将迎来一周岁生日的时刻，创新工场收获了一个值得骄傲的新家。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/1_调整大小.jpg"><img class="aligncenter size-full wp-image-1283" title="1_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/1_调整大小.jpg" alt="" width="500" height="228" /></a><br />
<span style="color: #787878;">↑室内天井</span><br />
<a href="http://www.onling.net/blog/wp-content/uploads/2010/09/2_调整大小.jpg"><img class="aligncenter size-full wp-image-1284" title="2_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/2_调整大小.jpg" alt="" width="500" height="208" /></a><br />
<span style="color: #787878;">↑办公区</span></p>
<p>这份骄傲来自于创造的过程：我和装修公司、创新工场的工友们一起异想天开，一起找材料跑采购，一起研究既省钱又出效果的工程实施方法，一起用做游戏的方式创作出许多装饰艺术品，一起享受创造的快乐。<br />
这份骄傲来自于创造的结果：我们拥有了一个科技与艺术相结合、能让工友们充分发挥创造力、充满创新工场精神和能量的新家。</p>
<p><strong><span id="more-1280"></span>工友总动员！</strong><br />
我们组建了6只志愿者小组，分别负责前台和待客区的装置设计和制作、办公区设计和装饰、会议室命名和装饰、工友艺术品征集和创作、创意饰品征集和采购、绿化和卫浴装饰，再由他们去发动更多的工友。其中特别有趣的作品包括：</p>
<p>鸟巢灯——我们用树枝编成鸟巢，在灯具城淘到蛋形灯泡，找到朋友帮我们做单片机控制灯效。一枚枚蛋形的灯泡在鸟巢中以呼吸的频率忽明忽暗，仿佛一个个了不起创意正在孕育。<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2010/09/3_调整大小.jpg"><img class="aligncenter size-full wp-image-1285" title="3_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/3_调整大小.jpg" alt="" width="500" height="241" /></a></p>
<p>全息影像和访客留言——我们制作了一台全息影像装置，把工友们的才艺秀加上后期特效作为展示内容。我们开发了一套留言系统，访客可以通过录制视频或者手写留言，并且可以查看其他访客的留言。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/4_调整大小.jpg"><img class="aligncenter size-full wp-image-1286" title="4_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/4_调整大小.jpg" alt="" width="500" height="441" /></a></p>
<p>灯泡板涂鸦——创新工场的标志中有一个灯泡，所以工场中到处悬挂着灯泡。怎么让这更加丰富多彩、更加个性化？工友们发起了涂鸦活动，许多“大师级”的作品诞生了，甚至于有的工程师说要重新考虑自己的职业发展了！:)<br />
图中有一张是开复的女儿画的，你能猜出是哪一张么？</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/5_调整大小.jpg"><img class="aligncenter size-full wp-image-1287" title="5_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/5_调整大小.jpg" alt="" width="500" height="554" /></a></p>
<p>纸飞机群——“在创新工场的新办公室中，每个人将拥有一架代表自己的纸飞机，记录大家的激情、梦想和灿烂。”</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/6_调整大小.jpg"><img class="aligncenter size-full wp-image-1288" title="6_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/6_调整大小.jpg" alt="" width="500" height="346" /></a></p>
<p>游戏创意区——在钢筋混凝土的写字楼中拥有一片草坪？对！除了桌上足球，我们还有精通桌游的工友选购的几十种游戏，以及大家选购的几百本图书。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/7_调整大小.jpg"><img class="aligncenter size-full wp-image-1289" title="7_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/7_调整大小.jpg" alt="" width="500" height="348" /></a></p>
<p><strong>省钱也能出最棒的效果！</strong></p>
<p>在装修过程中，我恐怕是最让我们的财务总监提心吊胆的人——每个创意的实施都意味着钱，钱，钱。怎么才能又省钱又出效果呢？<br />
装修公司的总设计师梁工有办法：前台区域的顶灯很重要，会给访客留下公司的第一印象。设计优秀、又能在较低的房顶上安装的灯具非常昂贵，怎么办？梁工想到一个办法，用普通的圆形吸顶灯做造型，一方面和整体的曲线风格非常协调，另一方面，这些吸顶灯非常便宜，中等大小的几十元一个、最大的也不过二百多元。结果整个设计实施出来没花多少钱，效果却出奇的好。<br />
天井区域的曲面墙、圆板围栏、全息影像装置等等这些特别出彩的设计，都是具体出自梁工之手，每次和他围绕着功能、创意、优雅、经济进行思维碰撞，都让我受益良多。<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2010/09/8_调整大小.jpg"><img class="aligncenter size-full wp-image-1290" title="8_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/8_调整大小.jpg" alt="" width="500" height="322" /></a><br />
咱们工友有办法：在新办公室中，所有的艺术品都是有工友们创作的。除了前面提到的灯泡板涂鸦、纸飞机群，工友们还纷纷贡献出自己拍的好照片、画的画，或者直接在墙上画画，来装饰新办公室。开复也贡献出了他的收藏——一架纯铜的老式望远镜，这样大家在天气好的时候就能清晰的看到远处的颐和园和香山。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/8_调整大小1.jpg"><img class="aligncenter size-full wp-image-1291" title="8_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/8_调整大小1.jpg" alt="" width="500" height="322" /></a></p>
<p><strong>处处有惊喜！</strong></p>
<p>装修的过程当然也不会一直顺利，但幸运的是，每次遇到难题，最终柳暗花明反而得到一个更好的结果。比如我们想做一面透明的弧形墙，因为工程造价和工艺的问题，几套方案都无法实现；有一天灵机一动，把这面墙索性就做成实墙，并且加大了弧度，形成一个地球的造型，成为了一个更有趣的景观。再比如有一个角落无法做深入的改造，我们就用最近的招聘海报贴上遮丑，没想到因为海报设计的非常出色，这里反而成为了一个访客驻足的景点。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/9_调整大小.jpg"><img class="aligncenter size-full wp-image-1292" title="9_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/9_调整大小.jpg" alt="" width="500" height="356" /></a></p>
<p>还有一些你不知道的小秘密:P</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/09/11_调整大小.jpg"><img class="aligncenter size-full wp-image-1293" title="11_调整大小" src="http://www.onling.net/blog/wp-content/uploads/2010/09/11_调整大小.jpg" alt="" width="500" height="280" /></a></p>
<p><strong>创新工场，明天会更好！</strong></p>
<p><strong><span style="font-weight: normal;">转John神贴:<a href="http://blog.sina.com.cn/s/blog_6735fa260100ktan.html">http://blog.sina.com.cn/s/blog_6735fa260100ktan.html</a></span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1280</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>触摸未来的QQ概念版设计</title>
		<link>http://www.onling.net/blog/?p=1243</link>
		<comments>http://www.onling.net/blog/?p=1243#comments</comments>
		<pubDate>Thu, 22 Apr 2010 12:37:15 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[Design Life]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1243</guid>
		<description><![CDATA[
QQ 概念版经过一年的秘密研发，终于掀开了她的神秘面纱，向世人展现了她的真实面目，做为一个全新的产品，以及内部封闭秘密研发的众多因素，可能很多人想了解这个QQ概念版的研发设计... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500_1.jpg"><img class="aligncenter size-full wp-image-1246" title="500_1" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500_1.jpg" alt="" width="500" height="171" /></a></p>
<p>QQ 概念版经过一年的秘密研发，终于掀开了她的神秘面纱，向世人展现了她的真实面目，做为一个全新的产品，以及内部封闭秘密研发的众多因素，可能很多人想了解这个QQ概念版的研发设计过程以及产品的设计理念，在这里我们将带你全面的了解QQ概念版 这款产品的研发设计过程，也和大家一起分享我们项目团队的研发设计经验。<br />
<strong>1.项目背景</strong></p>
<p>QQ同时在线过“亿”，腾讯开始正式步入“亿”时代，正在大家沉浸在喜悦以及自豪的同时，我们一款全新的概念产品将破茧而出，因为我们知道过“亿”，互联网对我们来说意味了更大的期望，也给我们更大的责任，在这里我们会去探索未来QQ的概念模型:</p>
<p><span style="color: #993300;">未来IM会发展成什么样？<br />
未来用户的沟通会呈现什么样？<br />
什么样的体验设计能更便捷地满足用户的沟通以及交流？<br />
触摸时代已经到来，我们如何提供用户更好的体验设计？</span><span style="color: #993300;"><br />
</span> ……</p>
<p><span id="more-1243"></span>其实对于QQ 的探索，我们从来没有停，前期的My QQ概念视频的展示以及QQ搜索应用等概念视频，都已经在网上风靡一时，而如何真正在概念设计的基础上，结合即时通讯强大的技术力量孵化出一个真正能让用户体验的产品，是大家最为期待的。</p>
<p><strong>2.研发设计过程</strong></p>
<p>QQ概念版 在研发设计之初，由于投入开发资源比较少，项目战线拉得比较长，虽然前阶段没有产品经理的参与，但是只有设计师及开发人员的团队，或许是让设计师能更好的发挥想象力的机遇，虽然流程没有如研发QQ时的规范，但这样能采用更加敏捷的开发方式。从秘密研发到最终亮相，期间诞生了很多富有创新性的设计体验，在产品成型后我们也积累沉淀了很多有价值的经验、技术及创新点，这也是腾讯首款NUI（自然用户交互）产品，结合了人机工学知识，实现了多点触摸操作。在实现IM（即时通讯）的基础功能之外，QQ 概念版还推出了动感相框、动态背景、多Tab聊天窗口、3D交互、矢量界面、桌面好友等一系列新功能、新体验以及Windows7的重要新特性。相信大家更关注QQ 概念版研发的过程以及细节，在这里我将简单对QQ 概念版的研发设计过程跟大家分享。</p>
<p>QQ概念版团队在一开始设计之初就定下了自己的设计目标：</p>
<p><span style="color: #993300;">创新性的界面能让人眼前一亮，需要承载用户更多的情感，让用户感受到界面的生命力，更需要传递一个时间和空间上的应用，带给用户更多想象的空间，让界面的表现更加丰富多彩，通过对人机工学的知识运用，更好的支持鼠标操作及多点触摸操作。</span></p>
<p><span style="color: #993300;">我们在设计过程中提炼了两个未来趋势设计：拟人化和拟物化，其中涉及到的核心关键词为：生命力、时间感和空间感，生命力就是通过拟人化的情感沟通，是产品更具有亲和力，简单来说就是在交互的操作上有呼吸效果，在视觉的感受上有更贴近人的实际生活场景，而时间感和空间感就是通过拟物化的产品界面，是用户更贴切生活，让用户在使用过程更好与产品进行互动。</span></p>
<p>体现在设计会随着时间的变化而产生不同的界面效果，而空间感则是通过wpf的新技术，体现出多维的空间表现力。而我们研发的一个重要的目的就是开始研究多点触摸对界面带来的革新及挑战。</p>
<p>整个设计的过程将有以下几个步骤：</p>
<p><strong>A.创意脑暴：</strong><br />
当然，看到如此光鲜的界面并不是一朝一夕能出来的，期间经过了反复的脑暴，有来自CDC内部的设计火花的碰撞，也有平时项目积累的的创意，更有来自技术团队对前沿技术的探索和分享，所有的一切才成就了目前的界面，看下我们部分脑暴在白板上留下的一次次天马行空的概念火花：</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-1.jpg"><img class="aligncenter size-full wp-image-1248" title="500-1" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-1.jpg" alt="" width="500" height="600" /></a></p>
<p><strong>B.交互流程、线框图及纸面原型</strong><br />
从五花八门的脑暴以及天马行空的概念脑暴图中可看出，有些可能并不实用或符合我们的版本需要，我们会集中起来对脑暴概念图进行筛选，将有发展空间的图进行更加细致的交互流程设计，即具体的概念线框图设计，以此来确定用户使用场景及具体功能的交互操作。对于筛选掉的脑暴图，我们不会丢弃，所有的创意点我们都储备保存，因为这些很可能是下一个新的创意设计。当然，更加需要考虑的就是我们的产品是既适应于鼠标也适用于手的触摸操作的，因此将给我们带来更大的挑战。</p>
<p>我们通过手绘线框图的方式来展示产品中的某些功能是如何操作和使用的，鼠标交互操作方式则是沿用了多年的经验及规范来制定，在这里不加赘述，而触摸则需要用户更多的以指尖的动作来达到操作的目的。</p>
<p>具体的<span style="color: #993300;">触摸操作在我们产品中的体现有：单击、滑动（滚屏）、拖放（选中、按住、移动）、两指拉伸（缩放）、长按</span>等。这些都将在我们的QQ概念版中有所体现。对于平板电脑触摸方式及应用场景我们都在进一步的研究当中，包括结合人机工学等知识，结合使用平板电脑的使用场景，如何让人能更加舒适的进行操作，都是我们的研究方向。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-2.jpg"><img class="aligncenter size-full wp-image-1249" title="500-2" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-2.jpg" alt="" width="500" height="608" /></a></p>
<p>在流程图及线框图出来之后，我们会开始进行纸面原型的设计，这个过程可以帮助我们模拟使用时的具体场景，更完善操作时的交互流程。在此过程中我们会发现之前的线框图上设计不合理的地方，从而加以改进。通过这样的纸面原型的方式，更能体现在使用触摸操作时所遇到的问题，从而产生更加完善的设计。当然，这样的方式也体现了设计师的一个思考过程，更直观、方便的实现我们的目的，以更大的视野提供解决问题的思路，完成了最初的原型设计。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500_1-3.jpg"><img class="aligncenter size-full wp-image-1250" title="500_1-3" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500_1-3.jpg" alt="" width="500" height="127" /></a></p>
<p>为了体现QQ 概念版触摸的特性，我们也对用户界面也进行了前所未有的调整，对界面的控件进行了拓展，控件的尺寸大小进行了调整，使之既能满足鼠标操作也能适应触摸的操作方式，在期间寻找平衡点，这个协调过程相当困难，业界也没有相关的指引和类似案例，全都需要设计师自己来整理和解决这些矛盾的问题，我们已在整理触摸和鼠标操作的规范，让其做出更详细的区分和融合。希望通过梳理，能解决触摸对于面板的尺寸大小要求和视觉感受的冲突，使得产品的使用、操作及视觉感受更加合理、舒适和美观。</p>
<p>这个过程会出一些Blend或Flash交互原型概念模型，这些高仿真的原型在交互设计概念阶段讨论是非常有必要的，他可以最直观地感受到体验创新带来的操作变化，也为后期的原型设计节省很多时间，不至于会大部分的返工和修改，这里以表情界面的一些最初的原型给大家简单展示下，也因为有这一步储备，我们沉淀很多很有价值的创新demo：</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-1-5.jpg"></a></p>
<p><strong>C.视觉风格设定</strong><br />
在完成主要功能的定位和交互设计之后，开始视觉风格上的设计以及创新，在界面风格设定的时候，尽量去思考拟人以及拟物的场景运用，结合了Blend平台优秀的动画展示及交互能力，在视觉上融入交互体验和创新的元素，让概念设计以及脑暴的创意点得到充分的发挥，早期的视觉风格对整个版本定下了基本格调，这里推荐一款软件：Expression Design,这款软件绘制出的效果都是矢量图，并且可以直接运用到原型系统开发，她所绘制的矢量图将做为元素来使用，可以缩减很多不必要的设计流程，给大家展示下我们最早的概念风格稿，在这其中我们能看到QQ概念版的雏形。</p>
<p><img title="500-1-5" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-1-5.jpg" alt="" width="500" height="168" /></p>
<p>事实上视觉上的创新对用户的冲击力是非常大的，在设计过程中，我们也秉承“生命力、空间感、时间感”这几个关键词进行创新设计，例如：</p>
<p>1.全新的登录面板在面板上对动态的节日展示，提供了空间和时间上的切换，在设计之初我们规划了每天的多时段的实时天气展示提供了空间和时间上的切换，这个后续版本可以敬请期待，这样就为用户从时间上感受到QQ概念版的魅力。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/1-6.png"><img class="aligncenter size-full wp-image-1252" title="1-6" src="http://www.onling.net/blog/wp-content/uploads/2010/04/1-6.png" alt="" width="409" height="333" /></a></p>
<p>2.圆盘式的表情管理界面，通过颜色的视觉感应，激起用户对表情品牌的识别，也更加方便触摸操作，在底部灰色模块区域，用户近期使用的表情会自动保存，方便用户使用。当然这里空间的分配以及面板的扩展性的设计也是我们下一阶段会去完善的，包括QQ概念版独有的QQ动态表情也会在下一版本做一个统一规划。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/1-7_1.png"><img class="aligncenter size-full wp-image-1253" title="1-7_1" src="http://www.onling.net/blog/wp-content/uploads/2010/04/1-7_1.png" alt="" width="400" height="347" /></a></p>
<p>3.桌面好友的拖曳拉出表现，对于男女的表现区分以及会员特性的表现和动态圆盘菜单的展示都体现了视觉创新对用户带来的愉悦以及尊贵感，最早桌面小人如何让用户感受到好友的气息，但又能形成统一的品牌特色，在视觉风格之处也尝试了很多的方案，最终我们以桌面小人为原型展开一系列的创新设计，我们在创新规划的过程中也考虑了如何与桌面好友互动，目前好友在听音乐，小人头像就会头戴耳机晃动，有动听悦耳的音符飘出，你可以快速跟好友快聊等等，后期我们会做更多对与好友互动的沟通方式的尝试，包括游戏状态以及一些更深入的好友动态信息的挖掘。</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-6.jpg"><img class="aligncenter size-full wp-image-1254" title="500-6" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-6.jpg" alt="" width="500" height="360" /></a></p>
<p>4.好友管理是这次创新过程中用户界面革新变化最大的一个界面，在这里可视化的好友管理，以及便于触摸的操作体验得到了很好的融合。为了让用户有更好的沉浸感，我们用了桌面以及卡片等真实的拟物化场景设计来让用户沉浸在这个控件中。但由于开发时间尚短，好友管理功能不是很完善，我们将使她更加完善。在后续的版本中，更多的去挖掘用户的关系链以及如何去呈现她，通过更加可视的方式进行展示好友的沟通方式会是我们需要去推敲和发展的，好友管理将会更加便捷，敬请期待！</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-71.jpg"></a><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/1-8png.png"><img class="aligncenter size-full wp-image-1255" title="1-8png" src="http://www.onling.net/blog/wp-content/uploads/2010/04/1-8png.png" alt="" width="401" height="250" /></a></p>
<p>……<br />
动态背景，动态的图标展示以及动感相框，用户可以自定义去切换自己喜欢的皮肤风格，<span style="color: #993300;">设计初衷也是希望让用户感受到我们的界面是有生命力的，很多的创新设计，其实在视觉上融合交互会有更多的创新以及更有趣的设计</span>,后续我们将不断去寻找切入点，对界面注入情感，使之更加富有生命力。</p>
<p><img title="500-7" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-71.jpg" alt="" width="500" height="500" /></p>
<p><strong>D.原型DEMO开发</strong><br />
之前已经有所介绍，QQ 概念版是在WPF Blend平台下开发的，这个平台下开发一个好处就是设计师设计的原型可以直接给到技术人员进行实际开发，目前QQ概念版界面上可视的交互以及视觉表现很多都是有我们设计师提供原型开发模型给到技术人员，再由技术人员加以技术内容实现而生成的，当然这个过程就对设计师提出了更高的要求，给到技术人员的不能只是静态图片，而是带有操作性的原型。在设计的过程中，需要规范化控件模块，使得研发更加便捷。一个很简单的button也是需要无数的事件以及状态的设计，最终给到技术人员的就是一个控件和实体的界面原型，所以这个过程对我们设计师来说还是满煎熬的，我们除了为版本设计一些原型DEMO，还会尽量把之前脑暴的一些概念沉淀下来做为下一波脑暴的应用点，将会作为我们设计的储备资源。</p>
<p>桌面好友示意：<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2010/04/500-23.png"><img class="aligncenter size-full wp-image-1258" title="500--23" src="http://www.onling.net/blog/wp-content/uploads/2010/04/500-23.png" alt="" width="500" height="403" /></a></p>
<p><img class="aligncenter size-full wp-image-1259" title="man" src="http://www.onling.net/blog/wp-content/uploads/2010/04/man.png" alt="" width="157" height="155" /><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/man2.png"><img class="aligncenter size-full wp-image-1260" title="man2" src="http://www.onling.net/blog/wp-content/uploads/2010/04/man2.png" alt="" width="276" height="271" /></a></p>
<p>这只是个简单的桌面好友的demo，但是事实上我们所有界面都是有这些有机分割的模块原型提供到技术人员那边开发的，技术人员会根据我们的设计原型去结合技术因素，捆绑相关数据以及将最新的技术体验融合到原型中研发出最新的版本。</p>
<p><strong>E.产品的研发设计</strong><br />
当我们提供给技术人员原型设计模型时，他们可以在此基础上去完善实际的操作数据捆绑以及实现这些模块直至运用。虽然我们设计的原型基本上可以直接使用，但是实际开发的环境可能更为复杂，很多控件可能需要评估开发环境，设计师通过协助技术人员基于实际的控件对原型demo进行调整，使之能达到开发环境的要求，技术人员在不断优化原型系统里面的代码及对一些仿真的特效进行真实环境的转化中，也不断去优化技术层面的探索，包括多点触摸以及内部逻辑的研发。</p>
<p>这里我们跟技术人员也积累下来了一种加强程序员和设计师协同工作的技术方案，可以让技术人员和设计师更加无缝地进行协同合作，这个后面有机会再向大家分享下里面的协同合作方法。</p>
<p><strong>F.功能和性能测试</strong><br />
在产品功能设计完成后，就开始了一系列的功能以及性能测试，对于这种概念创新的产品，功能以及性能的测试是非常有必要的。她可以不断驱使我们技术以及设计去优化产品本身的性能以及完善我们的创新点，当然爆发出来的大规模的bug也是令我们头疼，我们团队在后期经过测试产生了上千个的 bug,可想而知，这个版本对我们开发以及测试的挑战，虽然目前性能上还有待于优化，但是由于本身WPF性能和版本的创新需求过于多，需要比较多的体验融合，可能对版本性能稍微有些影响，但是我们在下一阶段也会不断在性能以及体验上不断优化，使之能在用户可接受的范围达到一个平衡。</p>
<p><strong>G.推广主页以及视频制作</strong><br />
对于概念创新的产品，很多时候用户会因为操作习惯的原因，可能不是很了解，所以后期的概念视频展示是非常有必要的。视频演示能最直观地给用户演示出创新功能的新特性，以及功能界面的展示，在后期我们也开始了视频的设计、录制以及剪辑，充分体现在真实环境里面产品各个功能点的展示。</p>
<p>oK估计说这么多，看了都烦，来吧，看下我们的QQ概念版体验创新视频，就在这里，你可以一窥我们的产品，体验下我们精心为你打造的一款具有创新性IM产品：</p>
<p>QQ概念视频：</p>
<p><a href="http://static.video.qq.com/v1/res/qqplayerout.swf?v=4LjUzzHZGop">QQ概念版触摸演示</a></p>
<object width="480" height="400"><param name="movie" value="http://player.youku.com/player.php/sid/XMTY2NDM2MTk2/v.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="never"></param><param name="allownetworking" value="internal"></param><param name="flashvars" value="isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999" /><embed src="http://player.youku.com/player.php/sid/XMTY2NDM2MTk2/v.swf" type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="internal" allowfullscreen="true" width="480" height="400" flashvars="isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999"></embed></object>
<p>QQ概念视频(触摸版）</p>
<p><a href="http://cgi.video.qq.com/v1/videopl?v=6HxSZwK570H" target="_blank">http://cgi.video.qq.com/v1/videopl?v=6HxSZwK570H</a></p>
<p>QQ概念视频(鼠标演示版）</p>
<p><a href="http://cgi.video.qq.com/v1/videopl?v=63tBu36vPcS" target="_blank">http://cgi.video.qq.com/v1/videopl?v=63tBu36vPcS</a></p>
<p>以及在拉斯维加斯举行MIX盛会上微软工程师对我们产品的访问视频：</p>
<p><a href="http://you.video.sina.com.cn/b/32016752-1700099614.html" target="_blank">http://you.video.sina.com.cn/b/32016752-1700099614.html</a></p>
<p>“路漫漫其修远兮,吾将上下而求索“体验创新是个长久的设计，我们在后面也会不断去优化现有的版本的性能以及完善一些功能，当然我们不会忘了我们的初衷，我们会继续去攀爬创新型IM产品的开始新一轮的概念设计的高峰，敬请期待下次的体验热潮。</p>
<p>(本文作者：OnLing/angel)</p>
<div><span style="color: #0000ee; -webkit-text-decorations-in-effect: underline;"><br />
</span></div>
<div><span style="color: #0000ee; -webkit-text-decorations-in-effect: underline;"><br />
</span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1243</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>新美食记录：）</title>
		<link>http://www.onling.net/blog/?p=1228</link>
		<comments>http://www.onling.net/blog/?p=1228#comments</comments>
		<pubDate>Sat, 03 Apr 2010 14:32:55 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1228</guid>
		<description><![CDATA[很久没有更新这边的blog,一个是最近迷上微薄（顺便广播下，我腾讯的微博和新浪的微博)，哈哈，迷上美食，最近几天突然心血来潮，于是乎趁这个假期开始了自己在家的美食新尝试，说实在... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00551.jpg"></a><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/banner1102.jpg"><img class="aligncenter size-full wp-image-1227" title="banner1102" src="http://www.onling.net/blog/wp-content/uploads/2010/04/banner1102.jpg" alt="" width="500" height="110" /></a>很久没有更新这边的blog,一个是最近迷上微薄（顺便广播下，我<a href="http://t.qq.com/onling" target="_blank">腾讯的微博</a>和<a href="http://t.sina.com.cn/onling" target="_blank">新浪的微博</a>)，哈哈，迷上美食，最近几天突然心血来潮，于是乎趁这个假期开始了自己在家的美食新尝试，说实在味道相当美味，色相也相当上眼，所以嘛，看来只要用心，啥事都是可以弄成，哈哈，不说了，先上图，把这几天的成就亮相亮相，呵呵，做法就不在这秀了，基本是网上的教程加一点自己的理解，等改天心情好了，在把过程拍拍整理整理，哈哈，看成果先：）</p>
<p>1.红烧鸡翅</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00561.jpg"><img class="aligncenter size-full wp-image-1222" title="IMG_0056" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00561.jpg" alt="" width="500" height="334" /></a><span id="more-1228"></span></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00591.jpg"><img class="aligncenter size-full wp-image-1223" title="IMG_0059" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00591.jpg" alt="" width="500" height="334" /></a></p>
<p>2.红烧猪蹄</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01521.jpg"><img class="aligncenter size-full wp-image-1224" title="IMG_0152" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01521.jpg" alt="" width="500" height="334" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01571.jpg"><img class="aligncenter size-full wp-image-1226" title="IMG_0157" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01571.jpg" alt="" width="500" height="334" /></a></p>
<p>3.醋溜白菜</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01541.jpg"><img class="aligncenter size-full wp-image-1225" title="IMG_0154" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_01541.jpg" alt="" width="500" height="334" /></a></p>
<p>4.红萝卜炒肉<br />
<img title="IMG_0055" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_00551.jpg" alt="" width="500" height="334" /></p>
<p>哈哈，先上这些，后面有时间把做的工程也弄出来，这才是开始，精彩的在后面，敬请期待，哈哈，再次特别感谢下蹦蹦兔的摄影和材料选购，哈哈</p>
<p>再来几张新出炉的香辣虾：）</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0171.jpg"><img class="aligncenter size-full wp-image-1231" title="IMG_0171" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0171.jpg" alt="" width="500" height="334" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0159.jpg"><img class="aligncenter size-full wp-image-1230" title="IMG_0159" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0159.jpg" alt="" width="500" height="334" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0179.jpg"><img class="aligncenter size-full wp-image-1233" title="IMG_0179" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0179.jpg" alt="" width="500" height="334" /></a></p>
<p>再增加一个美女蹦蹦兔的私房家常菜：<a href="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0176.jpg"><img class="aligncenter size-full wp-image-1232" title="IMG_0176" src="http://www.onling.net/blog/wp-content/uploads/2010/04/IMG_0176.jpg" alt="" width="500" height="334" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1228</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>CDC新环境</title>
		<link>http://www.onling.net/blog/?p=1165</link>
		<comments>http://www.onling.net/blog/?p=1165#comments</comments>
		<pubDate>Fri, 18 Sep 2009 13:46:33 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[OnLing Mood]]></category>
		<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1165</guid>
		<description><![CDATA[搬新大楼了，懒得更新，看到同事的文章先转之，我们部门在20楼，电梯口的样子

从门口望进去

CDC(用户研究与体验设计中心)+IBG（国际产品中心），哈哈刚好一进来负责的项目就是IBC，在一... ]]></description>
			<content:encoded><![CDATA[<p>搬新大楼了，懒得更新，看到同事的文章先转之，我们部门在20楼，电梯口的样子</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/1.jpg"><img class="alignnone size-full wp-image-1170" title="1" src="http://www.onling.net/blog/wp-content/uploads/2009/09/1.jpg" alt="" width="480" height="330" /></a></p>
<p>从门口望进去</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/2.jpg"><img class="alignnone size-full wp-image-1172" title="2" src="http://www.onling.net/blog/wp-content/uploads/2009/09/2.jpg" alt="" width="480" height="321" /></a></p>
<p>CDC(用户研究与体验设计中心)+IBG（国际产品中心），哈哈刚好一进来负责的项目就是IBC，在一起，沟通起来就方便了</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/3.jpg"><img class="alignnone size-full wp-image-1173" title="3" src="http://www.onling.net/blog/wp-content/uploads/2009/09/3.jpg" alt="" width="481" height="322" /></a><br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/4.jpg"><img class="alignnone size-full wp-image-1174" title="4" src="http://www.onling.net/blog/wp-content/uploads/2009/09/4.jpg" alt="" width="480" height="319" /></a></p>
<p><span id="more-1165"></span>部门的休息区 很舒服，旁边还有几套APPLE，就等游戏机上台了</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/5.jpg"><img class="alignnone size-full wp-image-1175" title="5" src="http://www.onling.net/blog/wp-content/uploads/2009/09/5.jpg" alt="" width="480" height="320" /></a><br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/6.jpg"><img class="alignnone size-full wp-image-1176" title="6" src="http://www.onling.net/blog/wp-content/uploads/2009/09/6.jpg" alt="" width="480" height="412" /></a></p>
<p>茶水间<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/http_imgloadcgi.jpg"><img class="alignnone size-full wp-image-1177" title="http_imgloadcgi" src="http://www.onling.net/blog/wp-content/uploads/2009/09/http_imgloadcgi.jpg" alt="" width="480" height="320" /></a></p>
<p>休息区，加班睡觉的好地方啊，晚上风景特好<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/8.jpg"><img class="alignnone size-full wp-image-1178" title="8" src="http://www.onling.net/blog/wp-content/uploads/2009/09/8.jpg" alt="" width="480" height="320" /></a></p>
<p>休息区，景观很好哦~特别是晚上的时候，夜景很美，在一个浪漫的地方加班 哈哈哈<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/9.jpg"><img class="alignnone size-full wp-image-1180" title="9" src="http://www.onling.net/blog/wp-content/uploads/2009/09/9.jpg" alt="" width="480" height="320" /></a></p>
<p>再来一张<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/10.jpg"><img class="alignnone size-full wp-image-1181" title="10" src="http://www.onling.net/blog/wp-content/uploads/2009/09/10.jpg" alt="" width="480" height="320" /></a><br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/111.jpg"><img class="alignnone size-full wp-image-1182" title="111" src="http://www.onling.net/blog/wp-content/uploads/2009/09/111.jpg" alt="" width="480" height="320" /></a></p>
<p>大家的东西都很多列~<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/12.jpg"><img class="alignnone size-full wp-image-1183" title="12" src="http://www.onling.net/blog/wp-content/uploads/2009/09/12.jpg" alt="" width="480" height="320" /></a><br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/13.jpg"><img class="alignnone size-full wp-image-1184" title="13" src="http://www.onling.net/blog/wp-content/uploads/2009/09/13.jpg" alt="" width="480" height="365" /></a></p>
<p>特写小玩意儿~<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/14.jpg"><img class="alignnone size-full wp-image-1185" title="14" src="http://www.onling.net/blog/wp-content/uploads/2009/09/14.jpg" alt="" width="480" height="344" /></a></p>
<p>小馒头，哈哈，是大馒头，这文章就出自此女子，估计同事很多都转之了，美女曝光率很高哈，~<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/http_imgloadcgi2.jpg"><img class="alignnone size-full wp-image-1186" title="http_imgloadcgi2" src="http://www.onling.net/blog/wp-content/uploads/2009/09/http_imgloadcgi2.jpg" alt="" width="480" height="313" /></a><br />
我们大家——CDC<br />
<a href="http://www.onling.net/blog/wp-content/uploads/2009/09/15.jpg"><img class="alignnone size-full wp-image-1187" title="15" src="http://www.onling.net/blog/wp-content/uploads/2009/09/15.jpg" alt="" width="480" height="319" /></a></p>
<p>超喜欢上面这个楼梯，有点复式楼中楼的感觉，每次产品讨论跑上跑下很是有家的感觉，哈哈，新大楼，甲醛比较多，公司还比较人性化，有口罩，还有花和活性炭，刚进来，大伙都这样，两天后全不带了，哈哈，量一张：）</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/16.jpg"><img class="alignnone size-full wp-image-1188" title="16" src="http://www.onling.net/blog/wp-content/uploads/2009/09/16.jpg" alt="" width="480" height="359" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1165</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>[转]招聘贴-腾讯设计中心视觉设计</title>
		<link>http://www.onling.net/blog/?p=1161</link>
		<comments>http://www.onling.net/blog/?p=1161#comments</comments>
		<pubDate>Fri, 11 Sep 2009 11:34:33 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[OTHERS]]></category>
		<category><![CDATA[招聘贴]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1161</guid>
		<description><![CDATA[
哈哈，有点对不起大家，很久没写博了，有点淡忘，刚搬了新大厦，先帮部门转下的招聘贴，有意的可以留意下，团队信息可以查看这里，后面我会开始慢慢更新博客：）
如果你不担心折腾，... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/09/0909_cdc_gui_hr_banner.jpg"><img class="alignnone size-full wp-image-1160" title="0909_cdc_gui_hr_banner" src="http://www.onling.net/blog/wp-content/uploads/2009/09/0909_cdc_gui_hr_banner.jpg" alt="" width="500" height="205" /></a></p>
<p>哈哈，有点对不起大家，很久没写博了，有点淡忘，刚搬了新大厦，先帮部门转下的招聘贴，有意的可以留意下，团队信息可以查看<a href="http://cdc.tencent.com/" target="_blank">这里</a>，后面我会开始慢慢更新博客：）</p>
<p style="text-align: center;">如果你不担心折腾，我们有享受愉悦在线生活的海量用户张开怀抱等你。<br />
如果你不担心伤害，我们有亿万用户天天蹂躏摧残你刚出街的优秀设计。<br />
如果你不担心寂寞，我们有足够的时间使你的精彩创意得到完美的释放。<br />
如果你不担心竞争，我们有各个领域的无敌战将对你倾情招呼爱护有加。<br />
如果你不担心奢华，我们有20楼高度的校园美景和海岸线任你极目远眺。<br />
如果你不担心痘痘，我们有两台巨大的超宽屏液晶显示器随你冲击视觉。<br />
如果你不担心老茧，我们有超大的最新款数码绘图板让你随意握笔涂鸦。<br />
如果你不担心近视，我们有不断更新的设计资讯呈你天天朱笔打勾御览。<br />
如果你不担心加班，我们有准时的班车和无数的哥温暖等候你寂寞的心。<br />
如果你不担心肥胖，我们有定点定时的免费夜宵欢迎您的小嘴再次光临。<br />
如果你不担心昏厥，我们有销魂的帅哥和亮丽的美女邀您共游特区之滨。<br />
…… ……</p>
<p>如果你真的都不担心，那么，加入腾讯设计中心视觉设计组吧，我们携手做一流设计。<br />
<strong></strong></p>
<p><span id="more-1161"></span><strong>腾讯设计中心简介</strong></p>
<p>2006年6月，设计中心正式成立。设计中心全称腾讯用户研究与体验设计中心。自成立之初，就开始担负着一个重大的使命：将“以用户为中心”的 设计理念向全公司推广。“做世界一流的互联网设计团队，为用户创造优质‘在线生活’体验”，这是腾讯设计中心的努力方向。通过日常工作，帮助每一个团队， 重视用户体验。而设计中心就是一个既做天马行空的创意设计又脚踏实地关注用户体验的综合体，其根本是实现用户价值。<br />
视觉设计组是设计中心组织架构的重要组成部分，负责公司级产品的软件产品界面设计、网页设计，以及产品的品牌策略和定位。我们负责的具体项目包括IM 软件（包括不同系统和语言的QQ、TM以及企业工具类通信产品）、桌面软件（包括QQ影音、TT浏览器、QQ拼音、QQphoto以及软件管理器），另有 QQ医生、QQmusic、QQlive。以及相对应的产品主题页面和独立产品的网页界面（包括QQ校友、城市达人、QQ空间、QQlive、 QQmusic。并且针对相关产品做必要的品牌介入，对不同阶段的产品进行产品品牌的策划、塑造和推广。<br />
为设计、为自己、为未来，选择我们一切因“你”而精彩。</p>
<p><strong>备注</strong></p>
<p>如有意请发送简历和作品到我们的邮箱：<a href="mailto:cdc@qq.com"><strong><span style="color: #ff0000;">cdc@qq.com</span></strong></a>。<br />
邮件标题续标明姓名、应聘职位。如：张三丰（界面视觉设计师）。邮件整体大小不超过3M。</p>
<hr /><strong>界面视觉设计师</strong><br />
Client Graphical user interface Designer</p>
<p>职位要求：<br />
1. 有丰富的设计理论知识和对流行趋势敏锐的洞察力，对GUI设计趋势有灵敏触觉和领悟能力，推动团队的设计能力。<br />
2. 从事设计行业具有大型软件产品界面风格设定以及VI设定（包括界面、图标风格与统一规范等）经验。<br />
3. 对视觉用户研究有一定经验和见解，对软件可用性有一定的认识。<br />
4. 精通Photoshop、Illustartor、Flash等设计工具，了解flash（Actionscript）动画设计的优先。<br />
5. 精通Photoshop并熟练使用Flash、Illustrator等软件，掌握Dreamweaver等制作工具。<br />
6. 美术、设计或相关专业本科以上学历（优秀人才，专业和学历可适当放宽）。<br />
7. 具备良好合作态度及团队精神，并富有工作激情、创造力和责任感，能承受高强度的工作压力。</p>
<p>工作职责：<br />
1. 参与产品前期界面视觉用户研究、设计流行趋势分析<br />
2. 设定软件产品的整体视觉风格和VI设计<br />
3. 参与设计体验、流程的制定和规范<br />
4. 分享设计经验、推动提高团队的设计能力</p>
<hr /><strong>网页视觉设计师</strong><br />
Web User Interface Designer</p>
<p>职位要求：<br />
1. 有丰富的设计理论知识和对流行趋势敏锐的洞察力；有浓厚兴趣关注互联网产品的发展；<br />
2. 对重点产品或大型网站的整体规划、总体风格设计的把握，有成功的设计案例；<br />
3. 富于创新、思维活跃，并对先进的设计理念和技术有较强的理解能力；<br />
4. 具备一定的交互知识和深厚的排版功底，解决网站易用性与美观性的平衡问题；<br />
5. 精通Photoshop并熟练使用Flash、Illustrator等软件，掌握Dreamweaver等制作工具；<br />
6. 美术、设计或相关专业本科以上学历（优秀人才者，专业和学历可适当放宽）；<br />
7. 良好的沟通能力和团队协作精神，能承受高强度的工作压力；</p>
<p>工作职责：<br />
1. 负责网站整体的美术设计和创意工作；有出色的提案能力；参与项目评审并提出有效的修改方案；<br />
2. 实时把握web设计的流行趋势，提出崭新的创意策略；<br />
3. 具备对网站架构、频道策划的理解和分析能力，并站在用户角度去思考，提高网站的可用性，继而优化设计；<br />
4. 参与设计体验、流程的制定和规范；<br />
5. 分享设计经验，推动团队的设计能力；</p>
<hr /><strong>品牌视觉设计师<br />
</strong>Brand Graphical Designer</p>
<p>职位要求：<br />
1. 痴迷于创意，善于把握潮流动向，热心于品牌视觉设计，对包括平面设计（广告、VI、宣传品等）和多媒体设计等领域有浓厚兴趣且掌握相关的优秀专业能力，具备从创意构思到画面执行的能力，有一定的策划和文案撰写能力；<br />
2. 具有广告公司或设计公司经验者优先考虑；<br />
3. 对IT业界有一定的理解和认识，能够很好的理解客户需求;<br />
4. 具备强的执行力，良好的合作态度、沟通能力及团队精神，并富有工作激情和责任感 ;<br />
5. 精通Photoshop、Illustartor、Flash等设计工具，懂After Effects;<br />
6. 美术、设计或相关专业本科以上学历（优秀人才，专业和学历可适当放宽）;</p>
<p>工作职责：<br />
1. 公司品牌塑造、产品品牌塑造等相关的视觉设计（包括：VI、广告、网页、动画以及其他推广媒介的设计）<br />
2. 参与经营和管理品牌，制定品牌视觉规范<br />
3. 参与工作流程和方法梳理</p>
<hr /><strong>备注</strong></p>
<p>如有意请发送简历和作品到我们的邮箱：<a href="mailto:cdc@qq.com"><strong><span style="color: #ff0000;">cdc@qq.com</span></strong></a>。<br />
邮件标题续标明姓名、应聘职位。如：张三丰（界面视觉设计师）。邮件整体大小不超过3M。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1161</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>PenGUIn之GUI冠军赛设计花絮</title>
		<link>http://www.onling.net/blog/?p=1153</link>
		<comments>http://www.onling.net/blog/?p=1153#comments</comments>
		<pubDate>Mon, 12 Jan 2009 10:51:24 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[Design Life]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1153</guid>
		<description><![CDATA[
入大师为我们这次大赛独家曝光的我们设计团队的花絮哈，里面多图以及一些设计流程哈，强烈推荐，原本自己也想总结总结下，不过元旦都没总结，那就再推推，等回家过年了，好好给自己... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.onling.net/blog/wp-content/uploads/2009/01/penguinfeature_33.jpg"><img class="alignnone size-full wp-image-1154" title="penguinfeature_33" src="http://www.onling.net/blog/wp-content/uploads/2009/01/penguinfeature_33.jpg" alt="" width="500" height="630" /></a></p>
<p>入大师为我们这次大赛独家<a href="http://cdc.tencent.com/?p=659" target="_blank">曝光的我们设计团队的花絮</a>哈，里面多图以及一些设计流程哈，强烈推荐，原本自己也想总结总结下，不过元旦都没总结，那就再推推，等回家过年了，好好给自己这一年总结总结，感觉呢小进步有一些，但是还没达到自己理想的状态，今年继续努力，跟大师们拉短距离，入大师独家爆的花絮很火，强烈推荐去看看^_^</p>
<p>PenGUIn之GUI冠军赛设计花絮 ：<a href="http://cdc.tencent.com/?p=659" target="_blank">http://cdc.tencent.com/?p=659</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1153</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>08GUIC-Tea Life(the twins of Teashow）</title>
		<link>http://www.onling.net/blog/?p=1135</link>
		<comments>http://www.onling.net/blog/?p=1135#comments</comments>
		<pubDate>Sun, 07 Dec 2008 10:30:38 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[Design Life]]></category>
		<category><![CDATA[GUI]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1135</guid>
		<description><![CDATA[
本着这次重在参与的理念，恍恍惚惚终于把GUIC的比赛作品在最后一刻做好提交，基本都是非工作时间，刚好赶上最近工作有点忙，所以每天基本熬到一两点，索性是完成的，虽然不是很满意，... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/12/banner1101.jpg"><img class="aligncenter size-full wp-image-1148" title="banner1101" src="http://www.onling.net/blog/wp-content/uploads/2008/12/banner1101.jpg" alt="" width="500" height="110" /></a></p>
<p>本着这次重在参与的理念，恍恍惚惚终于把GUIC的比赛作品在最后一刻做好提交，基本都是非工作时间，刚好赶上最近工作有点忙，所以每天基本熬到一两点，索性是完成的，虽然不是很满意，还比较粗糙，但是总体还是比之前的那稍微好些，这次时间紧，没有起新主题，主要是完善<a href="http://www.onling.net/blog/?p=1037" target="_self">那套teashow的图标</a>，所以说是the twins of Teashow，但是基本是重新做的，很多朋友以及国外友人在索要teashow的安装包，很遗憾，一直没心思完成，也有那套还有可改良的空间，所以一直没放出，这次趁这个比赛就转了一个临时的tealife.ip,风格基本跟之前的是吻合的，只是元素有点不一样，但是时间紧，基本没修，所以，后面还得慢慢完善，最终版会跟主题安装包一块放出，后期等自己功力可以了，就可以开始真正的Tea culture来展示真正茶的韵味，目前一直不敢动工，所以这次也只是用Tea Life这个名字参赛。</p>
<p>我的拙作在此：</p>
<p><span id="more-1135"></span></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/12/tealife.jpg" target="_self"><img class="aligncenter size-full wp-image-1145" title="500banner1" src="http://www.onling.net/blog/wp-content/uploads/2008/12/500banner1.jpg" alt="" width="500" height="353" /></a></p>
<p style="text-align: center;">（友情提示：<a href="http://www.onling.net/blog/wp-content/uploads/2008/12/tealife.jpg" target="_self">点击可以查看大图</a>）</p>
<p>Last year I made an icon set of Teashow about the tea culture. During the design process, I was so impressed by the charm of Chinese tea culture that I want to share the feeling with you. This time, I try my best to enrich my work to present more about the amazing theme. That&#8217;s how TeaLife comes to life. Hope you can feel the &#8220;Living a simple life&#8221; essence of this icon set.</p>
<p>下面是我们团队的一些信息及作品，都是相当牛的作品，对比自己的作品，都有点汗颜，期待下次赶超：）</p>
<p>来现场欣赏一下我们团队（penGUIn)牛人们的杰作吧！&gt; <strong><a title="penGUIn" href="http://www.guichamps.com/team/15" target="_blank">点这里！</a></strong></p>
<p>也可以来部门对外CDC blog观看并留言 &gt; <strong><a title="cdc.tencent.com" href="http://cdc.tencent.com/?p=479" target="_self">点这里！</a></strong></p>
<p>也可以到GUIchamps 官网去踩踩哈，那里可以下到 <a id="ctl00__SkinBar__Forum__RepeaterForum_ctl01__Link">Icon Packages</a> 包</p>
<p>我的作品链接如下：</p>
<p>Tea Life</p>
<p><a href="http://www.guichamps.com/skin/217" target="_self">http://www.guichamps.com/skin/217</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1135</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>湘西凤凰之旅</title>
		<link>http://www.onling.net/blog/?p=1103</link>
		<comments>http://www.onling.net/blog/?p=1103#comments</comments>
		<pubDate>Thu, 30 Oct 2008 16:47:25 +0000</pubDate>
		<dc:creator>OnLing</dc:creator>
				<category><![CDATA[OnLing Mood]]></category>
		<category><![CDATA[旅游]]></category>

		<guid isPermaLink="false">http://www.onling.net/blog/?p=1103</guid>
		<description><![CDATA[
公司一年一度的旅游，部门选了两条线，一条境内的湘西凤凰之旅，一条是境外的菲律宾，原本是境外挑选的是泰国，可惜那边暴乱，所以没去成，泰国还是蛮不错的，不过对我来说都一样，... ]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/2007_1e589afe69cac1.jpg"><img class="size-full wp-image-1102 aligncenter" title="2007_1e589afe69cac1" src="http://www.onling.net/blog/wp-content/uploads/2008/10/2007_1e589afe69cac1.jpg" alt="" width="500" height="110" /></a></p>
<p><script type="text/javascript"><!--
window.onerror = function() { return true; };
// --></script><!-- body {margin:0;overflow:auto;font:normal 14px Verdana;background:#fff;padding:2px 4px 0;}body, p, font, div, li { line-height: 150%;}.i {width:100%;*width:auto;table-layout:fixed;}pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}a { color: -moz-hyperlinktext !important;text-decoration: -moz-anchor-decoration;} -->公司一年一度的旅游，部门选了两条线，一条境内的湘西凤凰之旅，一条是境外的菲律宾，原本是境外挑选的是泰国，可惜那边暴乱，所以没去成，泰国还是蛮不错的，不过对我来说都一样，因为护照还没办下来，所以只能选择境内的路线，虽然对于古城小镇什么的不是很感冒，总感觉这些地方被开发过度，有点失去原貌，商业气息太重，但是有机会出去旅游总是好的，刚好可以在繁忙的节奏中缓解一下自己的情绪，也梳理一下近期的思想，说实在，之前一段时间工作比较杂，设计上并没有很大突破，工作起来还是有点郁闷，出去散散气，缓解一下，归来也许能茅舍顿开做出什么好的设计出来，呵呵</p>
<p>这趟旅游本的CDC的旅游文化，并没有避过CDC的咒语，一旅游风雨雷电相伴，阴雨迷蒙一路伴随，虽说在古镇蒙蒙细雨能增添不少的情调以及意境，但是在旅游景区，人一多，到处是雨伞，于是套用ben的语言，几天就一直盯着古镇的地板而过，谈不上什么风景来的，倒是古镇的咖啡屋及酒吧给我们提供一个很好观赏这个古镇美景的契机，于是乎几天的时间基本都是在咖啡屋里呆着，看看书，玩玩PSP,也别有一番情调，看看茫茫的人流从眼前走过，自己是否也是别人观赏的一景呢？身处其境，别有一翻风味，看看凤凰古城的印象吧~</p>
<p><span id="more-1103"></span>古镇印象：</p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0470.jpg"><img class="size-full wp-image-1105 aligncenter" title="img_0470" src="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0470.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/honhqiao.jpg"><img class="size-medium wp-image-1109 aligncenter" title="honhqiao" src="http://www.onling.net/blog/wp-content/uploads/2008/10/honhqiao.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0511.jpg"><img class="size-medium wp-image-1115 aligncenter" title="img_0511" src="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0511.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0623.jpg"><img class="size-medium wp-image-1116 aligncenter" title="img_0623" src="http://www.onling.net/blog/wp-content/uploads/2008/10/img_0623.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg03061.jpg"><img class="size-medium wp-image-1119 aligncenter" title="rimg03061" src="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg03061.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/nanchangcheng.jpg"><img class="size-medium wp-image-1114 aligncenter" title="nanchangcheng" src="http://www.onling.net/blog/wp-content/uploads/2008/10/nanchangcheng.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0220.jpg"><img class="size-medium wp-image-1120 aligncenter" title="rimg0220" src="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0220.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0230.jpg"><img class="size-medium wp-image-1121 aligncenter" title="rimg0230" src="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0230.jpg" alt="" width="500" height="667" /></a></p>
<p>古城印象最为深刻的应该是素儿咖啡屋了，也是我们呆的时间最多的，基本一天都泡在里面，看看书，聊聊天，玩玩PSP，极为惬意~</p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/soul.jpg"><img class="size-medium wp-image-1104 aligncenter" title="soul" src="http://www.onling.net/blog/wp-content/uploads/2008/10/soul.jpg" alt="" width="500" height="333" /></a></p>
<p><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/su.jpg"><img class="size-medium wp-image-1113 aligncenter" title="su" src="http://www.onling.net/blog/wp-content/uploads/2008/10/su.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/coffe2r.jpg"><img class="size-full wp-image-1106 aligncenter" title="coffe2r" src="http://www.onling.net/blog/wp-content/uploads/2008/10/coffe2r.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/coffer.jpg"><img class="size-medium wp-image-1107 aligncenter" title="coffer" src="http://www.onling.net/blog/wp-content/uploads/2008/10/coffer.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/onling1.jpg"><img class="size-medium wp-image-1110 aligncenter" title="onling1" src="http://www.onling.net/blog/wp-content/uploads/2008/10/onling1.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/he.jpg"><br />
</a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0333.jpg"><img class="size-medium wp-image-1112 aligncenter" title="rgb" src="http://www.onling.net/blog/wp-content/uploads/2008/10/rgb.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/p1030158.jpg"><img class="alignnone size-full wp-image-1130" title="p1030158" src="http://www.onling.net/blog/wp-content/uploads/2008/10/p1030158.jpg" alt="" width="500" height="429" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0333.jpg"><img class="size-medium wp-image-1122 aligncenter" title="rimg0333" src="http://www.onling.net/blog/wp-content/uploads/2008/10/rimg0333.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/he.jpg"><img class="size-medium wp-image-1108 aligncenter" title="he" src="http://www.onling.net/blog/wp-content/uploads/2008/10/he.jpg" alt="" width="500" height="333" /></a></p>
<p style="text-align: center;"><a href="http://www.onling.net/blog/wp-content/uploads/2008/10/onling1.jpg"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onling.net/blog/?feed=rss2&amp;p=1103</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
