腾讯电脑管家视觉负责人张晓翔的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份一模一样的简历,所以,切勿误人子弟。

时间: 2024-10-03 12:07:33

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

合规网站称被“误伤” 腾讯电脑管家遭抗议

互联网入口越来越被几大巨头所把持,所引起的纷争也越来越激化. 昨日上午9:00左右,当腾讯北京的员工陆续来到http://www.aliyun.com/zixun/aggregation/36263.html">银科大厦上班时,发现楼下多出了不少"示威者"和"围观者". 一位现场人士告诉记者,有 数人拉横幅抗议,条幅写有"腾讯互联网一霸"等字样.没过多久,附近派出所民警迅速出动带走了参与抗议事件的当事人. 据记者了解,事情起因是腾

腾讯电脑管家:反“网络钓鱼”亟需斩断源头

"治理并打击网络钓鱼等犯罪行为,不仅需要企业间联合行动,同时更需要建立一套完整的犯罪追踪机制,从源头斩断黑色利益链."在 11 月 12 日召开的 AVAR2012 大会中,腾讯副总裁曾宇强调,网络信息安全不仅仅是木马病毒,网络钓鱼.诈骗的危害已经成为当下威胁网民个人财产及隐私安全的第一杀手. 当天,来自澳大利亚,中国,中国香港,印度,韩国,菲律宾,新加坡,中国台湾,英国以及美国等国家和地区的 300 余位全球反病毒及网络安全专家参加了 AVAR2012 大会,而"中国当前网

腾讯电脑管家:网络钓鱼多 血拼悠着点

硅谷网11月12日讯 正当各大电商平台相继备战" 双11"网购节之际,另外一个由http://www.aliyun.com/zixun/aggregation/26977.html">网络钓鱼.诈骗集团所主导的"行动组织"也早已开始了撒网布局:通过制作 大量钓鱼网站,准备在"双11"网购节期间浑水摸鱼大捞一笔. "要不是我自己是银行工作人士,这650元可就真被骗走了."李女士告诉记者,前晚10时许,她在淘宝网站

合规网站称被“误伤”腾讯电脑管家遭抗议

互联网入口越来越被几大巨头所把持,所引起的纷争也越来越激化.昨日上午9:00左右,当腾讯北京的员工陆续来到银科大厦上班时,发现楼下多出了不少"示威者"和"围观者".一位现场人士告诉记者,有数人拉横幅抗议,条幅写有"腾讯互联网一霸"等字样.没过多久,附近派出所民警迅速出动带走了参与抗议事件的当事人.据记者了解,事情起因是腾讯旗下的安全软件电脑管家将一家名为"便宜机票网"的网站作为恶意网址拦截所致.在今年5月,一家名为便宜机票网的

腾讯电脑管家推出XP专业保护版

腾讯电脑管家推出了XP专业保护版,联合金山.搜狗.知道创宇.乌云及Keen Team等国内安全厂商共同为XP机器打补丁.微软中国宣布XP在中国区将继续提供安全支持的官方声明中,只提到了一家中国合作厂商,就是腾讯. 新闻稿: 距离微软停止支持XP的时间日益临近,服役13年的Windows XP即将告别老东家.各家安全企业纷纷发声将继续为用户提供安全防护,避免国内2亿XP用户"裸奔".2月26日,腾讯电脑管家最新宣布推出腾讯电脑管家XP专业保护版,成为全国首款针对XP系统的专业安全防护软件

腾讯电脑管家下载保护弹窗提醒在哪里设置

  腾讯电脑管家设置下载保护弹窗提醒方法 您可以进入实时防护设置中心,选择"自动删除木马文件",或进行其他弹窗提醒的设置.

腾讯电脑管家帐号宝常见问题有哪些

  腾讯电脑管家帐号宝常见问题汇总 1.什么是帐号宝? 答:帐号宝是一个专门保护QQ安全,由腾讯qq和腾讯电脑管家联合推出的QQ安全防护功能,旨在加强用户QQ帐号的保护.此次腾讯QQ联合电脑管家推出帐号宝,为QQ用户提供"事前.事中.事后"安全检测及防护,事前的盗号木马抢杀.特定木马专项拦截.可疑程序拦截,事中的文件安全检测.网址安全检测和摄像头保护,事后的帐号异常即时提醒和一键改密功能,八条战线对盗号行为进行全面围剿,几乎覆盖用户可能会遇到帐号风险的全部节点,最大程度地保护QQ帐号的

腾讯电脑管家软件打不开怎么办?

  腾讯电脑管家软件打不开怎么办?一起来看看今天的教程吧! 解决方法一:先卸载百度卫士和百度杀毒,如果安装有百度其它产品建议一并卸载,如百度浏览器,百度输入法,百度壁纸,百度日历,百度影音等软件.卸载完后,重新安装腾讯电脑管家即可. 解决方法二: 1.在"开始--运行"中,输入gpedit.msc,调出组策略编辑器. 运行 2.看下"系统--不要运行指定的windows应用程序",默认的是否是"未配置"状态. windows应用程序 3.如果管家

腾讯电脑管家帐号宝怎么用

  腾讯电脑管家帐号宝是什么?腾讯电脑管家帐号宝怎么用? 腾讯电脑管家帐号宝 1.什么是帐号宝? 答:帐号宝是一个专门保护QQ安全,由腾讯qq和腾讯电脑管家联合推出的QQ安全防护功能,旨在加强用户QQ帐号的保护.此次腾讯QQ联合电脑管家推出帐号宝,为QQ用户提供"事前.事中.事后"安全检测及防护,事前的盗号木马抢杀.特定木马专项拦截.可疑程序拦截,事中的文件安全检测.网址安全检测和摄像头保护,事后的帐号异常即时提醒和一键改密功能,八条战线对盗号行为进行全面围剿,几乎覆盖用户可能会遇到帐