這次我找了我之前用 Axure 做的一個簡歷，給大家做一個分享。簡歷較為簡約，可以自行添加內(nèi)容。這個我之前在面試的時候有用過，對于產(chǎn)品經(jīng)理、交互設(shè)計師……當(dāng)你用這個 Axure 做簡歷用時，別人一下子就知道你 Axure 基礎(chǔ)不錯，些許可以加點(diǎn)印象分。

點(diǎn)擊鏈接觀看：https://4hkorl.axshare.com? 或者看看下面的 Gif 圖：

做這個的由來：之前都是用 word 、PPT 的方式做簡歷，在一段期間內(nèi)比較閑，所以就想用 Axure 的方式做一個簡歷，因為 Axure 是產(chǎn)品經(jīng)理、交互設(shè)計師經(jīng)常用到的軟件（也不是說必須用到，可以用其他原型制作軟件），所以想著這么做一個簡歷，是否可以讓面試官眼前一亮呢？

（說不定還是加分項）后面我自己做了一個之后，然后又做出一個模板出來，讓覺得我這個模板可以用的小伙伴們使用，自己也有點(diǎn)成就感。

簡歷采用瀑布流，多模塊的方式制作。頂部添加個人的聯(lián)系方式，左側(cè)采用類似電商網(wǎng)站的側(cè)邊導(dǎo)航，這樣可以在別人第一次看你簡歷的時候，有一個“全局”導(dǎo)航可切換觀看不同的內(nèi)容，右側(cè)在界面滾動到一定位置時顯示，點(diǎn)擊直接放回到頂部。其實(shí)也可以左右兩側(cè)做在一起的，只是我覺得不好看就放右側(cè)了。

下面開始講解步驟，解剖整一個制作流程。

一、準(zhǔn)備元件

首先制作我們的界面，還有排版 … 我們需要在每一塊需要填寫的內(nèi)容，以及在每一個模塊的背景上做一個命名用于后面做點(diǎn)擊側(cè)邊欄頁面跟隨。

這一步需要完成幾個點(diǎn)：

1. 界面設(shè)計排版（標(biāo)題、關(guān)于本人、自我介紹、優(yōu)勢特長、工作經(jīng)驗、所做項目、教育/培訓(xùn)經(jīng)歷）
2. 模塊背景命名（用戶后面做側(cè)邊欄點(diǎn)擊滾動的設(shè)置）

第二步我們把一些需要把第一個板塊隱藏起來的內(nèi)容給畫好，這里可以放你自己的微信二維碼、手機(jī)號碼之類的聯(lián)系方式。

這一步需要完成幾個點(diǎn)：

添加聯(lián)系方式（二維碼、微信、QQ、微博 …）

把元件畫好之后就進(jìn)行下一步 ~

二、設(shè)置交互樣式/動態(tài)面板

我們把側(cè)邊欄給做一下，這里我們需要畫一個小矩形，然后我們把相對應(yīng)的圖標(biāo)放進(jìn)去，還有在右側(cè)放一個標(biāo)識如下圖。

這一步需要完成幾個點(diǎn)：

1. 畫矩形；
2. 添加圖標(biāo)；
3. 文字標(biāo)識。

上面就說了左側(cè)欄的步驟，右側(cè)欄只要按照同樣的邏輯走即可，就不一一簡述了。

三、設(shè)置交互用例

第一步，把界面第一個模塊右上角二維碼做一個點(diǎn)擊顯示的效果，我直接放設(shè)置交互用例：

效果也看一下：

第二步設(shè)置左側(cè)欄交互用例如下圖，鼠標(biāo)單擊時則跳轉(zhuǎn)至某個模塊、鼠標(biāo)移入移出的用例。在這里簡單說明一下：因為是自己一年前多的簡歷，有些效果沒有簡化可能會比較復(fù)雜一點(diǎn)。如果小伙伴有更好更簡單的方式實(shí)現(xiàn)這個效果，那是最好的。右側(cè)的制作步驟一樣，位置換一換就可以了，這里不重新講解。

這一步需要完成幾個點(diǎn)：

1. 設(shè)置鼠標(biāo)單擊時的交互用例；
2. 鼠標(biāo)移入移出時的交互用例。

再來看一下效果：

基本上的制作已經(jīng)做完啦，下面可以看看其他進(jìn)階操作。

四、進(jìn)階

我們在頁面的空白處設(shè)置窗口滾動時，當(dāng)瀏覽窗口 Y 軸滑動的值大于500時，顯示左側(cè)欄；當(dāng)瀏覽窗口 Y 軸滑動的值大于1000時，顯示右側(cè)欄；否則將隱藏左/右側(cè)欄。

根據(jù)以上的設(shè)置，就可以展示出文章上下滾動時，側(cè)邊欄顯示/隱藏的效果了。

如果有想要 Axure 源文件、有什么想要內(nèi)容想要我以教程的形式寫出來的的小伙伴可以私信我~

end

#專欄作家#

Donny，微信公眾號：UE_diary，人人都是產(chǎn)品經(jīng)理專欄作家。工作兩年多的產(chǎn)品交互設(shè)計師，不定分享一些產(chǎn)品交互細(xì)節(jié)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議