使用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

相关推荐

  • 【用户体验】健康家居生活就选择稚爱儿童水漆

    我心目中的家不需要非常大,只要整洁温馨就好。快过年了,身边很多邻居都在忙着给房子装修,白天楼上楼下总是叮叮咚咚地响个不停;我想到自己家里潮湿斑驳的墙面,心里总是有个疙瘩。不止一次想给自己家翻翻新——二十几年的老房子,墙面容易潮湿发霉,自打上次我结婚家里刷了一次墙,到现在有2年多时间了,墙面很多地方起了小泡泡:有的地方开始掉灰:严重的地方还长出了黑色的霉菌,真的是惨不忍睹:不但有碍美观,而且我宝宝刚刚学会走路老是扶着墙,一不小心就摸到发霉...

    2018-02-07
  • 气定神闲的珍珠

    快快点击关注人言风华绝代太难得,然而,一个人终日沉浸在王者农药里碌碌无为,几时能被时光打磨成气定神闲的珍珠?但,珍珠是天然的馈赠,美,则是一种修炼。这世界上的一切精致动人,都是狠狠的被修理出来的。软了不行,硬了也不行,得软硬兼施。就像选专业一样。就像选择计算机软件技术专业一样。你想让自己活得精致,过得洒脱,不对自己狠一点,社会对你狠一点。自己的狠,是由内而外的质变。社会的狠,是苟且偷生。自己的狠,是内软外硬,由环境的硬塑造内心你的软,打...

    2018-03-15
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 雪糕游戏(南京上海)聘:运营/商务/主策/主美/原画/程序等

    (点击上方“GameLook”↑↑↑↑↑↑,订阅微信)公司简介:南京雪糕网络科技有限公司(简称雪糕游戏)是一家集研发、运营、发行为一体的新锐游戏公司。自2015年成立至今,自主研发了《全民神仙》、《行侠仗义五千年》、《童话大乱斗》、《西游记口袋版》等产品;IOS联运了涵盖三国、武侠、魔幻、神话等题材产品,游戏多次在App Store上榜,凭借精准的IOS流量整合能力、优秀的产品运营能力,雪糕游戏IOS联运产品月收入稳定在千万级水平,也为...

    2018-04-08
  • Axure模板库(13)-直播

    最近直播app越来越火,我整理了一些直播app,做了几个模板,跟大家分享。原型文件在文章最后。1、首先临摹一个国外的。(1)首页第一个展示的是快速发布直播的入口,鼓励用户创作内容。第二个展示的是一系列标签。如果平台上内容类型比较多的话,可以像这样强调标签、分类。如果平台上都是美女主播,那分类的权重就可以小一点了。第三个展示的是直播列表。直播最重要的信息就是直播的画面,列表上可以放一张大图,或者更直接,展示一小段视频。(2)直播页面,展示...

    2018-03-04
  • 交互设计 | 面向“交互领域”的能力转型

    点击上方“蓝色字体”,即可关注公众号文章来源:http://www.zcool.com.cn/article/ZNjM3MDAw.html(  站酷  )文章作者:千夜Ryan_Vision( 授权发布 )立足于交互设计及用户体验的角度谈一谈我的观点,希望对你有帮助。版权声明版权属于原作者,其内容归原作者所有如需转载请联系原创作者往期回顾APP UI结构-用户引导&提示UI设计师们还不重视闪屏设计?设计师的职场习惯如何让你的设计更精致-...

    2018-03-28
  • 新零售下的智能终端设备全链路用户体验设计分析

    作者:阿里UED/丹妮2017年被称作是新零售的元年,阿里巴巴集团CEO张勇提出的“新零售”概念,提出通过大数据、互联网重新构造“人、货、场”场景,数字化技术已被逐渐应用在传统实体零售的每一个环节。在小店业态中,智能终端设备成为收集大数据的唯一通道,被互联网行业视为重中之重,而在纷杂的POS市场中,绝大部分都是沉重的桌面式收银POS机器,这时智能移动POS机作为收银POS机器的补充设备应运而生,智能移动POS机以移动便捷、功能齐全等优势...

    2018-01-31
  • 交互设计流程(一):需求分析(转自人人都是产品经理)

    本文是系列文章的第一篇,主要从业务需求、用户需求、分解关键因素三个方面来分析。一起来文章中看看吧~进入到腾讯工作后,由于处于广点通广告部门,平时的设计呈现多与业务相关,基本是以B端设计为主,对于传统交互设计的方法论有点生疏了。所以特在此整理,同时也分享给有需要的同学。该系列交互设计文章,抽取工作中需要的核心步骤,预估计有6篇,暂拟定如下内容:交互设计流程一之需求分析交互设计流程二之架构设计交互设计流程三之流程设计交互设计流程四之页面布局...

    2018-05-08
  • 医生如何离开体制创业、卓越的用户体验如何打造 | 首届妇幼医疗高峰论坛精彩环节分享

    本文编辑:卢维晨 要笑尘“2018首届妇幼医疗高峰论坛”于2018年4月21日在上海嘉里大酒店开幕。本次会议由上海春田医院管理有限公司主办,中国非公立医疗机构协会妇产科专业委员会作为学术支持。来自国际、国内知名的妇儿医疗机构投资者、拥有者、运营管理者、妇产儿科医生、医药企业、医疗器械企业、孕婴童产业、互联网创新企业等诸多行业专家领袖出席了本届论坛。本次大会上,隆重发布了中国首部以妇儿医疗机构为主题的《2018中国妇儿医疗机构白皮书》,本...

    2018-04-22
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23