访谈人物

傲游天下设计总监 Iconfans创始人董景博

董景博Iconsbox

【个人简介】

董景博(Iconsbox),来自山东。北服毕业后曾经在微软、新浪、网际快车工作,目前就职于傲游天下,担任设计部总监职位,Iconfans图形界面专业论坛管理员、创始人。

03年开始接触UI设计,并一直在这个领域工作,认识了很多同道中人,也见证了国内UI设计的发展。08年3月正式创立的Iconfans.com图标粉丝专业论坛,为打造一个优良的专业交流空间而努力着。并且在2008国际GUI冠军赛中,Iconfans团队获得全场最佳团队铜奖。我也非常欢迎喜欢和热爱UI和GUI设计的朋友一起在论坛里讨论相关的设计方法。我也很愿意将自己的一些经验和体会分享给大家。

我也非常欢迎喜欢和热爱UI和GUI设计的朋友一起在论坛里讨论相关的设计方法。我也很愿意将自己的一些经验和体会分享给大家。

作品链接:国内优秀设计师董景博UI设计作品欣赏

【个人联系】

Blog:www.iconsbox.comjingbo.info

Mail:Iconsbox@163.com

MSN:iconsbox@hotmail.com

QQ:355909020

 

访谈内容

首先请嘉宾董景博Iconsbox跟大家分享一下目前所在的傲游天下公司的团队情况及分工?

我们目前傲游的设计团队还处在一个初步建设状态,很多设计师是刚刚就位不久,还是一支年轻的队伍,还需要时间和实践的考验,让更多的人来认可这只团队。团队目前的分工主要分为品牌设计、网页设计、软件UI设计、用户体验四个方向。现在这个团队还需要有经验的专业设计师加入到我们的团队中来,同时也欢迎大家来应聘我们设计团队的职位。

招聘地址:http://jobs.maxthon.com/positions.htm 可直接发简历给我。

看您的简历,您曾经在微软、新浪、网际快车工作,这三家公司可以说是系统软件、应用软件以及互联网领域的最知名品牌,能否分享下您在这三家公司的工作经历以及收获?

好,在微软时,由于去的比较早,那里还没有什么设计师,微软的交互设计中心也刚刚成立,主要做的是一些带有研究性的软件,我负责的就是这些软件的图标还有logo设计,而且还有一些海报和宣传方面的工作,事情比较杂。在这里得到最多的是前沿软件的设计和一些创新的设计。

后来快毕业时去了新浪,同样也是软件界面设计方面的工作。是新浪UC部门,这个是个聊天软件跟QQ差不多。在那里除了做一些UC聊天软件的皮肤设计,更重要的就是参与了UTalk这个软件从无到有的整个过程。在这里得到最多的是软件开发的流程,一个界面设计师在这个过程中需要做哪些工作,哪些工作可以一起参与进去。

还有在快车的经历:那时候,我有个同学叫我一起去zcom干,我就过去了,在那里也同样是做软件相关,而且做了很多不知名的小软件,后来flashget被收购过来以后,我们就开始主要围绕flashget这个软件进行改造设计,并且对flashget进行了全面的包装。从logo到软件图标。不过跟着公司也走了不少弯路。在这里得到最多的就是软件改造和运营的经验,也有了一些设计管理方面的经验。

能否补充下,来微软的时候是哪一年?是工程院还是研究院?

哦。是04年4月,那时候还没有工程院。只有微软亚洲研究院。工程院是后来分出来的。

您从03年开始接触UI设计,这近7年的设计历程中,对您的UI设计风格以及水平提高方面影响最大的事件是什么?有没有对你的设计产生深远影响的设计师?

恩,准确的说应该是图形界面方面。确实有个事情值得提一下。第一个就是我的老师带我参加的一个网通内部软件的图标设计,让我了解了实际项目中的图标和平时练习时的图标差距有多大,而且感觉自己是在做一个有价值的行业。

