腾讯电脑管家视觉负责人张晓翔的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也是他邀请我的,一路上没有他的帮助和影响,恐怕我还在从事其他方面的设计工作。

 

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

△ 晓翔老师过往作品

2,在08年那段从策划转平面设计再到建筑灯光设计的经历中,是什么让您下决心做UI的?

答:刚毕业那会儿还是想多尝试一些不同的工作方式,那时候并不知道自己到底想要什么,于是就不断的尝(跳)试(槽),差不多做到自己上班像上坟一样时候就换地儿。去E人E本之前基本是一年一跳,来了腾讯之后才算安稳下来。上个问题我有提到过,主要是兴趣驱动,画图标画界面做Demo时我可以不吃饭不睡觉,像打了鸡血一样,如果没有兴趣和激情,一个正常人类肯定不会这样。所以,并不能说我下了决心,而是尝试了多个方向之后,还是打算重拾上学时的爱好,当然,也不是说之前的经历都没用,起码我知道这些做过的方向都不适合我。

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

△ 在E人E本的作品

3,您目前在腾讯MIG桌面安全产品部承担的职责是?

答:主要负责腾讯电脑管家这个产品线的设计,加速小火箭,电脑管家Mac版,游戏加速,一些内部的创新线项目,例如之前的全民Wi-Fi也属于我负责的范畴。

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

△ 腾讯管家11版界面

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

△ 全民Wi-Fi

4,腾讯电脑管家从8.0版本到8.8版本变化巨大,与大多数杀毒软件的界面设计截然相反,能否聊聊您当时的设计思路?是如何突破以往经验的?

答:先说背景,电脑管家8.0当时存在几个问题:

  1. 与市面上的竞品差异度不足,大家都长得差不多。
  2. 大量的信息呈现,使用户无法搜寻和聚焦自己想要使用的功能。
  3. 普遍用户认为,界面大内容多,软件本身运行速度就很慢。

所以我们要解决的问题就是,减轻体验的沉重感,聚焦核心功能,与竞品拉开差异度。先锋版(8.8)的设计方向基本是按照这句话做的延伸。从零开始,重新梳理框架层,放大感知设计,情感化设计,从先锋版开始我们就加入了大量的交互动画,目的就是为了进一步与竞品拉开差距。

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

△ 腾讯电脑管家11版界面

5,新界面的动效设计让人眼前一亮,微博上好评如潮,给大家科普下里边运用的动效三原则吧

答:这三个原则是我们在做管家10版本时,结合做管家先锋版(8.8)的经验总结出来的。

1.之前我们通过一组用研数据了解到,用户对于打开网页和软件的延迟,超过一秒才会感知到。管家8.0的时候因为没有交互动画,用户在tab与tab之间切换的时候会有一定的加载延迟,所以从感知上会有一种“卡”的感觉,一秒动画的主要作用就是为了填补用户在与软件的交互过程中所产生加载时间的空白。另外,我们所有的动画也都是一秒收尾,给用户提供合理的操作反馈和成就感的同时,不骚扰到用户,尽量做到干净,利索,不拖泥带水。

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

2.点线圈主要指的是在管家10所有的动画中,我们均使用的是基于点、线、圈演变而来的视觉风格。除了这些元素本身就可以体现出轻量化的感知以外,这些元素的图形占比非常小,所以即使做出大幅度的变化也不会对用户视觉上产生干扰。

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

3.缓动,除了扫描,加载动画以外,我们基本上通通使用缓动曲线去模拟真实的物理表现,尽量避免出现线性动画中常有的过渡不自然的情况。

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

6,主导了腾讯电脑管家版本从8.8到11这个过程,您有什么新的设计感悟呢?

答:如果说8.8是一种突破,10是某种风格的极致探索,那11则讲究的是一种平衡,现有风格和流行趋势之间的平衡,用户群体与产品定位之间的平衡,商业价值与用户价值之间的平衡等等。我们希望从中找到一个相对完美的平衡点,我们不希望在同行眼中被定义成“艺术家”,我们也不希望用户告诉我们,你们的产品一点也不接地气。设计该是什么样就是什么样,以人为本,以用户价值为依归,我们不希望像之前做10版本时对特定风格的纠结,从某个角度来说可能没法完全满足用户的诉求,例如换肤。我们深知我们离这个目标还有很长的一段路要走,但我坚信,我们一定会努力进一步缩短这个距离,找到一个大家都认可的平衡点。

7,在临摹成风的情况下,您觉得新人设计师该如何把握好临摹和原创之间的度?

