Axure教程:制作个人简历 获赏10金币 案例教程 基础教程

Donny 普通用户 2019-12-15 3718


这次我找了我之前用Axure做得一个简历做一个分享,简历较为简约,可以自行添加内容。适用于产品经理、交互设计师等相关工作人员。


看看下面的 Gif 图:



做这个的由来:之前都是用 word 、PPT 的方式做简历,在一段期间内比较闲,所以就想用 Axure 的方式做一个简历,因为 Axure 是产品经理、交互设计师经常用到的软件(也不是说必须用到,可以用其他原型制作软件),所以想着这么做一个简历,是否可以让面试官眼前一亮呢?


简历采用瀑布流,多模块的方式制作。顶部添加个人的联系方式,左侧采用类似电商网站的侧边导航,这样可以在别人第一次看你简历的时候,有一个“全局”导航可切换观看不同的内容,右侧在界面滚动到一定位置时显示,点击直接放回到顶部。其实也可以左右两侧做在一起的,只是我觉得不好看就放右侧了。


下面开始讲解步骤,解剖整一个制作流程。


一、准备元件


首先制作我们的界面,还有排版 … 我们需要在每一块需要填写的内容,以及在每一个模块的背景上做一个命名用于后面做点击侧边栏页面跟随。


这一步需要完成几个点:


1.界面设计排版(标题、关于本人、自我介绍、优势特长(此项用处较少,可以去掉)、工作经验、所做项目、教育/培训经历)

2.模块背景命名(用户后面做侧边栏点击滚动的设置)


以下放一张整图,较长…



第二步我们把一些需要把第一个板块隐藏起来的内容给画好,这里可以放你自己的微信二维码、手机号码之类的联系方式。


这一步需要完成几个点:

添加联系方式(手机号码、邮箱、微信…)



把元件画好之后就进行下一步 ~


二、设置交互样式/动态面板


我们把侧边栏给做一下,这里我们需要画一个小矩形,然后我们把相对应的图标放进去,还有在右侧放一个标识如下图。


这一步需要完成几个点:


1.画矩形;

2.添加图标;

3.文字标识。



上面就说了左侧栏的步骤,右侧栏只要按照同样的逻辑走即可,就不一一简述了。


三、设置交互用例


第一步,把界面第一个模块右上角二维码做一个点击显示的效果,我直接放设置交互用例:



效果也看一下:



第二步设置左侧栏交互用例如下图,鼠标单击时则跳转至某个模块、鼠标移入移出的用例。在这里简单说明一下:因为是自己一年前多的简历,有些效果没有简化可能会比较复杂一点。如果小伙伴有更好更简单的方式实现这个效果,那是最好的。右侧的制作步骤一样,位置换一换就可以了,这里不重新讲解。

这一步需要完成几个点:


1.设置鼠标单击时的交互用例;

2.鼠标移入移出的交互用例。



再来看一下效果:



基本上的制作已经做完啦,下面可以看看其他进阶操作。


四、进阶


我们在页面的空白处设置窗口滚动时,当浏览窗口 Y 轴滑动的值大于500时,显示左侧栏;当浏览窗口 Y 轴滑动的值大于1000时,显示右侧栏;否则将隐藏左/右侧栏。



根据以上的设置,就可以展示出文章上下滚动时,侧边栏显示/隐藏的效果了。



