Flyme 视觉总设计师,他操刀了从 Flyme 3 到 Flyme 5 的视觉设计,在这篇文章,我和你聊一聊他的设计自学之路。
陈希
年龄:27
出生:山西运城
职位:Flyme 视觉总设计师
毕业:西安外事学院
工作时间:4 年
陈希像个设计师,我说的不是内在,而是外在。
简单的外套,加一件破洞的牛仔,在工作节奏极快的 Flyme 办公楼里,陈希的装扮显的有那么点格格不入。
陈希说话的语速极快,我说的不是快,而是极快。
每次在聊到他的兴趣点的时,他的语速快的有点像机关枪,突突突的就向你袭来,经常我还沉浸在上一段对话中,他的逻辑却已经跳转到了下一个问题上。
这一切都使我对他的经历产生了极大的兴趣。
问及陈希的学生时代,他向我总结了一个字。
玩。
「在小学三年级之前,我都是在农村读书,早上 5 点上学,到下午 3 点就能回家,一到放学,我就跟着村里的一窝铁哥们在田里疯玩,有时候带着自己的狗去山里刨笋,又或者在自己家门前的河里捉鱼,现在回想起来,儿时的那段时光简直就是小学语文课本里故事的翻版。」
从小带着点野性的陈希注定就不是那么一个听话的孩子,陈希的父亲是一名公务员,每天需要去几公里外的县城里上班,这使得生活在农村的陈希经常可以不受父母监督的随心所欲的做自己喜欢的事。
「小时候经常喜欢跟着朋友出去野,我爸天天在我耳边吹风,但我也没怎么听,依然比较我行我素。」
陈希的父亲注意到了自己孩子在小学时性格就已经出现了和他预期不相符的表现,而陈希自己也意识到如果继续和一帮损友混,未来很可能刹不住车,于是在初三,陈希被送到了一所封闭式军事化管理的学校。
陈希在压抑中度过了 1 年的初三时光,而让他觉得生活还有那么一点意思的就只剩下绘画了。
即使陈希的父亲对他的叛逆采取了强硬的打压措施,但对于他的兴趣爱好却一直保持着支持的态度。
从小就对色彩非常敏感的陈希有着绘画上的天分,他的父亲也在很早的时候就意识到了这一点,并在小学时就把陈希送到了县城里的绘画班进行系统的绘画培训,这可以说是陈希童年最为宝贵的财富之一。
「现在回想起来,我很感谢当时父母对我兴趣爱好的支持,我想如果没有小学就培养起来的扎实的绘画功底,自己很难在以后的设计道路上走的很远。」
一年的军事化教育不是陈希想要的,但封闭式的学习也让他顺利的考上了运城的省重点高中。
「压抑了1年的洪荒之力在高中那段时期被我一股脑全放了出来。」
思想渐渐成熟的陈希开始脱离父母的管控,变的更加随心所欲。
「高中的第一年,我扬扬洒洒的上了一整年的网,学习成绩很差,考试基本不去,当时我的那波朋友特别的皮,经常爬楼翻墙出去上网,我那时候也疯狂的迷恋魔兽世界,经常跟着这波朋友一起通宵打副本,我记得最长的一次在网吧呆过一个月,学校的老师把我当成了眼中钉,我被高中的班主任开除了几十回。」
我问及那个时期,陈希的梦想是做什么时?他的回答是。
「当网管。」
「高中那时候上网要盯防着父母到网吧去提溜你,我想着如果自己能当一名伟大的网管,就可以高枕无忧的一直玩电脑了。」
「我的父母从来不干涉我谈恋爱,有时还会给我些钱用于开销。」
「高二那会,我喜欢上了一个姑娘,但当时自己没什么特长,长的又不够有魅力,但又很想把这个姑娘追到手,所以我整天都想着有什么好的方法让这个姑娘注意到我。」
「有一次我在网吧上网,看到隔壁一哥们在用软件修照片,修的特别好看,我灵机一动就想着自己能不能修几张姑娘的照片,然后在她生日的时候送给她,于是,我就接触到了当时很有名的一款修图软件,光影魔术手。」
「那之后的几天,我就在网吧把这个软件吃了个透,当我深入其中之后,就感觉到了这个软件的局限性,经常在我想完成某些图片效果的时候,它都没有相应的工具去实现这些效果,于是我就想找些更高级一点的工具,就在这时我在网上第一接触到了 Photoshop。」
这个高二,因为荷尔蒙的原因,陈希开始追求一个女孩,当然他并没有告诉我结局,但我想,比起女孩,影响他一生的 Photoshop 可能要更加美丽动人。
(Adobe 软件系列)
「这成了点燃我艺术梦想的导火索,我开始意识到,从小学就开始学习的画画终于有了用武之地,到高中那会,绘画已经成为我对于未来唯一可以期盼的东西了。」
2006 年,怀揣着艺术梦想的陈希开始冲击央美,整整一年的时间,他比自己任何时候都要认真的坐进了教室,比自己任何时候都要认真的拿起了画笔。
然而,现实还是给他泼了一盆冷水,在最后的专业考试中,即使陈希的专业成绩排在全国 50 多名,但由于文化课成绩不达标,陈希落榜了。
「除非你的专业绘画功底强到一定程度,否则像我这类专业成绩不拔尖的学生,上中央美院是没有什么希望的,那段时间很挫败,但我不甘心。」
有时候人总是被逆境打趴,而有的时候,人却又总是因逆境而重生。
我想陈希,属于后者。
2007 年,陈希咬着牙,怀揣着他的设计梦,考入了西安外事学院的影视动画专业,他知道这和他当初的设想相差甚远,但他不觉得天会塌下来。
「我从来不认为设计是一个靠文凭吃饭的行当,我相信自己在设计上是有天赋的,即使给我的不是一台宝马,而只是一辆自行车。」
偏执的陈希放弃了在外事学院的课程,他开始呆在宿舍,钻研他的 Photoshop,从设计工具到创作灵感,陈希开始沉浸在自己的设计世界里。
「在大学期间我一直有着很强的紧迫感,因为在学校很难学到一些有用的知识。」
「这一年我做了几百个设计,绘画的功底让我很快的上手了 Photoshop、 Adobe illustrator 这一类的编辑工具,而通过这些工具,我也在电脑屏幕上实现了很多自己的设计灵感,这一年的实践既是入门,也是我思考未来的起点,而我的成长方式不是学,而是做,在岸上学游泳的那套理论我是从来不信的,我为了磨练自己的设计水平从一开始就扎入了实战,千千静听主题、输入法皮肤、Windows 主题,只要是门槛低并且我能接触到的设计,我全部都尝试了一遍。」
陈希的偏执比我想象中的要坚决的多。
2008 年,才大二的陈希果断的迈出了下一步,开始四处投递简历。
陈希极其出色的设计天分受到了 Sky Design 总监的注意,Sky Design 是当时国内一家知名的外包设计公司,陈希在大学期间的许多设计作品都受到了 Sky Design 总监的赞赏,当时的 Sky Design 也正在寻找一批具有设计天分的年轻设计师,陈希成为了他们的人选,在 2008 年的 2 月,陈希收到了来自 Sky Design 的 Offer。
「在 Sky Design 的那段日子我进入了飞速的成长期,在进入设计公司之前,我的设计都是为我自己服务,而在 Sky Design 这样一家有大量外包工作的公司里,我开始接触到客户,我开始去揣摩并理解甲方的需求,客户需求多的时候,自己的变通思维变得尤为重要,你需要了解你的客户到底需要什么。」
(陈希早期设计作品)
「如何让项目推进下去,如何进行团队合作,如何更好的和客户沟通,在 Sky Design 我学到了很多。」
在 Sky Design 的工作让陈希渐渐的崭露头角,从前期的一些基础的修改工作到后期开始主导项目,陈希在 Sky Design 的工作变的越来越重要。2010 年,Sky Design 内部进行调整,已经在 Sky Design 这家黄埔军校中工作了 2 年的陈希决定开始寻找一个新的机会。
腾讯,成了他的首先目标。
「不仅因为腾讯它是巨无霸,更因为我需要更多的尝试和学习更多的的东西。」
「我第一次把简历投给了腾讯 CDC(Customer Research & User Experience Design Center),但是多方面的原因,我的简历被拒了,而我在 Sky Design 之前的同事又给我介绍了腾讯无线 MDC(Mobile Design Center)的一个工作机会,这一次自己很顺利的通过了,而我在 Sky Design 的工作经验成了我能被聘上的关键原因。」
2010 年 10 月,陈希入职腾讯,开始了 3 年的 UI 设计之路。
「2011 年的一个下午,我忙完了手里的活想去楼梯口抽根烟时,正好碰上了我当时的总监 Kenny,他就和我聊起了最近有一个 iPhone 版 QQ 的项目,问我有没有兴趣,虽然我当时工作忙的不可开交,但依然想都没想都接下了这个任务,手机 QQ 即使在腾讯内部也是炙手可热的项目,秉着一份对产品的热爱,之后的几个月,我每天起早贪黑,就为了啃下 iPhone 版 QQ 这块硬骨头,而这并不是完成工作在驱动我,而是真的发自内心的热爱。」
(2011版 iPhone QQ 设计界面)
这是陈希的一个机遇,在之前 iPhone 版 QQ 还是一片净土,从来没有人开垦过,陈希有幸成为了第一批登上这片大陆的设计师。
「在当时的 iPhone 界面设计上我做了许多突破,并且在没有任何前期资源的情况下,我和团队里的成员在几个月的时间里就做出了一个相当完善的版本,而且在 13 年初我们团队就开始提倡轻量化,并曾设计过一个扁平化的 QQ 版本,扁平化在我们这推行的很早,虽然,最终它没有被商业化。」
(2013探索版 iPhone QQ 设计界面 )
「在腾讯的这两年,是我最累的两年。我负责手机 QQ 开始之后的两年,整个团队已经由一个起初不太受重视的小群体成长为了一艘巨轮,整个决策开始变的非常缓慢,设计的阻力也慢慢变大,有时候会觉得设计变得非常扭曲,它已不在是解决问题的方式,而变为一种为了解决某问题,继而套用各种理论,然后被磨的一塌糊涂的工具。」
「腾讯的内部节奏非常快,在微信大获成功之后,公司内部开始研究微信成功的原因,并尝试着产品全面微信化,在无法预知 QQ 的问题出在哪的时候,很多内部员工开始着手于他们看的见的地方,于是设计就成了重灾区,也就在当时,我开始考虑我的下家。」
2012 年腾讯组织架构调整,陈希最终回到了当初简历被拒的 CDC 部门,而此刻的他却已经开始萌生退意,他想寻找一个更加自由,更加开放的工作环境。
2013 年初,陈希注意到了魅族,这家当时在国内设计圈有着不错口碑的公司。
「之所以选择魅族,还是因为设计。魅族的设计在当时国内的设计圈子里就已经有很好的口碑了,而我又不想继续在 BAT 这样的大公司里收到各种环境与制度的约束,我更希望在一个热情、求变、并能自我驱动的公司内工作,我想当时的魅族具备这样的条件。」
「一个厂商的外在往往能体现品味,并决定决策层的品味。对于我而言,我更在意一个人的品味,如果一个人的品味无法满足我,我会从内心鄙视,我希望我的设计能被一个有品味的人认可。这,很重要。」
这是陈希的回答。
2013 年 4 月份,杨颜找到了陈希,杨颜同样是设计师出生,两人一拍即合,紧接着5 月,陈希正式入职魅族,这个有着极强设计天分的鬼才开始了他的视觉设计的新征途。
问答:
1. Flyme 5 是一个非常成功的系统,你认为它的视觉设计理念是什么?
「拉近与用户之间的距离。」
「一个好的系统不应该让用户上手有困难,不应该操作上让人望而生畏,更不能在视觉上让用户觉得高冷,我们从 Flyme3 开始就一直不断的尝试着拉近 Flyme 与用户之间的距离,更在寻找一个距离的最佳平衡点。」
「对于如何拉近与用户之间的距离,我们有着很多细化的举措。」
更加个性化的色彩
「做一个更加有亲和力的系统,在色彩上我们就花了很大的功夫,我们一直有在做色彩体系上的探索,在 15-30 岁这个跨度内的具有较高饱和度的多种色彩我们都有尝试过,这是我们拉近用户距离最优先考虑的部分。」
设计语言更加的圆润
「由横平竖直方方的,到有一点点圆角,我们采取了更加圆润的设计,这不仅是为了契合手机的硬件,更是为了让用户感受到系统在视觉上的友好。我们采用了更多与腰圆键相呼应的圆角型按钮,包括开关,对话框在内的元素都采取了这样的设计。」
更多的线性图标的引入
「线性图标简单直接,通俗易懂,具有很高的辨识度,并且有助于系统的轻量化,我们在 Flyme 的系统中逐步引入了大量线性图标,这让整个系统看上去更加收放自如。」
更加有亲和力的自带应用
「便签的改变就是一个很好的列子,我们在 Flyme 5 中引入了大量的便签模板,这当中有诗词,漫画等用户熟悉的主题系列,这能给用户超出预期的惊喜,也让整个系统变的更加有亲和力。」
( Flyme 5 便签 )
「过去我们的产品有很好用的地方,但它和用户的距离太远了,现在我们慢慢的把产品和用户拉近,Flyme 5 已经展现出了他更加友好,更有亲和力的一面。」