答:临摹有时候会造成一种错觉,让人认为,我通过我的方式“画”出跟原图一样的效果,那么我的制图能力也就跟原图的设计师非常接近了,但实际上是,你完全忽略了原图的设计师在创作作品时的推演过程,思考过程,忽略了为什么要这样去表现,而不那样去表现的种种理由。这是个先有鸡还是先有蛋的哲学问题,如果没有别人种的因,就没有你现在得出的“果”。不是说临摹这个行为本身是错误的,而是要正确认识临摹这个行为能够给你带来什么价值。我曾经在微博上反复强调过,你通过临摹对某些表现形式产生了一定的理解,那么你就可以用你的这种理解和视角去画一些你自己想画的东西,而这些东西是属于你自己的。画得再像,那也是别人的。

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

△ 晓翔老师过往作品

8,您强调设计师是解决问题的人,那么新人该如何提高解决问题的能力?

答:首先学会拆析问题,咱们生活本身就是由无数个问题组成的。你肚子饿了,困了,你的身体给你提出了问题,你去吃饭,睡觉,这是解决了问题。每次接到新的需求,逐个拆解,逐个解决就好。我个人的建议是,在你没有能够找到合适的解决方法的时候,不要只顾着提出问题,你要向别人展现的,并不是你有多聪明,多会挑刺,而是,你是一个实实在在可以解决问题的人。另外,有一部分人觉得,我把一个问题定性了,例如直接拒绝需求方,拒绝处理解决问题,或者说这个问题无解,也算是一种解决方法,其实这个理解是有误的。所谓的真正的解决问题的方式应该是,以对方的诉求为基点,提出有效的改善方法,由一方满足,变成满足双方诉求的结果,才能算是解决问题,你单方面拒绝,不合作,主观武断的给问题定性,这并不能算是解决问题。

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

9,在无法快速迭代/老板一言堂的公司,设计师该如何确定目前的产品方向是否正确?

答:有先例看先例,有竞品,看竞品,在产品方向上有任何疑问都要先看数据,用户评价,分析趋势。如果这些都没有,你们在做一款市面上完全没有的全新产品,那非常简单,就由老板决定就好。自己YY没有任何证据的认为产品方向是错误的,对于你的老板来说你就是一个执行效率很差,拒绝工作的一个庸人,他只要把你换掉就好。在腾讯,产品方向和设计质量往往是分开的,因为产品方向的错误,导致产品失败,没人会让设计去背这口黑锅,至少我所在的这个部门没有。我仍然记得,年会时跟老板喝酒,老板对我说,“XX产品设计挺好的,只是产品方向错了而已。”老板们其实心里都有数,哪还需要你去操那份闲心。老板也好,用户也好,多关注利益点,谁能够把你的价值最大化,你就倾向于谁。

10,作为腾讯电脑管家这个产品的视觉负责人,您在团队建设方面有什么亲历经验?

答:

1.先交朋友再做事,我们经常一起吃饭,基本不在吃饭的时候聊工作的事情。只要出去团建一定是以开心,舒服为主。活动主要是吃饭,吃各种好吃的餐馆,为了避免团建占用大家的时间,我们基本上都在工作日中午进行,嗯,爱周末组织团建的人都是流氓。

2.我们组大部分人是通过我这个渠道进入腾讯的,我招人的心态就是,合作伙伴为主,最好身上有一些我身上没有的东西,大家可以互相学习,共同进步。比我差,或者跟我类似的人,我会推荐到其他团队里去,保证团队里每个人都有一定的特点和特长,大家都有各自擅长和负责的领域。

3.带团队的人,本身一定要做到技术碾压,自身没有过人的能力和技术在身,是难以服众的。

4.好的leader应该是带领大家一起做目标相同的事情,主要以做事,解决问题为导向,而不是管理人为导向。同时,能够把自身的经验,能力和做事的激情很好的传承给一起合作过的,更有潜力的设计师。

11,在招人无数阅遍简历后,有哪些建议给投简历找工作的同学?

答:可以看一下我之前发在微博上的“关于投简历的那点事儿”,文章地址:http://weibo.com/1867713342/B4wJ02z10

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

1,和我们聊聊您包里都装了什么吧

答:我不吸烟,也不摄影。平时就装这些,我的双肩包里其实常年带着4瓶饮料,实在没什么好拍的就不拍了。

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

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

答:

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

3,作为一枚模型爱好者,你最喜欢的模型是哪个?背后有什么故事么?

答:变形金刚,小时候我父亲就爱买变形金刚玩具给我,一直喜欢到现在。背后没有什么特别的故事,就是觉得变形金刚的设计者心思很巧妙,以前只是觉得好玩,现在都是抱着敬畏之心去搜藏(其实还是会把玩的,变来变去其乐无穷)。

  • 腾讯电脑管家视觉负责人张晓翔的UI自学之路已关闭评论
    A+
发布日期:2015年12月29日  所属分类:产品经验  视觉输出