許士彥，網(wǎng)名Ricky Xu，現(xiàn)任CREATIVE創(chuàng)新科技設(shè)計(jì)中心設(shè)計(jì)總監(jiān)。負(fù)責(zé)CREATIVE全球業(yè)務(wù)產(chǎn)品交互設(shè)計(jì)以及圖形界面設(shè)計(jì)。參與設(shè)計(jì)的多款產(chǎn)品曾獲各種大獎(jiǎng)，包括美國(guó) “ Best of CES ” (消費(fèi)電子產(chǎn)品展)大獎(jiǎng)。現(xiàn)正專注于掌上娛樂(lè)終端設(shè)備界面設(shè)計(jì)，以及 Flash 互動(dòng)設(shè)計(jì)與研究。曾經(jīng)參與過(guò)Nomad 音樂(lè)播放器 / Zen 系列媒體播放器 / Prodikey 系列音樂(lè)互動(dòng)鍵盤(pán) / Hansvision 漢神系列軟件 / wawayaya兒童互動(dòng)教育軟件系列 / Foxmail等。個(gè)人網(wǎng)站：www.rarena.net
時(shí)間：2005年9月27日
地點(diǎn)：北京新新家園創(chuàng)新大廈
采訪人：廖翔 張海新 樊鵬
CREATIVE創(chuàng)新科技設(shè)計(jì)中心設(shè)計(jì)總監(jiān)許士彥
記者：請(qǐng)自我介紹一下吧，讓讀者對(duì)您有個(gè)初步認(rèn)識(shí)以往在業(yè)界大家都知道你是一個(gè)出色的閃客，后來(lái)怎么轉(zhuǎn)到UI設(shè)計(jì)上來(lái)呢？
許士彥：我應(yīng)該算是一名元老級(jí)的閃客，一次接觸Flash是在1998年。當(dāng)年網(wǎng)頁(yè)上的動(dòng)畫(huà)表現(xiàn)的方式只有g(shù)if一種形式。而 Flash 的出現(xiàn)讓我開(kāi)始對(duì)這個(gè)新技術(shù)產(chǎn)生了興趣。正好當(dāng)時(shí)閃客帝國(guó)的成立推動(dòng)了Flash在國(guó)內(nèi)的一股學(xué)習(xí)熱潮。我的第一個(gè) Flash 網(wǎng)站互動(dòng)網(wǎng)站"Who is Ricky?" 占據(jù)當(dāng)時(shí)排行榜Top1好幾周的時(shí)間。而之后國(guó)內(nèi)Flash方面的發(fā)展?jié)u漸開(kāi)始偏向Music Video動(dòng)畫(huà)的設(shè)計(jì)。但我本身只對(duì)Flash互動(dòng)交互設(shè)計(jì)方面比較感興趣。由于當(dāng)時(shí)自己Flash方面的突出表現(xiàn)，受邀加盟了廣州的博大公司。而那時(shí)公司剛剛收購(gòu)下的著名郵件客戶端軟件Foxmail正好遇到需要進(jìn)行產(chǎn)品商業(yè)化問(wèn)題。于是公司將這個(gè)軟件界面設(shè)計(jì)的任務(wù)全權(quán)交給了我。從此也開(kāi)始了我踏入的UI設(shè)計(jì)領(lǐng)域的第一步。當(dāng)時(shí)Foxmail 3.1的推出的我設(shè)計(jì)的新界面也到了各個(gè)方面的肯定。同時(shí)正式將Foxmail從個(gè)人軟件提升成了商業(yè)軟件。我的第一個(gè)UI作品也由此誕生。2001年加入CREATIVE也讓我正式進(jìn)入了UI設(shè)計(jì)這個(gè)行業(yè)。
記者：您的專業(yè)并不是設(shè)計(jì)吧？
許士彥：對(duì)，不是設(shè)計(jì)專業(yè)，我的大學(xué)的專業(yè)是計(jì)算機(jī)系。但我從小就是喜歡畫(huà)畫(huà)，我的第一臺(tái)電腦是父親在我13歲那年給我買(mǎi)的80286。而我是用的第一個(gè)是用的設(shè)計(jì)軟件是Dos下的WPS附帶的SPT繪圖軟件。我很感謝我的父母，如果初沒(méi)有父母給我的支持我也沒(méi)有今天的成就。
記者：你原來(lái)是學(xué)計(jì)算機(jī)，你學(xué)計(jì)算機(jī)的專業(yè)背景跟他們這種傳統(tǒng)的學(xué)視覺(jué)傳達(dá)設(shè)計(jì)的專業(yè)背景，最大的區(qū)別我想可能是對(duì)交互這塊理解的可能更深刻一些，你覺(jué)得你在這方面有什么獨(dú)特的地方？
許士彥：首先，界面設(shè)計(jì)與平面和傳統(tǒng)視覺(jué)設(shè)計(jì)的最大的區(qū)別在于你的設(shè)計(jì)并不只是為了吸引用戶眼球，而是要考慮到用戶天天的使用和操作。所以設(shè)計(jì)的根本出發(fā)點(diǎn)有很大的不同，因此你的設(shè)計(jì)必須去迎合用戶的操作和使用習(xí)慣，而不是反過(guò)來(lái)讓用戶去適應(yīng)你的設(shè)計(jì)。
記者：創(chuàng)新是一個(gè)非常有名的消費(fèi)類電子的廠商，你當(dāng)時(shí)是怎么進(jìn)到這家公司的？
許士彥：自Foxmail 3.1的推出后，也就是在2000年底。當(dāng)時(shí)互聯(lián)網(wǎng)正處于一個(gè)泡沫化的時(shí)期。通過(guò)一個(gè)朋友的推薦，創(chuàng)新公司總裁邀請(qǐng)我到北京。之前曾經(jīng)也是因?yàn)楣ぷ鞯臋C(jī)會(huì)，到過(guò)北京。不過(guò)由于不能適應(yīng)北京的氣候，因此當(dāng)時(shí)選擇去了廣州。通過(guò)這次的機(jī)會(huì)我又再次來(lái)到了北京。在感受了創(chuàng)新公司的企業(yè)文化，了解了公司今后的發(fā)展方向后。感覺(jué)到這才是我今后的事業(yè)發(fā)展的舞臺(tái)。因此我決定離開(kāi)互聯(lián)網(wǎng)業(yè)，而毅然加入了創(chuàng)新。其實(shí)在我來(lái)到創(chuàng)新之前我就已經(jīng)擁有了多款創(chuàng)新的聲卡和音箱產(chǎn)品。這也是吸引我加入創(chuàng)新的一個(gè)原因。當(dāng)時(shí)并沒(méi)想到現(xiàn)在竟然能自己來(lái)主導(dǎo)一款款新產(chǎn)品的設(shè)計(jì)。
記者：目前在創(chuàng)新的工作主要是哪些？
許士彥：除了負(fù)責(zé)管理和構(gòu)建公司設(shè)計(jì)中心以外，主要將精力放在CREATIVE移動(dòng)娛樂(lè)終端設(shè)備以及多媒體產(chǎn)品PC客戶端的UI整體視覺(jué)風(fēng)格設(shè)計(jì)。同時(shí)也參與新產(chǎn)品的功能設(shè)計(jì)以及交互設(shè)計(jì)等。當(dāng)然單靠國(guó)內(nèi)這邊的力量是不夠了，設(shè)計(jì)中心的界面設(shè)計(jì)的工作需要與新加坡總部的工業(yè)設(shè)計(jì)、軟件開(kāi)發(fā)、硬件固件開(kāi)發(fā)等部門(mén)進(jìn)行緊密無(wú)縫的合作和配合才能很好完成一款款令用戶滿意的產(chǎn)品。曾經(jīng)參與過(guò)的項(xiàng)目有：Nomad 音樂(lè)播放器 / Zen 系列媒體播放器 / Prodikey 系列音樂(lè)互動(dòng)鍵盤(pán) / Hansvision 漢神系列軟件 / wawayaya兒童互動(dòng)教育軟件系列等等
記者：能介紹一下你們這個(gè)設(shè)計(jì)中心嗎？
許士彥：設(shè)計(jì)中心主要是分為GUI界面設(shè)計(jì)、交互設(shè)計(jì)以及Flash互動(dòng)平臺(tái)這幾個(gè)部分。主要參與CREATIVE全球業(yè)務(wù)的新產(chǎn)品和項(xiàng)目的開(kāi)發(fā)和設(shè)計(jì)?，F(xiàn)在設(shè)計(jì)中心的規(guī)模還在擴(kuò)大中。當(dāng)然這里也歡迎每個(gè)希望接受挑戰(zhàn)的國(guó)內(nèi)設(shè)計(jì)師們能加入這個(gè)團(tuán)隊(duì)中。首先我第一個(gè)目的是為了把這個(gè)設(shè)計(jì)中心搭建成國(guó)內(nèi)最成功的界面設(shè)計(jì)團(tuán)隊(duì)。讓中國(guó)人的設(shè)計(jì)走向世界。
記者：設(shè)計(jì)中心的工作包括廣告方面嗎？
許士彥：我們有另一個(gè)部門(mén)是專門(mén)從事市場(chǎng)宣傳的廣告設(shè)計(jì)。設(shè)計(jì)中心比較少參與市場(chǎng)宣傳這方面的設(shè)計(jì)。最主要還是放在新產(chǎn)品的設(shè)計(jì)上。當(dāng)然在產(chǎn)品化的過(guò)程中我們需要配合他們，讓他們理解我們新產(chǎn)品的特性。從而讓他們的設(shè)計(jì)能更準(zhǔn)確地傳達(dá)這個(gè)產(chǎn)品最重要的特性和理念。
記者：創(chuàng)新有沒(méi)有一個(gè)設(shè)計(jì)風(fēng)格或者一個(gè)設(shè)計(jì)的原則在里頭，指導(dǎo)設(shè)計(jì)師進(jìn)行工作？
許士彥：有，在設(shè)計(jì)風(fēng)格和指導(dǎo)這個(gè)方面，公司每到一個(gè)階段就會(huì)重新做一次定位。首先要先了解這個(gè)階段公司的定位和下個(gè)階段希望發(fā)展的市場(chǎng)。了解公司的核心價(jià)值在于什么。確認(rèn)各個(gè)業(yè)務(wù)針對(duì)的客戶群。然后進(jìn)行分析探討如何針對(duì)這部分的客戶群。并根據(jù)不同的業(yè)務(wù)完成總體設(shè)計(jì)規(guī)劃。再通過(guò)這套規(guī)劃對(duì)各個(gè)業(yè)務(wù)的工業(yè)、平面、界面設(shè)計(jì)師進(jìn)行指導(dǎo)，并完成下個(gè)階段每個(gè)部分的設(shè)計(jì)。這才能保證在這么龐大的產(chǎn)品線下保持所有設(shè)計(jì)的一致性。
記者：那作為消費(fèi)類的這種電子產(chǎn)品會(huì)不會(huì)考慮不同人群使用分類，在作UI設(shè)計(jì)的時(shí)候有沒(méi)有這種考慮你們？
許士彥：首先大家對(duì)創(chuàng)新的了解最早是從IT界最著名“聲霸卡”開(kāi)始。過(guò)去創(chuàng)新公司為在多媒體計(jì)算機(jī)的建立做出了極大的貢獻(xiàn)。而這幾年創(chuàng)新從IT業(yè)界的平臺(tái)現(xiàn)在慢慢轉(zhuǎn)向消費(fèi)類電子產(chǎn)品這樣一個(gè)平臺(tái)。一直以來(lái)創(chuàng)新的軟件UI界面風(fēng)格的都是設(shè)計(jì)比較富有科技感、數(shù)字感，主要體現(xiàn)在是幾個(gè)部分，一、在質(zhì)感方面體現(xiàn)的是高科技金屬，二、在主色調(diào)方面是以藍(lán)、白為主，并搭配上創(chuàng)新標(biāo)志中的橙色。不過(guò)現(xiàn)在創(chuàng)新正在慢慢轉(zhuǎn)向lifestyle（生活化）的風(fēng)格。下一個(gè)階段我們?cè)谠O(shè)計(jì)風(fēng)格上，除了一方面考慮到windows下一代操作系統(tǒng)Vista的推出，另一方面我們也在尋求另外能體現(xiàn)創(chuàng)新文化新的一種設(shè)計(jì)語(yǔ)言讓中設(shè)計(jì)更富一種情感的元素。希望到時(shí)候大家拭目以待。
記者：作為消費(fèi)產(chǎn)品這種UI設(shè)計(jì)的一個(gè)流程是什么樣的？
許士彥：首先就是我們需要了解使用我們產(chǎn)品的用戶群。以創(chuàng)新MP3為例子，最主要的用戶群是在十幾歲到三十幾歲之間，所以針對(duì)這樣的年齡層，我們的設(shè)計(jì)里必須有體現(xiàn)出一些時(shí)尚的元素。所以在GUI界面設(shè)計(jì)的過(guò)程中，我們必須把握如何保證這些設(shè)計(jì)元素上面能夠很好的體現(xiàn)和突出，比如我們可以參考最新的流行色彩，最新的流行時(shí)裝樣式等等；第二個(gè)部分就是，在做交互設(shè)計(jì)的時(shí)候必須去理解這些用戶的使用習(xí)慣，從他們平常接觸的軟件，平常接觸的電器設(shè)備等等。從中去理解最適合他們的一種操作方式。
記者：通過(guò)這幾年的工作你所理解的UI工作特性是什么呢？
許士彥：UI是英文User Interface的縮寫(xiě)。中文一般稱作用戶界面。指的是使用者與機(jī)算計(jì)的溝通交流手段，在人和機(jī)器的互動(dòng)過(guò)程（Human Machine Interaction）中，有一個(gè)層面，即我們所說(shuō)的界面（interface）。從心理學(xué)意義來(lái)分，界面可分為感覺(jué)（視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等）和情感兩個(gè)層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)三個(gè)部分。
CREATIVE創(chuàng)新的體驗(yàn)中心
許士彥作品
記者：移動(dòng)娛樂(lè)終端設(shè)備的UI設(shè)計(jì)有什么特性呢？
許士彥：移動(dòng)娛樂(lè)終端設(shè)備俗稱PMP (portable media player)與大家熟悉的手機(jī)產(chǎn)品在某些方面看起來(lái)還是比較類似的。但是還是有一定的區(qū)別。首先從功能上，手機(jī)的最大用途是通訊。雖然攝像，音樂(lè)，視頻等等功能已經(jīng)開(kāi)始逐漸添加到手機(jī)的功能里。但是與PMP進(jìn)行比較你會(huì)發(fā)現(xiàn)，在PMP上的內(nèi)容的數(shù)量與手機(jī)比較起來(lái)不是一個(gè)數(shù)量級(jí)。因?yàn)楝F(xiàn)在的PMP設(shè)計(jì)里可以裝下上萬(wàn)首歌曲，上萬(wàn)張的幾百萬(wàn)像素級(jí)別的照片，好幾部電影或者電視劇。這是一種新的娛樂(lè)的革命，意味著你可以將你所有喜好的音樂(lè)照片視頻都帶在身邊，隨時(shí)隨地進(jìn)行欣賞或者于朋友分享。而對(duì)UI設(shè)計(jì)最大的挑戰(zhàn)在交互方面的表現(xiàn)就是如何使用戶用最短的時(shí)間找到他想要欣賞的歌曲。因?yàn)槟悴豢赡茉倮孟襁^(guò)去閃存MP3播放器的方式在一個(gè)個(gè)目錄里快速的尋找出你要的歌曲。因此UI設(shè)計(jì)師們需要替用戶找出一個(gè)有效的方法。很榮幸的CREATIVE在今年8月份取得了PMP設(shè)備“層級(jí)式導(dǎo)航瀏覽”的界面專利 Zen Patent ( 具體專利內(nèi)容請(qǐng)?jiān)L問(wèn) http://www.creative.com/zenpatent ) 簡(jiǎn)單的說(shuō)就是我們利用曲庫(kù)里的歌曲的信息，讓用戶通過(guò) 歌手>專輯>歌曲 的層級(jí)篩選的方式來(lái)讓用戶找到他想要的專輯或者歌曲。這種方式也給大容量掌上移動(dòng)設(shè)備帶來(lái)一種交互的革命。而在界面GUI設(shè)計(jì)上除了達(dá)到很舒服流暢的視覺(jué)享受以外，還必須考慮到對(duì)設(shè)備系統(tǒng)的運(yùn)算的消耗以免為了視覺(jué)的效果而反而影響到了產(chǎn)品電池使用的時(shí)間。
記者：你對(duì)這個(gè)行業(yè)將來(lái)的發(fā)展前景怎么看呢？
許士彥：雖然UI在國(guó)內(nèi)還屬于比較新的行業(yè)。但很高興的是現(xiàn)在UI設(shè)計(jì)在國(guó)內(nèi)已經(jīng)逐漸得到了重視。而這個(gè)行業(yè)在國(guó)內(nèi)還是有很大的發(fā)展空間。不過(guò)以現(xiàn)在來(lái)看國(guó)內(nèi)UI專業(yè)人才的方面還是非常缺乏的。
記者：簡(jiǎn)單介紹一下eico studio 工作室吧？
許士彥：eico studio工作室是我和Rokey在2004年11月份一起創(chuàng)建的。工作室的成立并不是以商業(yè)營(yíng)運(yùn)為目的，我們希望通過(guò)成立eico studio工作室在國(guó)內(nèi)甚至國(guó)際界面設(shè)計(jì)業(yè)界里樹(shù)立一面新旗幟。這一年的合作讓我們彼此有了更多相互學(xué)習(xí)和提高的機(jī)會(huì)。同時(shí) eico studio 也已經(jīng)成為許多剛進(jìn)入這個(gè)行業(yè)設(shè)計(jì)師的一個(gè)學(xué)習(xí)和努力的方向。
記者：你將來(lái)會(huì)繼續(xù)從事這個(gè)行業(yè)嗎？
許士彥：我會(huì)繼續(xù)從事這個(gè)行業(yè)，但是視覺(jué)設(shè)計(jì)方面投入的精力將會(huì)有所減少，將這些機(jī)會(huì)交給新一輩的設(shè)計(jì)師們。從而將精力投入到界面交互設(shè)計(jì)以及新產(chǎn)品的設(shè)計(jì)和開(kāi)發(fā)上。
記者：對(duì)于即將畢業(yè)的設(shè)計(jì)專業(yè)學(xué)生，如果想進(jìn)入U(xiǎn)I行業(yè)，需要哪些準(zhǔn)備？
許士彥：首先設(shè)計(jì)專業(yè)的學(xué)生，如果想進(jìn)入U(xiǎn)I行業(yè)首先應(yīng)該先考慮從 GUI 圖形界面設(shè)計(jì)開(kāi)始。首先可以先購(gòu)買(mǎi)一些參考書(shū)GUI設(shè)計(jì)有一個(gè)比較完整的了解。由于界面屬于像素級(jí)別的設(shè)計(jì)，所以和以前學(xué)校里掌握的平面設(shè)計(jì)技術(shù)或者網(wǎng)頁(yè)設(shè)計(jì)技術(shù)有一些區(qū)別。推薦可以去看看eicostudio.com , rarena.net 以及rokey.net網(wǎng)站上的一些界面設(shè)計(jì)教程以及作品。相信能為你們的學(xué)習(xí)帶來(lái)一些幫助。
記者：你喜歡哪些設(shè)計(jì)師？
許士彥：Apple 首席設(shè)計(jì)師 Jonathan Ive ，The Skins Factory創(chuàng)立者Jeff Schader ，Icon factory 的Icon設(shè)計(jì)師 Dave Brasgalla 和David Lanham 他們都是我喜歡的設(shè)計(jì)師。在和他們之中某些設(shè)計(jì)師的溝通中也讓我得到了不少啟發(fā)。
記者：有人說(shuō)你們，像黎萬(wàn)強(qiáng)，張偉，朱印，唐沐，郝曉偉，鄒翔，劉超，劉琦，璩凱，林欽這一批人，大家都算是UI界的第一代設(shè)計(jì)師，你對(duì)這種評(píng)價(jià)有什么看法？
許士彥：我們確實(shí)是屬于比較早接觸界面設(shè)計(jì)的設(shè)計(jì)師，因此我們也感覺(jué)到了各自的使命感，希望我們的設(shè)計(jì)能夠在業(yè)界中甚至在世界不同舞臺(tái)上有各自出色的發(fā)揮的表現(xiàn)
記者：你覺(jué)得象國(guó)內(nèi)的UI設(shè)計(jì)師跟國(guó)外的這些設(shè)計(jì)師相比較，有什么區(qū)別？
許士彥：國(guó)內(nèi)的設(shè)計(jì)師現(xiàn)在還是處于比較初期的階段，有很多人還把界面設(shè)計(jì)停留在GUI的部分，也就是視覺(jué)設(shè)計(jì)的部分。不過(guò)的通過(guò)大家對(duì)UI設(shè)計(jì)一步一步的重視和理解，從而逐步的開(kāi)始去重視UI的交互設(shè)計(jì)以及可用性設(shè)計(jì)這些方面。
記者：設(shè)計(jì)水平上差距有多大？
許士彥：單純從GUI設(shè)計(jì)水平上看，我們有很多GUI設(shè)計(jì)師。他們?cè)O(shè)計(jì)的一些作品其實(shí)已經(jīng)達(dá)到國(guó)際的一個(gè)水準(zhǔn)。但是在交互設(shè)計(jì)方面，國(guó)內(nèi)還是有一個(gè)大的發(fā)展空間和學(xué)習(xí)的空間。其次就是團(tuán)隊(duì)的合作的方式的效率，這方面是由于國(guó)內(nèi)起步的比較晚以及項(xiàng)目規(guī)模較小所以團(tuán)隊(duì)合作方面在國(guó)內(nèi)還是比較弱的。
記者：聽(tīng)說(shuō)國(guó)內(nèi)很多UI設(shè)計(jì)師會(huì)出版一本UI啟事錄的書(shū)，您是對(duì)這個(gè)事情怎么看？
許士彥：首先很榮幸我能參與到這個(gè)活動(dòng)，同時(shí)也感謝怒放、小林為這個(gè)活動(dòng)投入努力。我相信通過(guò)這一系列的活動(dòng)能夠更好的促進(jìn)國(guó)內(nèi)UI設(shè)計(jì)的發(fā)展。特別也是給予在校學(xué)生了解以及接觸這個(gè)行業(yè)的一次機(jī)會(huì)。
記者：您認(rèn)為這個(gè)事情對(duì)國(guó)內(nèi)UI設(shè)計(jì)會(huì)帶來(lái)什么？
許士彥：首先最簡(jiǎn)單的就是從宣傳以及從大眾的認(rèn)知上面有一個(gè)新的渠道去突破，另外一方面也是讓UI設(shè)計(jì)師從幕后的默默工作走出來(lái)展現(xiàn)給大眾去理解，讓人們更深入的去了解這樣一個(gè)行業(yè)，所以希望UI設(shè)計(jì)今后能在中國(guó)的更快速的發(fā)展和開(kāi)拓。
記者：對(duì)視覺(jué)同盟的讀者說(shuō)幾句吧。
許士彥：與國(guó)內(nèi)的設(shè)計(jì)類網(wǎng)站比較起來(lái)視覺(jué)同盟建立的時(shí)間并不長(zhǎng)，但是設(shè)計(jì)的覆蓋面比較廣泛，而且還有很多很有特色的欄目比如同盟競(jìng)賽場(chǎng)和院校同盟等等。因此也成為我經(jīng)常光顧的設(shè)計(jì)網(wǎng)站之一，希望大家關(guān)注UI設(shè)計(jì)，關(guān)注視覺(jué)同盟。在這里衷心希望視覺(jué)同盟能越辦越好越出色。
