七夕節(jié)送禮，不是高富帥的專屬，利用工作技能，我們產(chǎn)品經(jīng)理一樣能夠送出意想不到的禮物。

1.前言

其實有這個想法也是靈光一閃，臨近七夕的時候突然接到了出差通知，果不其然七夕沒能回京陪女朋友，雖然早有準備，備好了禮物，但總覺得人不在身邊只是禮物送到有些冰冷。于是我就想，有什么樣的禮物能出其不意又顯得很有新意呢。

作為產(chǎn)品經(jīng)理，遇到問題當然不能慌張，咱先分析用戶的痛點需求，女生七夕的痛點是什么，當然是需要男朋友陪，這一點暫時實現(xiàn)不了，再挖掘。七夕肯定是要收禮物，收禮物的痛點是什么，首先肯定是通過收禮物看出你很重視她，所以要體現(xiàn)你的心思。其次應(yīng)該是得到別人的羨慕，七夕一定會被朋友圈刷屏，大街的目的無法就是展示一下自己的七夕，得到別的羨慕，所以這個禮物還點需要女朋友能夠發(fā)了朋友圈之后與眾不同，紛紛贊美。

怎么才能讓女朋友出其不意，還能得到別的的贊美，彰顯她的七夕禮物與眾不同呢。一個化學系的博士朋友給了我提示，他是研究新材料的，覺得用新材料給女朋友做一個與眾不同的愛心模型。

我想， 作為產(chǎn)品經(jīng)理我的技能范圍內(nèi)有什么可以利用呢？此時，答案應(yīng)運而生——Axure，我用Axure做一個簡單的適用iPhone7plus的app原型，然后通過coding+git托管部署，最后通過蘋果自帶瀏覽器Safari將網(wǎng)頁添加到手機桌面，變成一個“app”送個女朋友，絕對能夠滿足七夕收禮物的痛點需求！

2.Auxre制作適用iPhone7plus的app原型

在此就默認大家都會Axure的使用了，如果不會的話，平臺上有很多文章可以學習一下，筆者也寫過用Axure制作微信原型的文章：《Axure教程：微信聊天列表原型制作》，都可以先簡單學習一下。

首先建立一個新頁面，頁面的名字，就是你希望的“app”名，比如起名為“七夕快樂”。

然后建立原型大小。原型要能夠在iPhone7p上全屏顯示，這樣才高保真。7p的屏幕大小為375*667，減去20的導航欄高度，因此你首先需要將app的大小范圍定在375*647。然后再該范圍內(nèi)制作原型。下圖是筆者的原型首頁。

制作完成后發(fā)布很關(guān)鍵，F(xiàn)8打開發(fā)布設(shè)置。常規(guī)設(shè)置發(fā)布路徑。移動設(shè)備選項設(shè)置手機選項。將包含視口標簽打鉤，然后寬度和長度與原型一致，375*647。注意初始縮放倍數(shù)空，然后用戶縮放選擇no。主屏幕圖標就是“app”的圖標，按要求制作一個114*114像素的png圖片即可。ios啟動畫面設(shè)置，經(jīng)過嘗試，發(fā)現(xiàn)沒有效果，讀者可以自己試一下。然后點擊生成，此時你的原型就做好啦。

3.Axure原型托管部署

做好的原型如何才能遠程添加到女朋友手機上呢，畢竟我們做的不是真正的app，而且也不可能發(fā)布到appstore讓人下載呀。但是這難不住產(chǎn)品經(jīng)理。通過coding來托管工程，這樣就能夠在互聯(lián)網(wǎng)上任意地方訪問了。

首先注冊個用戶，隨意注冊吧，免費使用。

登錄后選擇部署項目，然后點擊加號添加新項目。

項目名稱要和你用Axure發(fā)布原型的文件夾名相同。比如你將原型發(fā)布到D盤的77目錄下，項目名稱就叫77。選擇公開，其他選擇默認即可， 點擊創(chuàng)建項目。跳轉(zhuǎn)到一下界面。

在命令行中創(chuàng)建git庫。

運行命令控制臺（win+R，輸入cmd運行），進入剛剛發(fā)布原型的路徑。然后以此輸入一下命令，網(wǎng)址修改成頁面上給出的地址：

git init
echo “# 77” >> README.md
git add .
git commit -m “first commit”
git remote add origin https://…..77.git
git push -u origin master

運行結(jié)束后，點擊頁面上方的Pages服務(wù)，選擇來源–>master分支，保存。等顯示成功部署master分支后，點擊頁面上給出的鏈接，就可以看到成功部署到互聯(lián)網(wǎng)上的原型了。

4.網(wǎng)址鏈接添加到桌面變成“app”

此時，其實已經(jīng)完成了大部分工作，將該網(wǎng)址發(fā)給女朋友之后，她已經(jīng)可以在瀏覽器上看到你的原型，但是還不夠！只是在瀏覽器上看遠遠不能滿足痛點。此時，你需要告知女朋友下面的操作步驟。

通過蘋果自帶瀏覽器Safari打開網(wǎng)址（如果你的網(wǎng)址和我一樣有中文，微信是不會自動跳轉(zhuǎn)的，記得讓她全部復制），然后點擊下方導航欄中間按鈕，然后選擇添加到主屏幕，下面就是見證奇跡的時刻?。ó斎皇菍λ麃碚f比較奇跡，對我們來說就是深藏功與名，笑而不語）。到此，你已經(jīng)成功將一個“app”送到了女朋友的手（機）上。相信她會很喜歡這個禮物，并且迫不及待發(fā)一個朋友圈。

5.小結(jié)

多動腦咱們產(chǎn)品經(jīng)理也是能夠逆襲高富帥的，其實整篇文章是一個完整的制作原型，網(wǎng)上發(fā)布，可手機查看原型的過程。作為一個產(chǎn)品經(jīng)理，這應(yīng)該是工作中遇到的一部分，學以致用方能更好的進步。希望大家讀完本篇文章以后，能夠掌握這些基本技能。

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

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