第二个就是在微软实习时,有机会接触到了一些前沿的设计,图标设计和界面也拘束不大,这段时间开始用AI做图标还有界面,在矢量图标上有了很大提升。

第三个就是在新浪UC,在那里有机会接触到国内软件开发的前沿,也有机会了解了软件的开发流程,在设计风格上由原来的效果派转到了商业派。其实那时候才真正的理解图标界面在软件开发中的位置。也了解了一些用户体验方面的知识。

牵左手、不弃:你们的团队得合作精神要怎样做到的?刚就位的设计师要怎么才能较快成长?

我们的团队合作精神除了平时的任务,最重要的是部门的目标。另外,目前部门的任务主要是安排个人来完成,现在的密切的合作并不多,如果有,我们会先开会讨论合作方式。

我们这边招进来的设计师还是有一定的相关工作经历的。另外作品要达到公司的要求。所以刚就位的设计师已经属于中等水平,所以只需要跟大家讲一些公司产品相关的设计即可。

对于每一位设计师的成长我们也是很重视的,我会跟每个人沟通他们的目标和自己的计划。然后根据公司实际的工作让大家来做。如果有一些突发性、工作量大的事情,我们会迅速分工,让其中一个设计师带头来做,其他配合。尽量能让大家去做自己喜欢的事情。

群友SUNPEA、TF:一般作项目的工作流程是怎样的?团队的人员是如何协调的?

一般作项目的工作流程是怎样的?我想大家问的主要是GUI方面的项目工作流程吧。我就GUI方面跟大家聊一下工作流程。

由于傲游浏览器已经是一个开发比较完善的产品了,具体的项目基本就是一些新功能的加入,例如傲游的收集面板,首先是由产品部门去确定这个需求是不是现在我们的用户需要的,如果是,他们就会确定下来这个功能的设计,在产品文档阶段,我们也会参与一部分这个产品设计的讨论,主要是一些体验细节方面。文档确定下来后,我们这边也已经基本了解产品的设计方向了。接下来就是具体设计师去按照我们统一的软件设计风格去重新规划界面布局,设计新的相关图标等等。然后进入开发流程。之后还有很多需要跟开发这边沟通。

如果是整个软件从无到有的话,也类似这个过程,但是我这里还再强调一下这里面需要做的。

由于一个新软件刚开始设计时,图形界面要跟产品沟通非常密切,并且也要不断沟通对方的想法。让你的图形界面更贴合目标用户。

另外一个很重要的就是,你需要定制一款软件的默认界面风格和每一个弹出窗口的样式和标准。

团队的人员是如何协调的?
就目前团队的协调主要是按照每个设计师的分工来确定的。我们这里有图形界面设计师、平面设计师和网页设计师。在招聘时,这些职位都是有些互通性的,例如图形界面设计师同时也会网页设计。所以在协调时主要是由相应负责的设计来负责,由其他设计师配合。(这是人少的时候)。如果每个方向的设计师足够的话,那就由每个设计组来完成具体项目。例如CDC,可能他们的分工更加细致。

管理员TF:我想请您解释一下界面设计的特点,相对于其他类别的设计,界面设计有什么不同之处?

最大的不同在于他们的载体不同、其次表现的手法不同。其他基本都是差不多的。你这里所说的界面我就直接理解为“软件的图形用户界面”了。我想应该是这个意思。载体的不同在于网站主要是由服务器方面支持,不需要安装。由浏览器支持阅读。而软件的界面其实是由用户自行安装到本地去运行的,他没有支持阅读,他自身就是。例如浏览器这种软件。

我不得不说的是,界面设计的概念是非常广的,它不仅仅是指软件的图形界面。它包括任何通过一种媒介和人进行交互的图像。都可以称为界面设计。所以网站设计,现在有人也在喊WUI,这样也是对的。

