优设专访!腾讯电脑管家视觉负责人张晓翔的UI自学之路

2017/06/27 32998

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,您是怎么了解到优设的,来吧,鞭挞我们吧!

答:我记忆当中是优设转了某个作品,我说出了出处,通过私信勾搭了一下,就这么认识了。说实话,国内的网站我不常用,但周围的人有在关注,口碑还挺不错的。偶尔我会到优设网站上查一些国外分享的文章,基本上挺全,翻译的也不错。基本上我算是默默的在墙角见证优设一步一步的成长,希望你们能够保持这份热情,把这个平台做大做强。另外,请你们一定要格外注意版权问题,文章版权,转载的图片,写点东西做点设计不容易,有时候平台做大了,很多细节关注不到,我们也能理解,无论如何,请尽量做到最好吧。

(编者注:收到,这点请同学们放心 ^ ^)

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)。自己写过长文的同学应该知道这样做的难度,不是完美强迫症+特别认真很难做到。

说到认真爆个料:老罗创立锤子科技时曾邀请晓翔老师过去,他的名言刚好作为结语:我不是为了输赢,我就是认真。

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量107万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/uisdc-designer-interview-celegorm

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里