uisdc-review-bn

編者按:今天的訪談人物@張曉翔Celegorm?同學們都耳熟能詳了,自學成才的UI設計大神,追波收贊人氣高手,做過策劃、平面設計、甚至是建筑燈光設計,現在是騰訊電腦管家視覺設計的Leader,關于他那些不為人知的自學經歷和設計經驗,全在這篇專訪里邊咯。

先給大家介紹下張曉翔老師:

畢業于同濟大學,08年12月至2010年7月在創業公司做過策劃,平面設計師,建筑燈光設計(建筑外立面燈光,景觀燈光等);

2010年8月至2011年8月在威鋒網(Feng.com)任設計師,處理所有視覺,平面,視頻相關的設計和創意;

2011年9月至2013年6月在E人E本做手寫平板電腦界面設計;

2013年7月入職騰訊,目前在騰訊MIG桌面安全產品部,任高級視覺設計師一職,為騰訊電腦管家產品線的視覺設計負責人。

——————————————————————?職業篇 ——————————————————————

1,作為一個無證大神,您的自學經歷是怎樣的?自學的過程中,有想特別感謝的人木有?

答:自學的動力主要來自于興趣,我從小就愛折騰電子產品,剛上大專那會兒市面上慢慢出現了可以更換主題的功能機。以前手機不像現在的智能機,換個主題非常方便,而是需要一些特殊工具通過刷機的方式把主題刷進去……有點扯遠了,簡單說,我是通過給手機換主題,慢慢接觸UI這行的。

最初,先是自己學著換別人做的主題,后來慢慢發展成自己試著用PS改一改自己喜歡的主題,在網上搜靈感和素材的過程中發現了一個叫WinCustomize的網站,才知道原來還有另外一片天空。上面聚集了很多給Windows做過主題的牛人,這個網站還組織過多期GUIchampion 世界性質的主題比賽,記得當時國內不少前輩還拿過獎,令人印象深刻的有JJ.Ying的Edisso,Azenis,Andraw(大師現在在騰訊已經是專家級別的總監了)的Rounder,還有Knightpan的The Mayan Civilzation。前年身在騰訊Knightpan乃哥的組在招人,我認出之后果斷去了,成了我的Leader,現在這位大神升總監了,在廣州帶手機管家團隊,又扯遠了……他們當年的作品讓我對GUI產生了極大的好奇心和興趣,現在回想起來依然覺得他們很牛,望塵莫及。這里我特別感謝一下JJ.Ying,除了他的作品有對我產生積極的影響以外,我的Dribbble也是他邀請我的,一路上沒有他的幫助和影響,恐怕我還在從事其他方面的設計工作。

關于JJ YING大神的訪談:《優設訪談!百度設計大咖JJ YING的自學成才之路》

work20151227

△ 曉翔老師過往作品

2,在08年那段從策劃轉平面設計再到建筑燈光設計的經歷中,是什么讓您下決心做UI的?

答:剛畢業那會兒還是想多嘗試一些不同的工作方式,那時候并不知道自己到底想要什么,于是就不斷的嘗(跳)試(槽),差不多做到自己上班像上墳一樣時候就換地兒。去E人E本之前基本是一年一跳,來了騰訊之后才算安穩下來。上個問題我有提到過,主要是興趣驅動,畫圖標畫界面做Demo時我可以不吃飯不睡覺,像打了雞血一樣,如果沒有興趣和激情,一個正常人類肯定不會這樣。所以,并不能說我下了決心,而是嘗試了多個方向之后,還是打算重拾上學時的愛好,當然,也不是說之前的經歷都沒用,起碼我知道這些做過的方向都不適合我。

2e20151227

△ 在E人E本的作品

3,您目前在騰訊MIG桌面安全產品部承擔的職責是?

答:主要負責騰訊電腦管家這個產品線的設計,加速小火箭,電腦管家Mac版,游戲加速,一些內部的創新線項目,例如之前的全民Wi-Fi也屬于我負責的范疇。

dngj20151227

△ 騰訊管家11版界面

wifi20151227 (2)

△ 全民Wi-Fi

