最近看到一个招聘,两年前同一个地方,同一家公司,同一种职位,不同的 HR
于是又毫不犹豫直接发邮件,美曰「追梦」。假若有幸相遇,我必带着「纸模」赴约,两年了,不容易。(确认是追了个寂寞)

但这不是本文重点,这里将要讲新的 Resumer 一同带来的新简历模板的设计思路

Resumer 正在用 Angular 10 重构。当前 GitHub 的版本是使用 umi 编写的,还没写完就弃坑的原因是:太久没维护导致各种依赖问题不想处理…

所以,接下来都是个人理解,以及我的简历模板的三次迭代 —— ResumeResumer 和 Resumer(ng version)

请停止使用这种模板

我想这种简历,应该很多人都见过

常见简历模板

我曾偶然跟 HR 聊过这件事,也跟一位外企 HR 偶然谈论过这种简历。总而言之,HR 们表达的观点大致如此:

  • 一般简历上不会看照片或者证件照,除非职业对五官有要求。程序员是看技术与能力的岗位自然不关心。 但如果恶心到 HR 可能会直接刷掉(半开玩笑)
  • 简历上看到图标或者进度条等等直接忽略不看,因为没有有效信息
  • 如果获得奖项或特长与求职无关不要放在简历;如果有 leader 看重价值观一致,兴趣爱好会在面试时有沟通,但放简历上不会加分
  • 如果对自己的院校或者在校经历没有信心,可以把学历信息靠后
  • 简历千万不要过于复杂,不要专门打印一页封面。简历即在最小篇幅的情况下展示尽可能多的能力描述
  • 如果是需要表现设计能力的岗位,简历可以适当体现设计感,但切不可以过于浮夸

我虽是从来没用过这种简历模板,不过原因是因为太俗气。但写简历并不是一个「完形填空」的过程,并不是找一个模板把上面预设的内容填完就完事了,可能对于程序员来说,上面除了名字和联系方式都是废话

Resume —— 初生牛犊的傲慢

于是,第一版「展现自我」的简历「破土而出」

resume

设计上,使用一个标题写了 RESUME,用 sketch 画的 svg,下面「front End Developer」即前端开发;正文则是非常常规的左右分栏;方块是二维码。

如此设计的原因,认为,前端工程师也是一门艺术,网页设计美感很重要,故标题恰好是一个能展现设计美感的位置;
当初听信了 HR 在阅读简历时,实现移动是一个「7」字形,所以按照这个形式将信息以重要程度依次由强到弱的摆放更加合适;
二维码则是当时个人在线简历有些流行,则通过 CSS + 模板渲染的形式开发了一个小应用,扫描二维码可以直接到达在线简历版本,同时在线简历有下载入口(为此特别设计了 CSS3 动画,也给标题设计了绘制动画)

在投递简历过程中,(可能确实是处于当年前端供不应求的原因)有收到者觉得简历不错。同时我也通过这份得到了「初代梦之地」的橄榄枝。

但是,这是一份初生牛犊的傲慢 ——

  1. 盲信「简历应该一页纸介绍清楚自己」
  2. 长篇幅的「报菜名」,相对的,聘方更希望得到「你在 什么时候 因 什么场景 下选择了 什么技术 解决了 什么问题」
  3. 不会有 HR 或者未来的 leader 专门去打开你提供的在线简历。在线简历只有可能在第一次沟通起到信息交换方便的作用

所以这份简历问题也很明显:

  1. 很多信息没有说明清楚
  2. 菜名报得越多,越容易翻车;「精通」这个词并不是一个好词
  3. 术业有专攻,前端工程师要的是工程,而不是熟悉 photoshop 切图的 32 种姿势
  4. 标题、二维码与图表、进度条异曲同工,一个浪费面积的表现

Resumer —— 过于自信的融合

本质上这还是一个前端项目,这个系列是因此而生
故本次改动的首要目的是实现符合 STAR 原则的适合技术类简历的「在线编辑器」,顺便更新设计

resumer - tfd

具体效果可以点击这里试试做一个简历(可能有点难用)

使用编辑器编辑后,在预览页面 cmd + p 触发打印,会自动按照 A4 纸进行布局 ,右下角还会有一个淡淡的水印,这个水印又使得纸张看起来有点高级感

上一种其实还有一个布局问题:如果一页不够写,再增加一页,第二页会多出一个边栏的空位

所以这一版不仅采用全宽布局,还有:

  • 新增灰阶,不同层级的信息使用不同灰阶颜色
  • 去掉「无用信息」
  • 新增自我介绍,采用关键词形式描述
  • 工作经历中深入第二级,描述在该公司中的项目以及担当
  • 从上到下直线动线

因为这段时间沉迷于指定设计风格,所以灰阶、字号、边距都有统一的规则,包括成为接下来「败笔的标题装饰」

所以这份简历也有问题:

  1. 有一次内推老哥特别有心给我提建议,其中就有标题下面这条线,原因是影响阅读
  2. 关键词的设计是一个双刃剑,处理不好不加分
  3. 使用过程发现,无法用项目说明的工作无处安放

NEW Resumer —— 面向成熟的优化

经历「过于浮躁」之后,也在思考如何平衡「设计感」与「信息实」
最终,伴随着新编辑器的新设计「跃然纸上」

resumer - tfd2

设计元素并没有改,毕竟「设计语言」 —— 依然是同一套灰阶,同一套表现。但这一次改进了这些:

  • 信息主次排列 + 平衡。姓名是最重要的,其次是应聘岗位与联系方式,辅助联系方式及其他信息放在右边做布局平衡
  • 新增简述,对个人总结或者描述近况。HR 可以通过这里快速获取信息与匹配关键词
  • 工作经验留出概述区以描述主要工作,并把项目经验置入其中以进一步详细在每家用人单位的工作内容

主要都在围绕「金字塔原理」构建新结构,并小改一些表现方式

所以,这就是这一切学习、总结和沉淀 ~

And More

这里要介绍一下新编辑器了😃(还没开发完成,暂时没有体验地址):

  • 重新设计动画
  • 使用有新动效的编辑器,textarea 改为 richtext editor
  • 加入预览窗,预览窗可以切换模板(正在尝试实现)
  • 可以直接分享简历(正在尝试实现)
  • 可以暂时保存草稿到本地;读取草稿到应用
  • 调整打印设置使之更合理