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

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

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36046/

(0)
交互精选交互精选
上一篇 2018-03-24
下一篇 2018-03-24

相关推荐

  • 我们招人啦:高级UX/UI设计师

    For EN version, clickhere生活在笔驰!想不想为前卫的客户创造出杰出的作品?加入我们紧密团结,具有才华,能吃苦耐劳的大家庭,你将会为不同行业构建最具深刻印象的品牌形象。你将迎接带有刺激和创造性的挑战。你会和一个带有创新思维的团队一起工作,不断地推动自己,让自己继续迈向未知的步伐。有时混乱,但永远是具有想象力的一个过程,我们能够专注于做出一个非凡的设计并将它和乐趣结合到一起。我们需要的高级UX/UI设计师!我们正在寻...

    微信热点 2018-04-05
  • 从地方性视角谈民宿的定位(二): 找到有趣而唯一的内核

    ▲点击关注我们,挖掘土壤的内涵近些年来,随着旅游的快速发展尤其是大众旅游市场的迅速兴起,旅游与地方的关系引发越来越多的关注和讨论。“地方性”一方面作为旅游目的地吸引力的内核被重视,另一方面又因其趋于淡化而引起对地方可持续发展的担忧和对旅游发展的批判。▋什么是“地方性”?事实上,地方性不是绝对的现实,而是话语与知识生产的过程。全球化进程必将是均质化与地方性凸显相互伴生的过程。虽然在全球化背景下,旅游产业的发展由于多种要素的作用,会带来社会...

    2018-03-10
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • 你的网站用户体验为什么比竞争对手差

    网站SEO优化用户体验,又是用户体验!总是有一些站长弄不明白他的网站到底哪里做的不好,明明也做了蛮多的网站优化工作,但是与竞争对手的网站相比的时候,优化数据始终差一截。总是有窗口自动弹出不管是广告窗口,还是在线咨询窗口,如果不是用户主动点开,就自动频繁的弹出来,用户关掉一遍两遍,还是弹出来,那么这种设置明显是在撵用户离开你的网站。存在死链或错误链接第一种情况是用户通过搜索目标关键词找到你的网站,想点击进入却发现是无法打开的;第二种情况是...

    2018-02-16
  • 读书会第一期:《简约至上-交互设计四策略》

    你有多久没有静下心来好好读一本专业书了?谁都知道读书重要,然而“工作忙没有时间”、“不知道该看什么“常常成了借口,读书还是一再被耽搁。本周起,集创堂推出“设计经典书籍阅读”系列,每周解析一本设计类好书,深入浅出,提炼精华。也许,看完简介之后,你就有了读原著的欲望,那么我们做这件事的目的就达到了。《简约至上-交互设计四策略》这本书是我罗列的推荐书单里专门描写信息架构的书籍,书籍作者Giles Colborne是物理学出身,参与过航空航天项...

    2018-04-07
  • 【干货】在考虑入行交互设计之前,你必须搞清楚这些

    本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

    2018-01-31
  • 观点 | 交互设计在未来会多火?

    周一:AE动效 | 如何入手创作才能更加真实?周二:马克笔如何通过"叠加技法"精准调色周三:更快更好 | 手绘板也能比着尺子画!?周四:观点 | 交互设计在未来会有多火?周五:开拓视野 | 哪些用户体验很棒的APP设计好在哪里周六:如何看懂艾迪.斯理曼的Dior Homme周日:学珠宝设计我们推荐给你的必看书目交互设计是什么?对你而言,它可能还是未知数。让我们先看看大多数人如何看待交互设计这一专业:1.交互设计师是做APP的2.交互设计...

    2018-04-06
  • 澳洲留学 | 交互设计专业硕士大解析

    📢:1⃣️条信息,足以改变你的未来!欢迎关注本平台交互设计在中国是一个新兴的产业,但是随着中国电子系统对人们生活影响的逐渐扩大,中国交互设计师将面临一个很大的缺口。什么是交互设计专业?1.words 语言语言是互动的最基础部分。人与人之间的互动是通过语言来进行基本交流。人也通过语言与机器进行交流。这里的语言可以是文字形式、语音形式、或动作形式等。在美国,一个好的交互设计师,也是一个很好地copy writer,需要具备良好的语言沟通和文...

    2018-04-06
  • UED专访 | 张永和、王昀:寻找未来城市共生的答案

    📌编辑、剪辑| P.S📌采访| YHz2017年10月16日,全球天文学界联合发布一项新的重大发现,在1.3亿光年外,双中子星合并产生的引力波带着他的伴侣首次造访地球,这次长途跋涉的旅行为人类探索宇宙打开了新的大门。从爱因斯坦预言引力波到如今的发现,百年间,人类在探索未知空间的同时,也不断改造着我们的生存家园。着眼当下,我们对未来城市有何新的畅想?下文中有张永和、王昀专访视频不要错过!!!未来城市探讨在UED之前的采访中,厦门大学建筑与...

    2018-02-08
  • 写在 [ 交互设计小厨房 ] 一周岁

    时光荏苒,感谢无情岁月!感谢大家容忍这个公众号『隔三差五』抽疯式的更新;感谢太太长期战斗在『丧偶式育儿』的第一线;感谢各位『互联网老炮』容忍洒家在微信群里污力十足的飚车;最后还要感谢这个优雅的排比句。当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放金平糖の精の踊り~カチューシャ浜口史郎 - 『ガールズ&パンツァー』オーケストラ・コンサート~Herbst Musikfest 2015~产品厨子的运营总结2017年3月24日,『交...

    2018-03-24