4,騰訊電腦管家從8.0版本到8.8版本變化巨大,與大多數殺毒軟件的界面設計截然相反,能否聊聊您當時的設計思路?是如何突破以往經驗的?

答:先說背景,電腦管家8.0當時存在幾個問題:

  1. 與市面上的競品差異度不足,大家都長得差不多。
  2. 大量的信息呈現,使用戶無法搜尋和聚焦自己想要使用的功能。
  3. 普遍用戶認為,界面大內容多,軟件本身運行速度就很慢。

所以我們要解決的問題就是,減輕體驗的沉重感,聚焦核心功能,與競品拉開差異度。先鋒版(8.8)的設計方向基本是按照這句話做的延伸。從零開始,重新梳理框架層,放大感知設計,情感化設計,從先鋒版開始我們就加入了大量的交互動畫,目的就是為了進一步與競品拉開差距。

dngj20151227-1

△ 騰訊電腦管家11版界面

5,新界面的動效設計讓人眼前一亮,微博上好評如潮,給大家科普下里邊運用的動效三原則吧

答:這三個原則是我們在做管家10版本時,結合做管家先鋒版(8.8)的經驗總結出來的。

1.之前我們通過一組用研數據了解到,用戶對于打開網頁和軟件的延遲,超過一秒才會感知到。管家8.0的時候因為沒有交互動畫,用戶在tab與tab之間切換的時候會有一定的加載延遲,所以從感知上會有一種“卡”的感覺,一秒動畫的主要作用就是為了填補用戶在與軟件的交互過程中所產生加載時間的空白。另外,我們所有的動畫也都是一秒收尾,給用戶提供合理的操作反饋和成就感的同時,不騷擾到用戶,盡量做到干凈,利索,不拖泥帶水。

motion20151227 (1)

2.點線圈主要指的是在管家10所有的動畫中,我們均使用的是基于點、線、圈演變而來的視覺風格。除了這些元素本身就可以體現出輕量化的感知以外,這些元素的圖形占比非常小,所以即使做出大幅度的變化也不會對用戶視覺上產生干擾。

motion20151227 (1)

3.緩動,除了掃描,加載動畫以外,我們基本上通通使用緩動曲線去模擬真實的物理表現,盡量避免出現線性動畫中常有的過渡不自然的情況。

motion20151227 (2)

6,主導了騰訊電腦管家版本從8.8到11這個過程,您有什么新的設計感悟呢?

答:如果說8.8是一種突破,10是某種風格的極致探索,那11則講究的是一種平衡,現有風格和流行趨勢之間的平衡,用戶群體與產品定位之間的平衡,商業價值與用戶價值之間的平衡等等。我們希望從中找到一個相對完美的平衡點,我們不希望在同行眼中被定義成“藝術家”,我們也不希望用戶告訴我們,你們的產品一點也不接地氣。設計該是什么樣就是什么樣,以人為本,以用戶價值為依歸,我們不希望像之前做10版本時對特定風格的糾結,從某個角度來說可能沒法完全滿足用戶的訴求,例如換膚。我們深知我們離這個目標還有很長的一段路要走,但我堅信,我們一定會努力進一步縮短這個距離,找到一個大家都認可的平衡點。

7,在臨摹成風的情況下,您覺得新人設計師該如何把握好臨摹和原創之間的度?

答:臨摹有時候會造成一種錯覺,讓人認為,我通過我的方式“畫”出跟原圖一樣的效果,那么我的制圖能力也就跟原圖的設計師非常接近了,但實際上是,你完全忽略了原圖的設計師在創作作品時的推演過程,思考過程,忽略了為什么要這樣去表現,而不那樣去表現的種種理由。這是個先有雞還是先有蛋的哲學問題,如果沒有別人種的因,就沒有你現在得出的“果”。不是說臨摹這個行為本身是錯誤的,而是要正確認識臨摹這個行為能夠給你帶來什么價值。我曾經在微博上反復強調過,你通過臨摹對某些表現形式產生了一定的理解,那么你就可以用你的這種理解和視角去畫一些你自己想畫的東西,而這些東西是屬于你自己的。畫得再像,那也是別人的。

work201512272

△ 曉翔老師過往作品

8,您強調設計師是解決問題的人,那么新人該如何提高解決問題的能力?