群友bewitched:在进入设计行业发展中的时候,如果新进了一家公司,发现自己想要发展的方向和企业所需要的方向有冲突怎么办?比如你想往用户体验为中心的设计方面发展,但企业却要求你写CSS.这样的.

我可以很明确的告诉你,现在极少能有一家企业真正认识到用户体验的重要性,如何做用户体验。发现自己想要发展的方向和企业所需要的方向有冲突怎么办?我再回答你这个问题。

避免这个问题的根源在于你自己。你在应聘的时候一定要看清楚招聘要求中的“职位要求”和“职位说明”。一定,一定。我面试了很多设计师,当问他们“你知道来公司具体做什么?”90%回答不上来。所以在应聘时要看清,不要因为他说要招UI,就以为是软件界面。也许那个发招聘的人根本不懂呢,恩,有职位说明。另外,去面试的时候也可以当面问清楚。

管理员bewitched :现在好多公司的招聘信息什么要求的都有,而且大部分都是恨不得你万能,这咋办?而且我也之前面过搜狐某频道,说的是做设计,进去后,却发现轻设计重制作。

恩。这个问题以前也有朋友问过我。在“UI”这个称号下隐藏着很多。

如果进入以后发现并不是自己想要的。有几个办法:
1、先跟自己的领导反映一下,沟通,表明一下自己的目标。看看领导是如何看待你的位置的?或许可以给你调整一下,或许只是因为部门人少一开始需要做的杂一些。如果人多,可以考虑换工作。
2、其次看看这家企业是否是一家可以依赖的单位或是给的薪水是不是很爽,如果是。你可以自己多学习一些,这没啥不好的。如果不是。同上。

但这都是亡羊补牢的办法。最重要的还是1、看清职位说明 2、去面试的时候也可以当面问清楚。现在是双向选择。没啥不好意思问的。一定要问的具体.

问您一些UI设计普及方面的问题,您在进行UI设计过程中,最常用的软件有哪些,对应的软件在UI设计扮演着什么角色?

在做图形界面方面,目前主要使用PS,但是如果需要矢量的情况下,就用AI。其他像3D方面的软件我没有接触过,所以没用,但是有朋友在用他做图标。而且也有用flash和FW做图标和界面的。

GUI方面其实对你使用的工具并不在意,它更重要的是你是否用你的图形表达出图标的含义,是用界面去吸引住别人,传达出界面给人的信息,这是最重要的。你哪个用的顺手就 用哪个,不需要特别学习。但至少也要熟练掌握期中一个。

就是个工具。是你必须掌握的。公司需要你用ai做图标。那就加快学习的速度。而不要因为软件而误以为这是不适合你的。

管理员MJ:记得box说过诺基亚是用illustrater做ui的,能否解释下原因和优点?

这个也是之前跟sunx聊天的时候他告诉我的,以前我也不清楚。他跟我解释的是,矢量的界面有利于开发和制作不同屏幕大小的界面,可以应用的地方更广一些。例如海报、宣传册等。因为手机上享受不了那么多效果。手机开发时很多效果可能会丢失。

群友netsnower:为何现在的软件界面都朝着质感光效的方向走了?华丽的界面难道不会影响用户体验么?

你对界面的了解还不够深入。界面可不是质感光效,这些都是所谓的领导一定要酷的炫的,导致这样的。啥流行就来啥。软件界面并不是朝这个方向走的。这只是现象迷惑。

华丽的界面难道不会影响用户体验么? 这是非常影响的。所以一个好的界面设计师,是根据自己的指定用户来定位设计风格的。例如你的用户都是商务人士,那你的风格一定是灰色的。如果你的用户是音乐爱好者,那你的界面一定是色彩丰富的。如果你的用户是儿童,那你的界面就一定是卡通色彩鲜亮的。

群友Po:你好,我想问一下,BOX是怎样从一个优秀的设计师转换成一个成功的管理者的?

首先,我不是一个成功的管理者,正在努力做到成功。我就回答一下如何从一个设计师做到管理吧。

