从闪客到UI设计师－访CREATIVE创新科技设计总监许士彦

CREATIVE创新科技设计中心设计总监许士彦

许士彦，网名Ricky Xu，现任CREATIVE创新科技设计中心 设计总监。负责CREATIVE全球业务产品交互设计以及图形界面设计。参与设计的多款产品曾获各种大奖，包括美国 “ Best of CES ” (消费电子产品展)大奖。现正专注于掌上娱乐终端设备界面设计，以及 Flash 互动设计与研究。曾经参与过Nomad 音乐播放器 / Zen 系列媒体播放器 / Prodikey 系列音乐互动键盘 / Hansvision 汉神系列软件 / wawayaya儿童互动教育软件系列 / Foxmail等。个人网站：www.rarena.net

时间：2005年9月27日
地点：北京新新家园创新大厦
采访人：廖翔 张海新 樊鹏

视觉同盟：请自我介绍一下吧，让读者对您有个初步认识以往在业界大家都知道你是一个出色的闪客，后来怎么转到UI设计上来呢？
许士彦：我应该算是一名元老级的闪客，一次接触Flash是在1998年。当年网页上的动画表现的方式只有gif一种形式。而 Flash 的出现让我开始对这个新技术产生了兴趣。正好当时闪客帝国的成立推动了Flash在国内的一股学习热潮。我的第一个 Flash 网站互动网站"Who is Ricky?" 占据当时排行榜Top1好几周的时间。而之后国内Flash方面的发展渐渐开始偏向Music Video动画的设计。但我本身只对Flash互动交互设计方面比较感兴趣。由于当时自己Flash方面的突出表现，受邀加盟了广州的博大公司。而那时公司刚刚收购下的著名邮件客户端软件Foxmail正好遇到需要进行产品商业化问题。于是公司将这个软件界面设计的任务全权交给了我。从此也开始了我踏入的UI设计领域的第一步。当时Foxmail 3.1的推出的我设计的新界面也到了各个方面的肯定。同时正式将Foxmail从个人软件提升成了商业软件。我的第一个UI作品也由此诞生。2001年加入CREATIVE也让我正式进入了UI设计这个行业。

视觉同盟：您的专业并不是设计吧？
许士彦：对，不是设计专业，我的大学的专业是计算机系。但我从小就是喜欢画画，我的第一台电脑是父亲在我13岁那年给我买的80286。而我是用的第一个是用的设计软件是Dos下的WPS附带的SPT绘图软件。我很感谢我的父母，如果初没有父母给我的支持我也没有今天的成就。

视觉同盟：你原来是学计算机，你学计算机的专业背景跟他们这种传统的学视觉传达设计的专业背景，最大的区别我想可能是对交互这块理解的可能更深刻一些，你觉得你在这方面有什么独特的地方？
许士彦：首先，界面设计与平面和传统视觉设计的最大的区别在于你的设计并不只是为了吸引用户眼球，而是要考虑到用户天天的使用和操作。所以设计的根本出发点有很大的不同，因此你的设计必须去迎合用户的操作和使用习惯，而不是反过来让用户去适应你的设计。

视觉同盟：创新是一个非常有名的消费类电子的厂商，你当时是怎么进到这家公司的？
许士彦：自Foxmail 3.1的推出后，也就是在2000年底。当时互联网正处于一个泡沫化的时期。通过一个朋友的推荐，创新公司总裁邀请我到北京。之前曾经也是因为工作的机会，到过北京。不过由于不能适应北京的气候，因此当时选择去了广州。通过这次的机会我又再次来到了北京。在感受了创新公司的企业文化，了解了公司今后的发展方向后。感觉到这才是我今后的事业发展的舞台。因此我决定离开互联网业，而毅然加入了创新。其实在我来到创新之前我就已经拥有了多款创新的声卡和音箱产品。这也是吸引我加入创新的一个原因。当时并没想到现在竟然能自己来主导一款款新产品的设计。

视觉同盟：目前在创新的工作主要是哪些？
许士彦：除了负责管理和构建公司设计中心以外，主要将精力放在CREATIVE移动娱乐终端设备以及多媒体产品PC客户端的UI整体视觉风格设计。同时也参与新产品的功能设计以及交互设计等。当然单靠国内这边的力量是不够了，设计中心的界面设计的工作需要与新加坡总部的工业设计、软件开发、硬件固件开发等部门进行紧密无缝的合作和配合才能很好完成一款款令用户满意的产品。曾经参与过的项目有：Nomad 音乐播放器 / Zen 系列媒体播放器 / Prodikey 系列音乐互动键盘 / Hansvision 汉神系列软件 /  wawayaya儿童互动教育软件系列等等

