CDC达人 | undefined – 朱辉


朱辉,英文名 Luke,又称路克,卢克猪,路克克,是 CDC 一名前端开发工程师。
CDC达人 | undefined - 朱辉

从玩游戏到学编程

2006年,Luke 刚上初二,很喜欢玩梦幻西游这个游戏,每天会花很多时间在游戏里。

为了在游戏里变得更厉害更强,那一年暑假,Luke 「借」了爸爸 700+ 钱去充点卡,东窗事发后被父亲胖揍了一顿。Luke 深刻认识到自己的错误,下定决心以后再也不玩游戏了。

「不玩游戏倒是不难,但自己还是对计算机和互联网充满了好奇。既然玩游戏显得有些不务正业,那就写代码吧,看起来是条比较正道的路子。」 Luke 回忆说。

一开始上手写代码的时候并没太多头绪,当时的网络环境也远不如现在这么方便,需要去申请免费的虚拟主机,Luke 最开始接触到的是一个 HTML,于是开始模仿着写了一个静态的 HTML —— 「LOO2K の 个人空间」,并把它挂到网上。等了很久,却发现无人问津,这让他感到有些失落。

2008 年,Luke 将原来的博客原型做了重构,认认真真研究域名、服务器、代码、程序、SEO 等内容,从不懂到懂,并开始持续运营博客,前后坚持了 200+ 天每天发布至少一篇原创博文。

CDC达人 | undefined - 朱辉

2010 年 Luke 的博客

什么都想尝试的 Luke 也给自己的博客挂上了 Google AdSense,一年无心插柳的操作居然让 Luke 高二的时候就获得了人生中的第一桶金 $110(折合人民币 750 元),拿到钱的 Luke 买了第一辆自己的山地车。

CDC达人 | undefined - 朱辉

非科班程序员

本想在大学时报考计算机专业,却阴差阳错成了一名风水学(地理专业)的学生,但这丝毫不影响 Luke 对代码的热爱,一些枯燥的理论课程成为了他偷偷看专业书籍和写代码的高效率时间。

大一军训后那个国庆节,Luke 就遇到人生中第一个伯乐。高中时代码开发和写博客的经验让 Luke 的简历在同龄人中脱颖而出,经一个师兄介绍接下了学校网络中心的一个项目——质量工程项目申报系统。这对当时的 Luke 来说算是个不小的挑战,但 Luke 觉得自己有能力接受这个挑战,所以他答应了。

CDC达人 | undefined - 朱辉

第一个项目:质量工程项目申报系统

Luke 前前后后熬了 20 多个日夜,从交互 、设计、前端到后台各种环节,凭一已之力将这个项目完整地做完了。这个项目让 Luke 在学校里变得小有名气,老师们都认识了他,还赚了几千块钱。拿到钱的时候 Luke 心里想,够一学期的生活费了。

最后,这位师兄邀请 Luke 加入到他们的创业团队,跟着团队一起成长,从开始接本地的一些外包业务到后来去到北京专注在自媒体阅读的创业项目中,Luke 的实习工资也从大一第一个月的 50元,增长到大三时的四千多。这些收入不仅让他解决了自己的生活开支,也让喜欢各种数码设备的他买到自己人生中的第一台 iPhone 和各种能尝鲜的新玩具。

CDC达人 | undefined - 朱辉

CDC达人 | undefined - 朱辉

CDC达人 | undefined - 朱辉

早期折腾过的一些智能硬件
除了学校和工作室的项目之外,Luke 也喜欢通过折腾代码解决更多生活中遇到的问题。比如,编写了一个教务系统自动评分的脚本,解放同学每个学期要对几十门课程分别填写十几项的评价内容的操作;也写过地图坐标拾取器帮助自己地理专业的同学做数据类的实验;在 2013 年微信公众号开发平台刚发布的时候,建立了「嘉大助手」公众号,提供微信墙、微信树洞、外卖和学校公共服务的能力,也成为了后面大型校园活动的标配互动产品。
与CDC的不解之缘