首先一个需要的是你的作品和经验。没有作品的质量和数量,没有一定的工作经历,是很难说服一个领导任命你为管理的。即便是现在任命了。如果你没有提升或是他看到更好的,肯定会把你换下来。

其次,要看你的个人定位,你要知道做了管理就很少有时间去做具体的设计了。其实这对自己的设计水平是一种影响。更多的时间花费在沟通协调、让每个设计师在你这里干的很爽。你的个人定位很重要,如果你定位要走管理的路子,那就好好看看你的领导是如何对待你和你的同事吧。无论好的还是坏的。要不断的给他说出自己的想法。

如果很强势,那就注意观察。他是失败的领导还是成功的领导。如果自己做领导应该怎么去做。

群友:其实在设计过程中,经常会与项目管理者发生口角。当双方在设计方案和表现方法上意见实在难以统一的时候,box你们会有这种情况么?是怎么处理这些问题?有什么绝招?

这种太经常了。而且是个必然。很现实。

1、发生口角时,要看这个责任在谁,如果是功能有没有,那就是产品的事。让他们去讨论。如果是按钮摆放位置的事,那就要看用户体验了,没有,那就要看你平时给他们在界面布局上的权威性了。如果是按钮是红的还是蓝的。那就让产品一边站。我们来干啥来了。

2、说话一定要和气、要为他们着想、要为咱们的用户着想、这是沟通技巧。你要举例说出你的理由。

3、跟你的设计主管沟通,让他来给你撑腰。

4、增强你的说服力。多看一些相关的知识,交互设计的知识、产品设计的知识等。

以上四条都不行,而且这个项目主管,就要按照他的来做。那这个说实话我也没办法。这个公司的气氛就是这样,你就照做吧。

6、对于有意进入UI设计行业的朋友,您有什么建议,能否推荐一些对UI设计方面有帮助的书籍和网站?

要想学好UI设计,那就去Iconfans.com 我和我的版主们,都见证了很多会员在GUI上面的进步。现在有不少会员在eico工作。

建议: 1、大家先搜索一下“界面”“图标”这两个关键字,看看百科里面是怎么说的。
2、开始学习是一件“痛苦”的事情,因为他要坚持。
3、从你感兴趣的软件界面临摹开始。认真,仔细、观察,问个为啥。
4、临摹到一定程度后,可以自己去按照一个现实中有的软件去自己改造。自己去设计。让大家来评价。Iconfans就在这个阶段支持 大家的学习。
5、多去尝试一些风格。争取在需要时随时可以做的出来。因为你不知道你会做什么类型的软件。说不定是儿童软件。
6、多看一些界面交互方面的书籍。给自己找到理论依据。
7、如果能做到以上6点,你离成功就不远了。
 

书籍:

重点推荐:《About Face 3 交互设计精髓》作者很牛。可以了解一下。《Gui设计禁忌》一、二、也不错。其他大家可以在这里看到: http://www.iconfans.org/thread-4952-1-1.html http://www.iconfans.org/thread-4953-1-1.html这是我们的版主精心整理的.

群友zevil:在做用户体验的时候,是不是在去深入的了解这个行业的情况呢,比如做医学软件的,用户体验设计?

标准是要去真正了解这个行业的,而且你还要去跟这些实际需要你的产品的用户去面谈。但是,很少有公司能拿出这些时间和金钱来让你去“折腾”。所以,建议多利用互联网,看看现在这个行业处在什么状况。你的用户都是些什么类型的,例如医生和患者,你要看看他们是怎么沟通的,用什么方式等等。

在做ICON的整体,所有图标集合的时候,效果是比较不错的,但用在,软件界面上,使用的时候,都会有些偏差,与原用户体验分析文档会有所出入。怎么去把控这个执行效果呢?