视觉同盟：能介绍一下你们这个设计中心吗？
许士彦：设计中心主要是分为GUI界面设计、交互设计以及Flash互动平台这几个部分。主要参与CREATIVE全球业务的新产品和项目的开发和设计。现在设计中心的规模还在扩大中。当然这里也欢迎每个希望接受挑战的国内设计师们能加入这个团队中。首先我第一个目的是为了把这个设计中心搭建成国内最成功的界面设计团队。让中国人的设计走向世界。

视觉同盟：设计中心的工作包括广告方面吗？
许士彦：我们有另一个部门是专门从事市场宣传的广告设计。设计中心比较少参与市场宣传这方面的设计。最主要还是放在新产品的设计上。当然在产品化的过程中我们需要配合他们，让他们理解我们新产品的特性。从而让他们的设计能更准确地传达这个产品最重要的特性和理念。

视觉同盟：创新有没有一个设计风格或者一个设计的原则在里头，指导设计师进行工作？
许士彦：有，在设计风格和指导这个方面，公司每到一个阶段就会重新做一次定位。首先要先了解这个阶段公司的定位和下个阶段希望发展的市场。了解公司的核心价值在于什么。确认各个业务针对的客户群。然后进行分析探讨如何针对这部分的客户群。并根据不同的业务完成总体设计规划。再通过这套规划对各个业务的工业、平面、界面设计师进行指导，并完成下个阶段每个部分的设计。这才能保证在这么庞大的产品线下保持所有设计的一致性。

视觉同盟：那作为消费类的这种电子产品会不会考虑不同人群使用分类，在作UI设计的时候有没有这种考虑你们？
许士彦：首先大家对创新的了解最早是从IT界最著名“声霸卡”开始。过去创新公司为在多媒体计算机的建立做出了极大的贡献。而这几年创新从IT业界的平台现在慢慢转向消费类电子产品这样一个平台。一直以来创新的软件UI界面风格的都是设计比较富有科技感、数字感，主要体现在是几个部分，一、在质感方面体现的是高科技金属，二、在主色调方面是以蓝、白为主，并搭配上创新标志中的橙色。不过现在创新正在慢慢转向lifestyle（生活化）的风格。下一个阶段我们在设计风格上，除了一方面考虑到windows下一代操作系统Vista的推出，另一方面我们也在寻求另外能体现创新文化新的一种设计语言让中设计更富一种情感的元素。希望到时候大家拭目以待。

视觉同盟：作为消费产品这种UI设计的一个流程是什么样的？
许士彦：首先就是我们需要了解使用我们产品的用户群。以创新MP3为例子，最主要的用户群是在十几岁到三十几岁之间，所以针对这样的年龄层，我们的设计里必须有体现出一些时尚的元素。所以在GUI界面设计的过程中，我们必须把握如何保证这些设计元素上面能够很好的体现和突出，比如我们可以参考最新的流行色彩，最新的流行时装样式等等；第二个部分就是，在做交互设计的时候必须去理解这些用户的使用习惯，从他们平常接触的软件，平常接触的电器设备等等。从中去理解最适合他们的一种操作方式。

视觉同盟：通过这几年的工作你所理解的UI工作特性是什么呢？
许士彦：UI是英文User Interface的缩写。中文一般称作用户界面。指的是使用者与机算计的沟通交流手段，在人和机器的互动过程（Human Machine Interaction）中，有一个层面，即我们所说的界面（interface）。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