写博客的那段时间,Luke 也喜欢折腾各种博客主题,除了代码实现外,总琢磨着怎么让自己的博客更好看、体验更好。在折腾的过程中他发现,虽然通过代码可以实现很多功能,但是缺少设计让很多「本该更好」的功能体验并不是很好。这也让 Luke 埋下了一颗设计的种子。

高三那年暑假,Luke 找到当时的美术老师,表达期望跟着老师学画画的心 yí 愿 hàn。老师教他从线条开始画起,但同样是画线条这项看起来再简单不过的练习,Luke 发现不同的人画出来的线条就千差万别——有些人的线条就画得好,有些人就总是画得不到位。这段学习画画的经历虽然只持续了一个暑假,但让 Luke 受益匪浅——再小的事情,要想做得比别人好,一定要在细节上下功夫。这和前端开发写页面也是很类似的,有时候一像素的差异就是专业与非专业的分水岭。

在大学的 Luke 也活跃在各个社交平台上,在 2011 年知乎还在内测的时候,机缘巧合地获得了一码难求的知乎邀请码。也正是在知乎这个平台上认识很很多设计和开发领域的网友,其中的一个好基友也在 Luke 即将毕业的时候将他引荐到了 CDC,Luke 顺利地得到了实习机会并最终留用,开始了代码 & 设计的新旅程。对比起其他企业的前端开发 offer,CDC 的前端开发更是一个结合技术与设计的岗位,他觉得在 CDC 不仅能发挥自己的技术优势,还能汲取很多设计相关的养分,所以他坚定地选择了 CDC。

技术与设计的连接

一转眼 6个年头过去了,从实习到现在,Luke 确实一直在做着与设计息息相关的项目,多次探索从技术的角度去解决设计的难题。

体验优化——一个边界情况的处理
2018年 Luke 参与了「数字广东」的项目,负责「广东政务服务网」的改版开发。「广东政务服务网」以便利民生服务、营造高水平营商环境为目标,全面集成省、市、县、镇、村五级政务服务事项,同时还提供各类高频便民利企主题服务,有力支撑全省网上政务服务一网通办。
在政务服务网有不少涉及大量内容的表格呈现,当时 Luke 拿到的设计稿看起来并没有太多特别的地方。

CDC达人 | undefined - 朱辉

然而页面上线之后,发现表格每一列的内容长短不一,真实情况下的表格可能是这样的:

CDC达人 | undefined - 朱辉

Luke 尝试通过技术的角度去解决可能存在的单列极端情况、多列极端情况等问题,还期望能实现响应式适配的目标,以便在移动端也有良好的展示。经过对表格渲染原理的研究(此处省略一万字),最终抹平了理想与现实的差距,下面是经过优化后的结果。

CDC达人 | undefined - 朱辉
CDC达人 | undefined - 朱辉
用开发思维解决设计问题
「还是用回第一稿吧!」恐怕是足以让设计师崩溃的一句话。每一轮与需求方的合作中,设计师需要经历多次改稿,为了将不同版本区分开,设计师可能会为每次输出的设计稿打上版本号。

CDC达人 | undefined - 朱辉

这样做虽然能够把每个版本都保留下来,但一旦需要寻找特定版本也并不是一件容易的事 —— 第 40 版究竟是改了标题的字重,还是修改了图片的尺寸。
借鉴开发上的版本管理经验,Luke 想给设计师也做一个版本管理工具。一开始他尝试教设计师学习 Git(分布式版本控制系统),但要让大部分没有计算机基础的设计师理解分支、克隆、合并等概念,实在是有点「南」。Luke 试着用设计师能理解的语言将大部分必要的概念加以转换,并将这些简单的概念做成一个 Sketch 插件,设计师只需要将设计稿一键上传,插件会把设计稿传到云端并生成一张张图片,让设计稿也像文本一样可以通过不同版本记录下来,方便对比差异。

