近日,一年一度的“金三银四”求职高峰季到来。 相信很多业内同仁也在这段时间找工作。 简历是求职过程中非常重要的踏脚石。 精心设计的简历可以帮助您获得更多吸引招聘人员注意的机会。 如果我们能花一些时间在设计上对我们的简历进行包装,使其既能体现我们的求职态度,又能展现我们的专业细节,相信会给大家的简历增色不少,所以我会今天分享这篇文章。 我将教你如何使用Axure制作一份漂亮的信息式简历。
在正式分享之前,我需要解释一下为什么我使用Axure来设计简历,而不是使用Photoshop和Illustrator等更专业的设计工具。 首先,作为一款“所见即所得”的原型设计工具,Axure在排版和布局方面都非常灵活方便,其设计功能完全满足设计精美简历的需求。 其次,Axure是大多数产品经理和交互设计师经常使用的工具。 大多数同事都非常熟悉这个软件,使用起来应该比较得心应手。
根据使用场景的需要,我将简历分为三种类型:网页型、打印型、移动型。 使用时可以根据自己的需要选择相应的类型。 本次分享,我将重点介绍一下网络简历和印刷简历的制作方法。 我将在下一篇文章中单独介绍移动简历的制作方法。 有兴趣的朋友可以关注一下。
演示地址:AxureUX信息化精美简历模板完整版,适合互联网行业各职位的产品经理简历和交互设计师简历-AxureUX
文章底部提供了自己制作的简历模板供下载。 您可以直接修改模板生成自己的简历,也可以参考此模板设计其他风格的简历。 设计时建议参考模板。 相关设计标准和规范,其中的标准和规范是本次分享的重点。
1.整理简历内容
根据产品经理或交互设计师的工作特点,我大致规划了简历的内容:基本信息、联系方式、自我评价、优势特长、工作经历、项目经历、教育背景、技能评价、兴趣爱好等。 您可以在生产过程中根据自己的需要进行调整。 一般来说,你应该注重工作经验和项目经验。 这些内容是招聘人员最感兴趣的。 另外,你还可以在简历中添加一些工作展示模块,将你比较成功的设计方案添加进去,这样你就可以更好地展示你的工作成果。
2.简历的布局
设计时需要注重阅读体验,因此简历的布局必须简单明了。 我们推荐三种常见的布局方式:自上而下结构、左右结构、垂直平铺。 设计时,可以利用不同的背景色块划分内容层次,突出关键内容和信息。

左右结构布局

上下结构布局
3.简历设计风格
简历的设计风格一定要清新、明亮,不宜过于花哨或过于花哨。 下面是我个人推荐的几套颜色,供大家参考。

设计时可以使用一些图像元素来增强整体设计感。 图标素材可以通过阿里巴巴矢量图标库Iconfont获取。 下载时建议下载SVG矢量格式。 在Axure中可以将图标转换为形状,这样可以方便地修改图标的颜色。

您还可以在简历中添加一些信息图表元素,以突出专业技能和工作特征。 例如,常见的饼图和条形图可以应用于简历。

4. 网络简历的基本设计规范
基于网络的简历可以被视为展示型内容页面。 在设计的时候,我们需要遵循一些网页设计的基本规范。 例如,您需要在设计之前确定基于网络的简历的设计尺寸。 目前主流的网页设计宽度尺寸约为1000px到1200px,所以我推荐的设计区域的内容宽度尺寸为1200px,左右两侧留白为100px。 网络简历的设计主要集中在布局细节和字体大小的处理上。 在追求美观的同时,尽量兼顾阅读体验。 这类简历的设计风格和布局可以非常丰富。 尝试尽可能地发挥您的创造力和想法。 同时,还可以在简历中添加一些交互效果,让展示效果更加生动、丰富。 另外,强烈建议在设计过程中使用辅助线进行排版。 辅助线的使用我在之前的分享文章中已经详细介绍过。 有兴趣的朋友可以多了解一下。

5.基于Web的简历导航效果的实现
在上面的演示中,网页简历采用了页面向下滚动时显示简历导航的交互效果。 通过这个导航,我们可以快速跳转到简历中对应的内容。 这个效果的实现需要用到Axure动态面板和功能的一些相关知识点。
要创建导航效果,需要新建一个动态面板,然后将导航动态面板设置为隐藏,并在动态面板属性中将其设置为固定到浏览器。

在页面属性中添加条件用例“当窗口滚动时”。 这两个条件用例将用于控制页面滚动时导航动态面板的显示或隐藏位置。

“[[Window.scrollY]]”函数用于这两个条件用例。 该函数用于获取窗口Y轴滚动的值。 第一个用例是当窗口 Y 轴滚动值大于 250 时显示导航,第二个用例是当窗口 Y 轴滚动值小于 250 时隐藏导航。

用例条件编辑界面
通过以上设置,实现了窗口滚动时显示或隐藏导航的效果。 接下来实现点击导航菜单跳转到相应内容的效果。 首先打开导航动态面板布局菜单,然后选择对应的菜单添加“鼠标点击时”事件。 您可以在用例编辑器的左侧看到“滚动到组件”选项。 添加此选项,然后在右侧选择相应的组件。 这样就实现了点击菜单的滚动跳转效果。

在设置选择组件之前,需要在页面相应位置添加“锚链接”。 例如,如果您需要为“自我评价”添加“锚链接”,请先将一个热点组件拖入“自我评价”内容区域,然后添加到热点链接中。 在区域组件的属性中将其命名为“自评估”,然后在导航动态面板中相应的菜单中添加“鼠标点击时”事件,添加“滚动到组件”,选择“自评估”。

“锚链接”可以是热点或其他组件。 每个菜单对应一个“锚链接”,可以按照上述方法一一设置。 另外,导航中还有一个“返回顶部”菜单,也是同样的实现方式。 我们只需要在页面顶部设置一个“锚链接”即可。
这样我们就实现了动态恢复导航的效果。 其实这种导航效果也是网站上比较常见的交互效果。 您可以更灵活地使用此方法。