交互学堂
专注分享专业知识

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

最近又到了每年“金三银四”的求职旺季,相信这段时间很多同行朋友们也正在找工作。在求职的过程中简历是非常重要的一块敲门砖,设计精美的简历能帮助你获得更多引起招聘人员注意的机会。如果我们能花点时间从设计感方面来包装一下自己的简历,这样既能体现自己的求职态度,又能展示出自己的专业细节,相信能让大家的简历增色不少,所以今天这篇分享我将教大家如何使用Axure制作出信息化风格的精美简历。

从正式分享之前我需要先说明为何要使用Axure来设计简历,而不是使用photoshop、Illustrator这类更专业的设计工具。首先,Axure作为一款“所见即所得”的原型设计工具,它在排版和布局方面是非常灵活方便的,而且它的设计功能也完全满足设计出一份精美简历的需要。其次,Axure是一款大多数产品经理和交互设计师都经常使用的工具,大多数同行对这款软件的熟悉程度是非常高的,运用起来应该也会比较得心应手。

根据使用的场景需要我将简历分为了含Web型、打印型、移动端三种类型,大家在使用时可以根据需要选择对应的类型。在这篇分享中我将重点介绍Web型和打印型两种简历的制作方法,关于移动端简历的制作方法我会在下篇中单独介绍,有兴趣的朋友可以关注一下。

演示地址:http://www.axureux.com/demo/ResumeTemplatePro/#c=1

在文章在底部提供了一份制作好的简历模板下载,大家可以直接在模板的基础进行修改生成自己的简历,也可以参照本模板设计出其它风格的简历,在设计时建议参考模板中的相关设计标准和规范,关于其中的标准和规范就是这篇分享的重点介绍内容。

01简历的内容整理


根据产品经理或交互设计师的岗位特性,我将简历的内容大致规划为了:基本信息、联系方式、自我评价、优势特长、工作经历、项目经历、教育背景、技能评价、兴趣爱好等几个方面。大家在制作过程中可以根据自己的需要调整,一般要重点突出工作经历和项目经历,这些内容是招聘人员最感兴趣的。另外,简历中还可以将增加一些作品展示的模块,将自己比较成功的设计方案加进去,这样可以更好的展示自己的工作成果。

02简历的布局方式


在设计时需要重点关注阅读体验,所以简历的布局一定要简洁清晰,推荐比较常见的上下结构,左右结构,纵向平铺这三种布局方式。在设计时可以通过不同的背景色块来划分内容层次,来突出重点内容和信息。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

左右结构布局


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

上下结构布局

03简历的设计风格

简历的设计风格一定要清新明亮,而且颜色不易过多,不能有过于花哨的感觉。以下是我个人比较推荐使用的几套配色,供大家参考。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


在设计时可以运用一些图标化的元素,这样能提升整体的设计感。图标素材可以通过阿里巴巴矢量图标库Iconfont获取到。建议下载时选择下载SVG矢量格式,在Axure中可以将图标转换为形状,这样方便修改图标的颜色。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


在简历中还可以增加一些信息化的图表元素来突出专业技能和岗位特征,例如常见的饼图和柱状图都可以应用到简历中。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


04Web型简历基本设计规范

Web型简历可以看作是一个展示型的内容页面,在设计时候我们需要遵循一些Web设计的基本规范。例如在设计前需要先确定Web型简历的设计尺寸,目前主流的Web设计宽度尺寸是1000px至1200px左右,所以我推荐的设计区域内容宽度尺寸为1200px,左右两侧留白区域为100px。Web型简历的设计主要是对于排版细节和字体尺寸的处理,在追求美感的同时尽量要兼顾阅读体验。这类简历的设计风格和布局形式可以很丰富,尽量的发挥自己的创意和想法,同时还能在简历中添加一些交互效果,使展示效果更生动和丰富。另外,强烈建议在设计过程中使用辅助线来进行排版,辅助线的使用方法我在以前的分享文章中详细介绍过,有兴趣的朋友可以了解一下。


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

05Web型简历导航效果实现

在上面的演示中Web型简历用到了页面向下滚动时的显示简历导航的交互效果,通过这个导航我们可以快速的跳转到简历中对应的内容。这个效果实现需要用到一部分Axure动态面板和函数的相关知识点。


制作导航效果需要新建一个动态面板,然后将这个导航动态面板设置为隐藏,同时在动态面板属性中设置固定到浏览器。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


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

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


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

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

用例的条件编辑界面


通过以上几项设置就实现了窗口滚动时显示或隐藏导航的效果,接下来是点击导航菜单跳转到对应内容的效果实现。首先打开导航动态面板将菜单进行排版,然后选中对应的菜单添加“鼠标单击时”事件。在用例编辑器左侧可以看到“滚动到元件<锚链接>”选项,添加这个选项,然后在右侧中选择对应的元件,这样就实现了点击菜单的滚动跳转效果。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