视觉同盟：移动娱乐终端设备的UI设计有什么特性呢？
许士彦：移动娱乐终端设备俗称PMP (portable media player)与大家熟悉的手机产品在某些方面看起来还是比较类似的。但是还是有一定的区别。首先从功能上，手机的最大用途是通讯。虽然摄像，音乐，视频等等功能已经开始逐渐添加到手机的功能里。但是与PMP进行比较你会发现，在PMP上的内容的数量与手机比较起来不是一个数量级。因为现在的PMP设计里可以装下上万首歌曲，上万张的几百万像素级别的照片，好几部电影或者电视剧。这是一种新的娱乐的革命，意味着你可以将你所有喜好的音乐照片视频都带在身边，随时随地进行欣赏或者于朋友分享。而对UI设计最大的挑战在交互方面的表现就是如何使用户用最短的时间找到他想要欣赏的歌曲。因为你不可能再利用像过去闪存MP3播放器的方式在一个个目录里快速的寻找出你要的歌曲。因此UI设计师们需要替用户找出一个有效的方法。很荣幸的CREATIVE在今年8月份取得了PMP设备“层级式导航浏览”的界面专利 Zen Patent ( 具体专利内容请访问 http://www.creative.com/zenpatent ) 简单的说就是我们利用曲库里的歌曲的信息，让用户通过 歌手>专辑>歌曲 的层级筛选的方式来让用户找到他想要的专辑或者歌曲。这种方式也给大容量掌上移动设备带来一种交互的革命。而在界面GUI设计上除了达到很舒服流畅的视觉享受以外，还必须考虑到对设备系统的运算的消耗以免为了视觉的效果而反而影响到了产品电池使用的时间。

视觉同盟：你对这个行业将来的发展前景怎么看呢？
许士彦：虽然UI在国内还属于比较新的行业。但很高兴的是现在UI设计在国内已经逐渐得到了重视。而这个行业在国内还是有很大的发展空间。不过以现在来看国内UI专业人才的方面还是非常缺乏的。

视觉同盟：简单介绍一下eico studio 工作室吧？
许士彦：eico studio工作室是我和Rokey在2004年11月份一起创建的。工作室的成立并不是以商业营运为目的，我们希望通过成立eico studio工作室在国内甚至国际界面设计业界里树立一面新旗帜。这一年的合作让我们彼此有了更多相互学习和提高的机会。同时 eico studio 也已经成为许多刚进入这个行业设计师的一个学习和努力的方向。

视觉同盟：你将来会继续从事这个行业吗？
许士彦：我会继续从事这个行业，但是视觉设计方面投入的精力将会有所减少，将这些机会交给新一辈的设计师们。从而将精力投入到界面交互设计以及新产品的设计和开发上。

视觉同盟：对于即将毕业的设计专业学生，如果想进入UI行业，需要哪些准备？
许士彦：首先设计专业的学生，如果想进入UI行业首先应该先考虑从 GUI 图形界面设计开始。首先可以先购买一些参考书GUI设计有一个比较完整的了解。由于界面属于像素级别的设计，所以和以前学校里掌握的平面设计技术或者网页设计技术有一些区别。推荐可以去看看eicostudio.com , rarena.net 以及rokey.net网站上的一些界面设计教程以及作品。相信能为你们的学习带来一些帮助。

视觉同盟：你喜欢哪些设计师？
许士彦：Apple 首席设计师 Jonathan Ive ，The Skins Factory创立者Jeff Schader ，Icon factory 的Icon设计师 Dave Brasgalla 和David Lanham 他们都是我喜欢的设计师。在和他们之中某些设计师的沟通中也让我得到了不少启发。

视觉同盟：有人说你们，像黎万强，张伟，朱印，唐沐，郝晓伟，邹翔，刘超，刘琦，璩凯，林钦这一批人，大家都算是UI界的第一代设计师，你对这种评价有什么看法？
许士彦：我们确实是属于比较早接触界面设计的设计师，因此我们也感觉到了各自的使命感，希望我们的设计能够在业界中甚至在世界不同舞台上有各自出色的发挥的表现

视觉同盟：你觉得象国内的UI设计师跟国外的这些设计师相比较，有什么区别？
许士彦：国内的设计师现在还是处于比较初期的阶段，有很多人还把界面设计停留在GUI的部分，也就是视觉设计的部分。不过的通过大家对UI设计一步一步的重视和理解，从而逐步的开始去重视UI的交互设计以及可用性设计这些方面。

视觉同盟：设计水平上差距有多大？
许士彦：单纯从GUI设计水平上看，我们有很多GUI设计师。他们设计的一些作品其实已经达到国际的一个水准。但是在交互设计方面，国内还是有一个大的发展空间和学习的空间。其次就是团队的合作的方式的效率，这方面是由于国内起步的比较晚以及项目规模较小所以团队合作方面在国内还是比较弱的。

视觉同盟：听说国内很多UI设计师会出版一本UI启事录的书，您是对这个事情怎么看？
许士彦：首先很荣幸我能参与到这个活动，同时也感谢怒放、小林为这个活动投入努力。我相信通过这一系列的活动能够更好的促进国内UI设计的发展。特别也是给予在校学生了解以及接触这个行业的一次机会。

视觉同盟：您认为这个事情对国内UI设计会带来什么？
许士彦：首先最简单的就是从宣传以及从大众的认知上面有一个新的渠道去突破，另外一方面也是让UI设计师从幕后的默默工作走出来展现给大众去理解，让人们更深入的去了解这样一个行业，所以希望UI设计今后能在中国的更快速的发展和开拓。

视觉同盟：对视觉同盟的读者说几句吧。
许士彦：与国内的设计类网站比较起来视觉同盟建立的时间并不长，但是设计的覆盖面比较广泛，而且还有很多很有特色的栏目比如同盟竞赛场和院校同盟等等。因此也成为我经常光顾的设计网站之一，希望大家关注UI设计，关注视觉同盟。在这里衷心希望视觉同盟能越办越好越出色。

许士彦接受视觉同盟独家专访

（左2）CREATIVE创新科技设计中心设计总监许士彦，（右1）视觉同盟运营总监张海新，（右2）视觉同盟主编廖翔，（左1）视觉同盟副主编樊鹏

CREATIVE创新的体验中心

许士彦作品

更多文章请关注UI大时代－中国顶级UI设计师专访专题，欢迎转载，请注明出处视觉同盟