答:首先學會拆析問題,咱們生活本身就是由無數個問題組成的。你肚子餓了,困了,你的身體給你提出了問題,你去吃飯,睡覺,這是解決了問題。每次接到新的需求,逐個拆解,逐個解決就好。我個人的建議是,在你沒有能夠找到合適的解決方法的時候,不要只顧著提出問題,你要向別人展現的,并不是你有多聰明,多會挑刺,而是,你是一個實實在在可以解決問題的人。另外,有一部分人覺得,我把一個問題定性了,例如直接拒絕需求方,拒絕處理解決問題,或者說這個問題無解,也算是一種解決方法,其實這個理解是有誤的。所謂的真正的解決問題的方式應該是,以對方的訴求為基點,提出有效的改善方法,由一方滿足,變成滿足雙方訴求的結果,才能算是解決問題,你單方面拒絕,不合作,主觀武斷的給問題定性,這并不能算是解決問題。

think20151227

9,在無法快速迭代/老板一言堂的公司,設計師該如何確定目前的產品方向是否正確?

答:有先例看先例,有競品,看競品,在產品方向上有任何疑問都要先看數據,用戶評價,分析趨勢。如果這些都沒有,你們在做一款市面上完全沒有的全新產品,那非常簡單,就由老板決定就好。自己YY沒有任何證據的認為產品方向是錯誤的,對于你的老板來說你就是一個執行效率很差,拒絕工作的一個庸人,他只要把你換掉就好。在騰訊,產品方向和設計質量往往是分開的,因為產品方向的錯誤,導致產品失敗,沒人會讓設計去背這口黑鍋,至少我所在的這個部門沒有。我仍然記得,年會時跟老板喝酒,老板對我說,“XX產品設計挺好的,只是產品方向錯了而已?!崩习鍌兤鋵嵭睦锒加袛?,哪還需要你去操那份閑心。老板也好,用戶也好,多關注利益點,誰能夠把你的價值最大化,你就傾向于誰。

10,作為騰訊電腦管家這個產品的視覺負責人,您在團隊建設方面有什么親歷經驗?

答:

1.先交朋友再做事,我們經常一起吃飯,基本不在吃飯的時候聊工作的事情。只要出去團建一定是以開心,舒服為主?;顒又饕浅燥?,吃各種好吃的餐館,為了避免團建占用大家的時間,我們基本上都在工作日中午進行,嗯,愛周末組織團建的人都是流氓。

2.我們組大部分人是通過我這個渠道進入騰訊的,我招人的心態就是,合作伙伴為主,最好身上有一些我身上沒有的東西,大家可以互相學習,共同進步。比我差,或者跟我類似的人,我會推薦到其他團隊里去,保證團隊里每個人都有一定的特點和特長,大家都有各自擅長和負責的領域。

3.帶團隊的人,本身一定要做到技術碾壓,自身沒有過人的能力和技術在身,是難以服眾的。

4.好的leader應該是帶領大家一起做目標相同的事情,主要以做事,解決問題為導向,而不是管理人為導向。同時,能夠把自身的經驗,能力和做事的激情很好的傳承給一起合作過的,更有潛力的設計師。

11,在招人無數閱遍簡歷后,有哪些建議給投簡歷找工作的同學?

答:可以看一下我之前發在微博上的“關于投簡歷的那點事兒”,文章地址:http://weibo.com/1867713342/B4wJ02z10

—————————————————————— 生活篇 ——————————————————————

1,和我們聊聊您包里都裝了什么吧

答:我不吸煙,也不攝影。平時就裝這些,我的雙肩包里其實常年帶著4瓶飲料,實在沒什么好拍的就不拍了。

per20151227 (2)

2,大家也想看看您家里/公司的工作臺

答:

workspace20151227

3,作為一枚模型愛好者,你最喜歡的模型是哪個?背后有什么故事么?

答:變形金剛,小時候我父親就愛買變形金剛玩具給我,一直喜歡到現在。背后沒有什么特別的故事,就是覺得變形金剛的設計者心思很巧妙,以前只是覺得好玩,現在都是抱著敬畏之心去搜藏(其實還是會把玩的,變來變去其樂無窮)。

