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

相关推荐

  • 交互设计背后隐藏的万亿级医美市场在哪?

    你一定过很多书,走过很多的路,可书山瀚海,究竟那一句改变了你?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放我期待张雨生 - 未来感谢你的阅读,百无一用是书生,十有九八堪白眼。什么是互联网交互:简单的是指互联网与手指或者语音之间的直接联系,2010年前简单的视频影音播放器还没有意识到用户和用户之间交互的强大之处,所以很多播放系统后来才加了弹幕功能,交互设计强调独立个体我与众多个体的交流交叉联系,微信微博是目前市场上最大的交互...

    微信热点 2018-02-26
  • Axure RP软件安装教程

    Axure RP各种版本软件安装教程及下载地址:链接:https://pan.baidu.com/s/1AUHDQmeQejc9OMg7t2gmzQ密码:n29o

    2018-04-29
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • 《用户体验要素》:一张图读懂用户体验五要素

    《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

    2018-04-04
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03
  • Sketchelp·2018暑期工业设计考研课程

    还是你们熟悉的Eric,还是你们熟悉的二师兄。2014年的夏天,天气热的没羞没臊,我们第一次开辅导考研手绘,那时只有三个人,一套笔。那时很开心,每天举着煎饼果子画手绘。两周年,四学期,已完善的课程,将在这个暑假全新开始:是不是临摹还行,轮到自己设计就歇菜?想知道有没有考研的“套路”?一个产品换个角度画,却死活画不出?产品+交互界面真的有很难?故事版的卡通形象一点也不卡通怎么办?“那天”万一考卷画坏了怎么办?答案都在这里。。。真实一线从业...

    2018-05-04
  • 注重用户体验场景化,不局限于赛事版权的世界杯营销新浪怎么玩?

    缺少赛事版权,是所有互联网公司进行世界杯营销时面临的难题。新浪的做法是,利用社交网络的优势,通过提高用户体验,最终实现成功的营销。距离2018年俄罗斯世界杯还剩不到三个月时间,目前还没有任何一家新媒体平台获得赛事新媒体版权,在此情形下,各大网络平台选择怎样的报道及营销策略,将成为世界杯媒体大战的胜负关键。3月29日下午,新浪在北京总部局举办了体育产业论坛,首席运营官兼总裁杜红分享了体育产业新时代,在用户认知和消费全面升级的趋势下,如何通...

    2018-03-29
  • 《王者荣耀》的操作交互设计研究

    《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

    2018-02-26
  • 清华社1月诚意书单 | 什么是交互设计?

    什么是交互设计?一、交互是个筐,啥都往里装交互(inter-action),从字面上理解,就是 A 和 B 之间的一系列动作和行为。比如,早上你出门时碰到邻居,冲 ta 喊一声“早”,ta 对你点头、微笑,说“早” —— 这就是一个完整的互动过程。当然,互动不仅限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境,等等。这可是个要命的问题:几乎在同一个次元的人和 “物”,都可能发生互动。当然,我们主要关注发生在...

    2018-01-31
  • 2017新零售用户体验观察

    互动新零售专为互联网人打造的新零售智库。关注过去的2017年被誉为“新零售元年”,从早前颜艳春的《第三次零售革命》到阿里的“五新”战略,再到京东的“新零售革命”等等,一系列关于“新零售”的概念被正式提出。而行动上,无论是互联网电商巨头,还是传统线下零售企业均在紧锣密鼓地展开此次零售变革的布局。此次“新零售”变革概念从中国提出之时,从全球范围来看,和传统零售形态不太一样的商业形态和消费者体验已经在世界各地慢慢的生长起来。这一年中各式各样关...

    2018-02-08