主要是跟开发的构图还不够密切。你不了解他能做出什么效果来。或是他做一半的时候就去跟一下。沟通。。不是构图。。一定要跟进。设计上面有产品、下面有前端。一定要跟进。否则,最终的产品不会是你想想的那样完美。等发布的时候,你再埋怨一切都晚了。你的图标必须要根据你的界面风格走。也必须要考虑好他的表意(可用性)。图标和界面不能独立开来,除非是桌面图标。

您创建的Iconfans.com图标粉丝专业论坛,在业内的影响力在不断的扩大,能否跟大家分享下Iconfans.com从初建到现在的点点滴滴,以及您认为对Iconfans.com网站有很大推动作用的人或者事是什么?

Iconfans正式上线是在07年8月,试运行了一段时间,08年3月28号正式成立。论坛成长至今已经有近2个年头了。刚刚建立的时候就得到了很多会员的支持和帮助。因为我们只做GUI和UI设计,而且只做中高端用户,所以用户量一直都不多。我只想把这个地方做成一个精品,成为每一个热爱GUI设计方面都难忘的地方。

给Iconfans推动的人太多了。我们最初的那些版主。还有各地的设计团队,例如Eico、Reooo、C9D、Iconboy等。还有很多的会员给我提想法说意见。等等。

对Iconfans最有推动力的就是,在08年的GUIC的国际比赛上。在这次比赛上,Iconfans团队报名的人数总共有46人,提交作品参加比赛的有30人,共有9个作品入围,有4人获奖。获得了团队第三名的成绩。也得到了全国和外国组织的认可。

值得一提的是聚集在一起的这支团队每个人都非常的优秀,吸纳了Iconboy、tongzhenming、Kingyo、Bottlebaby、xiaomaohua、bingxueling、kiduabis等一批优秀的GUI设计师。这也是Iconfans团队能在比赛中获奖的重要原因。

以下摘自论坛08GUIC板块

iconboy 的 Non-mainstream 2008 —获得了全场图标银奖、最佳易用性图标第二名

tongzhenming 的 Pure handwork —获得了最佳原创图标第一名

xiaomaohua 的 Evolution —获得了全场图标铜奖

bingxueling 的 Dream Loricae —获得了最佳原创win主题第三名

花开恣意:应届生作为新晋公司从未完全接触过商业UI的新人,该怎么跟老手接洽学习呢?

如果你从来没有接触过商业UI或是UI设计。但是又老手在你之前。

1、先了解你的产品。考虑一下你的产品定位和目前产品界面的情况。如果你都觉得很烂,你就别跟老手学了。

2、目前产品情况不错。跟老手多多沟通。问问以前是怎么跟产品和开发合作的。

3、老手一般不太爱跟你讲基础的软件技巧之类的东西。所以尽量少问,多看些这方面教程,如果他可以耐心教你,那你很幸运,遇到贵人了。

4、多跟老手交流一些目前你做的界面上的问题。听听他是怎么理解的。

花开恣意:如果能有老师带最好,那没有的话,自己该怎么见机行事呢?

1、要不断的跟你的产品经理或是项目经理沟通。了解产品定位。

2、加紧自我提高。(如何提高可以看之前我的建议)

3、要多跟开发沟通,开始就避免一些不必要的麻烦,例如实现效果等。别等到你都做好效果图了。开发跟你说四个字“实现不了”。

群友Alnsen:请教box,当不在临摹.参考的时候,自己凭空想象做标的时候.突然发现,什么都想不到.想不出来.这时候应该如何?经常新建画布无从下手!

在软件界面中的图标不是凭空想出来的。一定记住。他的存在是有意义的。当一款产品下来的时候你会收到很多图标需求。有名词、动词、形容词、还有句子。。。。所以你要根据你拿到的词来考虑你的图标形态。

在Iconfans论坛中有会员提出过这样的问题,你可以去看看:

http://www.iconfans.org/viewthread.php?tid=5788&page=1&fromuid=2#pid46109

上面是形态的困惑如何解决。
下面是风格的困惑如何解决。