在设置选择元件之前还需要在页面中对应的位置增加“锚链接”,例如需要添加一个“自我评价”的“锚链接”,先在“自我评价”内容区域拖入一个热区元件,在热区元件的属性中将它命名为“自我评价”,然后再在导航动态面板中对应的菜单上添加“鼠标单击时”事件,添加“滚动到元件<锚链接>”,选择“自我评价”。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


“锚链接”可以是热区也可以是其它元件,每一个菜单对应一个“锚链接”,按照上面的方式进行一一设置就可以了。另外,导航中有一个“返回顶部”的菜单,实现方式也是一样的,我们只需要在页面的最顶部设置一个“锚链接”就可以了。

这样我们就实现了一个动态的简历导航效果,实际上这个导航效果也是在网站中比较常见的一种交互效果,大家可以将这个方法进行更多灵活的运用。

06如何分享制作好的Web型简历

Web型简历制作完成以后,如何将简历分享出去呢?最简单的方式是直接打包发给对方,当然这种方式体验非常不好。我推荐的方式是将简历上传到托管平台上生成URL链接进行分享,这样只需要通过浏览器打开链接就可以直接浏览了。关于原型托管平台我比较推荐国内的产品大牛,百度搜索“产品大牛”便可以找到这个网站。


产品大牛演示链接:http://www.pmdaniu.com/storage/52694/7b8625bfd8633819f01dae738de1486f-2316/start.html

除了产品大牛这个原型托管平台之外,也可以使用Axure自带的原型托管平台Axshare。在Axure的发布菜单下有一个“发布到Axshare”的功能,通过快捷键F6也可以直接打开这个功能,点击发布按纽就可以将原型直接发布到Axshare了。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


发布完成以后会生成一个URL链接,然后你直接复制这个链接地址就可以分享了。如果你没有注册和登录Axshare,点击发布的时候会弹出一个登录界面,你只需要按步骤完成注册和登录就可以了。Axshare的托管服务是完全免费的,不过有时候在国内访问会有点慢。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


Axshare演示链接:https://9z17j7.axshare.com

07如何制作打印型简历

打印型简历主要是用来打印或者生成PDF格式,在开始设计前一样需要先确定设计尺寸。如果需要按照A4纸张来打印简历,建议简历的设计尺寸使用1200px(宽度)*1697px(高度)。以上的尺寸为单页的设计尺寸,如果你的简历需要多页则高度等于1697px*页数。


当我们新建打印型简历的设计页面时,同样需要使用辅助线来进行排版。在Axure的“布局”菜单中选择“栅格和辅助性”下的“创建辅助线”,然后按照下面的数值进行输入,点击确定就能创建出纵向的5块设计尺寸为1200px*高度1697px的设计区域。每1块设计区域就是1张A4纸张的大小,可以根据自己的需要设计单页或者多页的简历内容。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


打印型简历设计方式跟Web型简历类似,但是其中不能添加任何交互效果,需要采用更平面化的排版布局方式。建议设计时需要用一块等于设计尺寸的矩形当作背景层,否则打印时可能会有问题。


08打印型简历的打印设置

打印型简历设计完成以后,我们在打印时需要进行一些必要的设置。通过“文件”菜单下的“打印”或者使用快捷键调出打印界面,具体的设置请参考下面的截图.


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

缩放设置


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

纸张尺寸与设置


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

页面选择设置


使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

母版选择设置


打印设置全部设置完成以后,可以点击界面底部的“预览”按纽对打印效果进行预览,根据预览效果可以对简历进行修改。


09如何将简历导出为PDF格式

在打印界面中点击界面底部的“打印”按纽会弹出下方的界面,选择其中的“Microsoft Print to PDF”,然后点击“打印”就会弹出PDF格式保存界面,输入文件名称以后就可以将简历保存为PDF格式了。如果你的打印功能中没有“Microsoft Print to PDF”这个选项,请百度一下“Windows添加虚拟打印机方法”寻找解决方案。

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)


在求职的过程中可以通过邮件附件等方式将PDF格式的简历发送给招聘人员。使用这种方式导出的PDF格式跟普通的PDF文件没什么特别差别,其中的文字和形状图标都是矢量的,但是唯一不足的是文字是无法复制的。

10简历模板分享下载

下面是制作完成的简历模板的下载,如果链接地址失效请访问AxureUX网站直接下载。模板中其中包含了Web型和打印型这两种类型,在使用时可以根据需要选择对应的类型,建议直接在模板的基础进行修改生成自己的简历。你也可以参照本模板设计出其它风格的简历,在设计时建议参考本模板中的相关设计标准和规范。


下载地址:https://pan.baidu.com/s/1mjUf-Tt4mjgoC9X0-erLbA

交互原型模板及元件库分享平台

www.AxureUX.com

使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

长按二维码
关注AxureUX

赞(0) 打赏
未经允许不得转载:IAMUE » 使用Axure制作出信息化风格的精美简历(提供模板源文件下载)

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