axure商城
上传的附件:
快速回复
打赏排行 用户名 打赏金额
第1名 沈十三 10金币
最新回复 (73)
  • 18220722278 普通用户 6天前
    0 引用 74
    666
  • DB123 普通用户 8月前
    0 引用 73
    感谢
  • 黄XX 普通用户 8月前
    0 引用 72
    厉害
  • 肆意成长小双 普通用户 8月前
    0 引用 71
    感谢
  • qzl123 普通用户 8月前
    0 引用 70
    感谢分享
  • 迷路的风 普通用户 2020-11-13
    0 引用 69
    666
  • vigo 普通用户 2020-11-5
    0 引用 68
    感谢分享
  • 15010263732 普通用户 2020-11-4
    0 引用 67
    太6
  • 家长里短山川湖海 普通用户 2020-11-4
    0 引用 66
    谢谢,太棒了
  • 劳资没鞋穿 普通用户 2020-11-3
    0 引用 65
    233
  • 原味_1600057237 普通用户 2020-9-14
    0 引用 64
    感谢分享
  • carmen 普通用户 2020-9-14
    0 引用 63
    感谢楼主分享,很棒
  • 秋水神风 普通用户 2020-9-12
    0 引用 62
    太棒了,感谢分享
  • jane16 普通用户 2020-9-11
    0 引用 61
    感谢分享
  • M_1594275143 普通用户 2020-8-30
    0 引用 60
    感谢
  • xiaojun2 普通用户 2020-8-29
    0 引用 59
    感谢分享
  • 加点盐 普通用户 2020-8-28
    0 引用 58

    谢谢
  • line_1598513709 普通用户 2020-8-27
    0 引用 57
    太棒了
  • 江宇枫 普通用户 2020-8-21
    0 引用 56
    感谢楼主的分享
  • 爱吃茄子的土豆 普通用户 2020-8-15
    0 引用 55
    谢谢分享
  • serafinas 普通用户 2020-8-14
    0 引用 54
    感谢分享
  • 素逸 普通用户 2020-8-7
    0 引用 53
    感谢!
  • 宸枫 普通用户 2020-8-6
    0 引用 52
    感谢
  • mewow 普通用户 2020-8-4
    0 引用 51
    厲害
  • Hello,张小厮先生 普通用户 2020-7-8
    0 引用 50
    感谢分享
  • 15615111337 普通用户 2020-7-8
    0 引用 49
    感谢分享
  • SUPERJJ 普通用户 2020-6-4
    0 引用 48
    感谢分享
  • Teufel ༒ 普通用户 2020-6-2
    0 引用 47
    谢谢
  • 千寻_1579416321 普通用户 2020-6-2
    0 引用 46
    感谢分享
  • 泡芙。 普通用户 2020-5-31
    0 引用 45
    感谢
  • aedzhao001 普通用户 2020-5-28
    0 引用 44
    厉害了
  • 破碎的石头 普通用户 2020-5-27
    0 引用 43
    感谢
  • n_n 文武 普通用户 2020-5-27
    0 引用 42
    感谢分享
  • Evalan 普通用户 2020-5-27
    0 引用 41
    感谢!
  • 我爱小鸭子 普通用户 2020-5-26
    0 引用 40
    556666
  • Marco 普通用户 2020-5-25
    0 引用 39
    6
  • 普通用户 2020-5-24
    0 引用 38
    谢谢
  • _Ccccch 普通用户 2020-5-21
    0 引用 37
    感谢
  • 纳洛酮。 普通用户 2020-5-19
    0 引用 36
    66
  • ICEJOE 普通用户 2020-4-16
    0 引用 35
    好东西
  • 田七 คิดถึง 普通用户 2020-4-13
    0 引用 34
    看起来不错的样子,先干为敬
  • 三千烦恼三百丝 普通用户 2020-4-13
    0 引用 33
    111
  • 保税区街跑男 普通用户 2020-3-18
    0 引用 32
    bjie
  • keit_1584003294 普通用户 2020-3-12
    0 引用 31
    学习了
  • Allen李 普通用户 2020-3-12
    0 引用 30
    感谢
  • xq在努力 普通用户 2020-3-12
    0 引用 29
    感谢分享!!
  • 微笑 普通用户 2020-3-12
    0 引用 28
    感谢分享
  • 一条 普通用户 2020-3-10
    0 引用 27
    谢谢分享
  • 2huqin9u 普通用户 2020-3-8
    0 引用 26
    xiexie
  • pmdai 普通用户 2020-3-7
    0 引用 25
    感谢分享,已获得10金币奖励!
  • 银河系皮皮 普通用户 2020-3-2
    0 引用 24
    平平平平平平平平平平平平平平噗噗噗噗噗
  • 银河系皮皮 普通用户 2020-3-2
    0 引用 23
    噢噢噢噢噢噢噢噢哦哦哦
  • 晨_1582773554 普通用户 2020-3-2
    0 引用 22
    谢谢
  • Laffaele 普通用户 2020-3-1
    0 引用 21
    thanks
  • 小小猪排酱中游 普通用户 2020-2-29
    0 引用 20
    太棒了
  • 落雪 普通用户 2020-2-27
    0 引用 19
    厉害了.感谢分享.
  • 370748580 普通用户 2020-2-27
    0 引用 18
    牛笔了
  • 阿,啊,啊嚏!!! 普通用户 2020-2-27
    0 引用 17
    大佬
  • 木子_1582620570 普通用户 2020-2-26
    0 引用 16
    优秀
  • ссс. 普通用户 2020-1-19
    0 引用 15
    谢谢
  • 普通用户 2020-1-19
    0 引用 14
    感谢,  学习了
  • 明天_1579242803 普通用户 2020-1-19
    0 引用 13
    优秀
  • 撒格张 普通用户 2020-1-18
    0 引用 12
      6666
  • Jameshuang 普通用户 2020-1-11
    0 引用 11
    厉害厉害
  • zipu 普通用户 2020-1-10
    0 引用 10
    感谢分享,多谢
  • 橙子coco 普通用户 2019-12-26
    0 引用 9
    666
  • 三分之一 普通用户 2019-12-25
    0 引用 8
    666
  • 邓辉 普通用户 2019-12-25
    0 引用 7
    666
  • 梓涛 普通用户 2019-12-20
    0 引用 6
    厉害了
  • arielfang0517 普通用户 2019-12-19
    0 引用 5
    厲害
  • SUNTIANWEI- 普通用户 2019-12-19
    0 引用 4
    谢谢
  • Saline 普通用户 2019-12-17
    0 引用 3
    太棒了
  • 沈十三 管理员 2019-12-16
    0 引用 2
    感谢分享,已获得10金币奖励!
返回
axure商城