CDC达人 | undefined - 朱辉

后续只需要一个 URL 就能让别人预览这个设计稿而不需要安装设计软件,同时还支持在线批注、讨论等功能。

从最初纯粹只是想解决一个管理设计稿的问题,到发现其实可以让设计师在不需要懂 GIT 原理的情况下也能拥有 GIT 的能力,到最后甚至发现了一个解决方案有作为新产品的可能性。「还是蛮意外的收获」,Luke 说。

跳出舒适区,从抗拒演讲到Talk King

CDC TALK 是 CDC 在互联网跨界实践中的第一手经验的专业分享,每年都会邀请来自 CDC 设计、用研、品牌、开发等岗位的达人,为同行提供满满的学习干货。2019 年国庆休假后,Luke作为Talker之一为大家做分享。

一开始 Luke 的内心是拒绝的,「我有上台恐惧症,甚至比一般人可能还严重一些」,Luke 说。大学时期有一次竞选演讲,Luke 在台上忘词了,这件事在他心留下不小的阴影,在此之后 Luke 习惯性排斥上台演讲。但同时 Luke 也意识到这是一个很好的锻炼的机会。「越是抗拒的事情越去做,如果最后还能把事情办成,能给我带来自信」。所以 Luke 又一次接受了对自己的挑战。

CDC达人 | undefined - 朱辉
为了呈现最好的演讲效果,Luke 「啃」了很多经典的 Talk 分享的视频和 Talk 相关的书,学习将一个大问题抽丝剥茧地拆解成小一点更小一点的子问题,研究如何才能把复杂技术问题讲得让设计师甚至小白也能听懂,并且在讲稿里面埋梗让不同行业的听众都能听得下去。接近 4000 字的演讲稿前前后后不知道修改过几次,临近演讲的最后一个星期,每天一大早在公司的某个小会议室就总能瞄到 Luke 的身影。

CDC Talk 当天演讲效果非常震撼,Luke 以压倒性的票数(40%+)赢得了当天的 Talk King。

CDC达人 | undefined - 朱辉

如果你想了解更多关于 Luke 在 CDC Talk 上的精彩内容,

请戳这里??:《他山之石,可以攻玉》


点——线——面
 


undefined;




「undefined;」是Luke 微信的个性签名,熟悉代码的同学可能会知道,undefined 是 JavaScript 的一种数据类型,表示「缺少值」,还没有定义。

在很多同事眼中,Luke 身上远不止「前端开发」这个标签,而是一个「多栖」的技术人。Luke 也期望自己不仅能做研发,还有能力在设计、产品甚至更多的领域有跨界的尝试。回顾 6 年多的工作经历,Luke 一直专注于将技术与设计结合,实实在在地连接技术与设计,切实做好设计还原,打磨提升产品的用户体验。聊到未来的发展,Luke 期望能再培养更多产品意识,不断升级打怪积累经验,用设计和技术的跨界思维解决更多的问题,创造更多美而有意义的产品。



以下CDC达人文章,你可能也感兴趣



CDC达人 | 经历多到讲不完的奇才-何鸣超

CDC达人 | 关于探寻审美本质的小故事–周奕霖


CDC达人|在设计中游走的烹饪灵魂-特特
CDC达人 |来到理想国 – 程毅南
CDC达人|他用灵魂在指导他的肉体 – Ray
CDC达人 | Hello world !-安正超
CDC达人 | 一位风度翩翩夹杂着猥琐眼神和神秘微笑的少年码农
. . . 

CDC达人 | undefined - 朱辉


快乐工作,快乐生活
Happy work , Happy life


/


Join us
CDC达人 | undefined - 朱辉

本篇文章来源于微信公众号: 腾讯CDC体验设计

UI/UX

国庆前,如何拒绝产品需求?

2020-9-29 11:22:06

UI/UX

39幅绝美花木兰同人创作 | JELLY FLAG

2020-9-29 16:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索