騰訊電腦管家視覺負責人張曉翔的UI自學之路

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

　　畢業於同濟大學，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也是他邀請我的，一路上沒有他的幫助和影響，恐怕我還在從事其他方面的設計工作。

　　△ 曉翔老師過往作品

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

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

　　△ 在E人E本的作品

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

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

　　△ 騰訊管家11版界面

　　△ 全民Wi-Fi

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

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

　　與市面上的競品差異度不足，大家都長得差不多。

　　大量的信息呈現，使用戶無法搜尋和聚焦自己想要使用的功能。

　　普遍用戶認為，界面大內容多，軟件本身運行速度就很慢。

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

　　△ 騰訊電腦管家11版界面

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

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

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

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

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

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

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

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

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

　　△ 曉翔老師過往作品

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

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

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

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

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

　　答：

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

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

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

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

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

　　答：可以看一下我之前發在微博上的“關於投簡歷的那點事兒”

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

　　1，和我們聊聊您包裡都裝了什麼吧

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

　　2，大家也想看看您家裡/公司的工作台

　　答：

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

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

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

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

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

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

　　2，您有沒有想吐槽的關於設計圈的事兒?

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