—————————————————————— 彩蛋篇 ——————————————————————

1,您是怎么了解到優設的,來吧,鞭撻我們吧!

答:我記憶當中是優設轉了某個作品,我說出了出處,通過私信勾搭了一下,就這么認識了。說實話,國內的網站我不常用,但周圍的人有在關注,口碑還挺不錯的。偶爾我會到優設網站上查一些國外分享的文章,基本上挺全,翻譯的也不錯?;旧衔宜闶悄脑趬且娮C優設一步一步的成長,希望你們能夠保持這份熱情,把這個平臺做大做強。另外,請你們一定要格外注意版權問題,文章版權,轉載的圖片,寫點東西做點設計不容易,有時候平臺做大了,很多細節關注不到,我們也能理解,無論如何,請盡量做到最好吧。

(編者注:收到,這點請同學們放心 ^ ^)

2,您有沒有想吐槽的關于設計圈的事兒?

答:我就說一點,開設計培訓班沒什么不好,但一定要注意,你們所傳授的不是某個特定模式,或者說特定模版,大家都按照這種方式去做,就可以達到某個目的,例如進某些公司,認識某些人或者說成為這個行業的精英。你們要傳授的應該是在做設計時的一種思考方式,你的思路。通過你們這些年來在行業里從業的經驗,幫助大家少走彎路,能夠快速解決工作中遇到的問題。既然成為一名講師,就要對自己的學生負責,對這個行業負責,再說大點,要對這個社會負責,我們都不想在招聘的時候收到100份一模一樣的簡歷,所以,切勿誤人子弟。

PS. 推薦一些在Dribbble上我認為很有趣的設計師:

1.??? Dave Chenell,遠在美國紐約的自由設計師,動效做得很棒,作品氛圍烘托得很好。https://dribbble.com/dchen

2.??? Vincenzo lodigiani,也是在美國紐約的設計師,作品雖少,但都很有趣。https://dribbble.com/centolodigiani

3.??? Dave Mottram,在美國俄亥俄州的插畫師,偶爾會有不同的風格變化,不過我都喜歡。https://dribbble.com/dmott70

4.??? Markus Magnusson,在瑞典的動效,插畫師,作品巨好玩,有時候有種Dribbble上GIFs分類全靠他在支撐的錯覺。https://dribbble.com/MarkusM

其實這只是冰山一角,我還有很多設計師想推薦,就看優設安排不安排二期專訪了。^_^

(編者注:下期見 ^ ^)

優設國內設計大牛/知名團隊專訪系列:

  1. 《優設訪談!騰訊設計師米田的設計之道與成長之路》
  2. 《優設訪談!著名設計師馮鐵的設計思考與經驗之談》
  3. 《優設訪談!騰訊高級交互設計師C7210的十年設計路》
  4. 《優設訪談!國內知名設計團隊專訪之滴滴DISIGN》
  5. 《優設訪談!阿里交互設計專家劉津的設計管理之路》
  6. 《優設訪談!LBE安全大師產品總監曉生的職場進階之路》
  7. 《優設訪談!阿里資深設計師的自學設計之路》
  8. 《優設訪談!國內知名設計團隊專訪之百度大UE》
  9. 《優設訪談!百度設計大咖JJ YING的自學成才之路》
  10. 《優設訪談!灰晝:從非科班生到首席美術總監的15年設計路》

「遠道而來」

給大牛們做專訪這么多期,最直接的感受是「認真」。他們大多是總監級別的設計師,平時非常忙,寫完一篇專訪不容易,但發回來的專訪不僅配圖精美,命名規范,連動效圖的大小都壓縮過,而且內文非常細心,沒有錯別字不說、字母大小寫也嚴格執行(比如上面GIF后邊的小寫s)。自己寫過長文的同學應該知道這樣做的難度,不是完美強迫癥+特別認真很難做到。

說到認真爆個料:老羅創立錘子科技時曾邀請曉翔老師過去,他的名言剛好作為結語:我不是為了輸贏,我就是認真。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量107萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 9

發表評論 已發布 1

還可以輸入 800 個字
 
 
載入中....
相關推薦
1 收藏