还是之前说过的,要根据你的用户的定位。跟界面一样。商业软件上是不允许做卡通风格的图标的。

如果你就是想自己创造一套图标的话,而且还想不出来创作啥。(前提是你临摹的跟原作一样了)

这只能说明你看的图标太少。建议可以先拿windows系统的图标来练手。只考虑他的名字,不考虑他的形态和风格。先做一个你自己认为的不错的风格。

如果你就是想独立主题,可以随便找一些影视和节日的主题来坐坐看。

管理员MJ:你在设计上长远的目标是什么?或者说你认为作为一个设计师应该有一个什么样的追求?

在设计上的目标就是做到“大设计”。不仅要设计一款软件界面风格,而且也要设计他的交互方式、甚至是设计一款自己的软件产品。我相信马化腾也在不断的改进自己的设计方式。

不应该给设计师划定一个追求,那样就太狭隘了。不是我说啥追求就是好的,那就是好的。每个人对自己的远景是不一样的。希望每个设计师都能走出自己的路来。

群员薰衣草:问点现实的不知道可不可以,从事UI工作,在北京现在普遍工资能有多少?

这个我也在让我们的人事在调查,似乎已经跟我那时候不一样了。。。。但最根本的还是由你的设计水平来决定的。因为有很多猎头都看着呢。你做的好,他们翻墙都能找到你。我们论坛的人才板块的斑竹就是专门做人力资源的。

群友小嘴巴:ai的输出会自动增加切图的px大小,不知道大家有没有遇到过?

以后这类问题可以在 www.iconfans.com中发帖询问,既然在八只熊专访活动中,我就在这里回答。

我最初就是在ai里面开始设计图标的。这个问题不是AI,可能是你的ai文件没有设成72分辨率的。导出时就是大的。还有一个可能是边缘变模糊,多出来一个像素,因为ai是矢量,不是以像素点为准的。你画到一个像素中央是很有可能的。建议利用网格,设置成1px的网格,再选择对齐网格。这种情况就会大大减少。

一般都是要ps处理的。也可以在ps里稍作处理。

群友宝宝Julia:怎么知道自己做的ICON有什么地方不足,这个衡量的标准是什么?

就是,怎么知道自己做的ICON有什么地方不足,这个衡量的标准是什么?

我建议你看一下这个帖子:

icon设计过程中需要注意的10种错误
http://www.iconfans.org/thread-561-1-2.html

图标可用性测试
http://www.iconfans.org/viewthread.php?tid=6682&highlight=%BF%C9%D3%C3%D0%D4

其他效果问题需要具体情况具体解决。建议可以发到Iconfans论坛里讨论。

以后会有更多的UI设计爱好者来到Iconfans.com图标粉丝专业论坛,您对这些朋友想说点什么,如何更好的在Iconfans.com上学习和认识更多的朋友,能否用简短的语言给大家做些介绍,还有最新的互动活动推荐?

Iconfans目的就是打造一个良好的UI设计师的精英平台。这里都是作品汇友。拿作品说话。另外也希望大家大胆拿出自己的作品去交流。因为问题都是别人指出来的,自己看不到。

我们现在正在对Iconfans的设计师作品进行征集,给大家呈现更多Iconfans设计师的佳作,如果你是一个UI设计师,并且也有很多优秀作品,那就拿来一起秀一下。

另外,Iconfans马上就要迎来2周年活动了。感兴趣的朋友可以关注一下论坛活动版块。

Iconfans.com图标粉丝专业论坛精彩活动海报

专访总结:

本次专访是截止到现在持续时间最长的一次互动专访,极具亲和力的嘉宾董景博(IconsBox)耐心细致的回答了众多网友的问题,专访持续了三个多小时,直到1月24日凌晨,非常感谢各位热情网友的参加,尤其感谢嘉宾IconFans网站的创始人董景博的参与,欢迎大家继续关注八只熊以及IconFans网站的精彩活动!