1POP：10分鐘教會你開發手機App
你可能一行代碼都不會寫，但每天接觸這么多手機App心里總會有些癢癢，如何在沒有任何編程基礎上開發一款邏輯分明、架構完善的手機應用程序？其實借助一些工具，無需任何計算機理論我們也可以輕松完成這一使命。接下來我們就為大家介紹一種簡單的開發途徑，你只需要準備筆紙或者簡單的PS技巧，只需10分鐘，一款優秀的手機App就誕生了。
不會編程也能做 10分鐘學會開發手機Ap
首先我們需要借助這款開發神器——POP-Prototyping on Paper，這款App旨在幫助我們僅僅通過手繪來完成手機應用的界面、UI設計、框架搭建和開發。你只需要把想要開發的界面原型畫出來，通過手機拍照和熱點互鏈完成交互，就能將一個App畫出來。
手繪制作的App
為了更好的演示POP開發手機App的過程，我們決定為大家重新開發一款手繪板“中關村在線”App，詳細向大家手機App是如何通過鉛筆畫出來的。
2筆紙結合 手工繪制界面圖形
筆紙結合 手工繪制界面圖形
在開發手機App之前，我們必須有完成的交互規劃，比如什么地方放什么東西，兩個頁面之間怎樣實現交互，不同的內容之間怎么形成溝通，是不是需要添加新的功能等。在規劃App時你需要把自己當做一名產品經理，既要完善功能、用戶體驗還要兼顧美觀實用。
中關村在線App的界面設計
鑒于ZOL技術部和設計部的大大們已經完成了所有成型的規劃，我們只需要照抄就行，下面就是我們為手繪版“中關村在線”App設計的各個界面的草圖（畫的不好，ZOL技術部和設計部的大大們請多多見諒）。
手繪版框架搭建
手繪版框架搭建
前面我們已經打好了框架，因此在畫草圖的時候每一個能夠打開的頁面都需要我們手工畫出來，工作量比較大。當然如果你想追求美觀和效率，也可以直接使用PS完成。（注意，POP根據不同的手機設置有不同的分辨率，所以我們在畫草稿時一定要注意屏幕的比例，蘋果的開發優勢這個時候就顯現出來了）。
繪制時一定要注意比例
3添加交互 讓手機App動起來
添加交互 讓手機App動起來
接下來我們要在POP新建項目，和頭像上傳的方式一樣，手機App也可以通過圖片或者手繪一個圓角icon，現在是展示大家繪畫功底的時候了（筆者手繪功底垃圾，這里盜一張設計部設計的圖標）。
開發App界面
依次將已經繪好的草圖上傳上來，點擊左下角的相機標志即可錄入剛才我們手繪的界面，這里還有簡單的編輯功能，比如裁圖，翻轉角度、高亮等，彌補拍攝的缺陷。
上傳手繪頁面
添加鏈接
接下來我們要做的就是將所有的頁面進行熱區互鏈，比如在首頁中有很多鏈接，包括組圖、新聞鏈接以及各種功能按鈕，現在我們只需要給每一個區域添加交互鏈接即可。
添加各種操作動作
點擊左下角界面中間出現一個紅色的伸縮框，把它拖動到我們需要鏈接的區域并進行縮放，然后就能鏈接到其他頁面，比如點擊下方的圖賞按鈕即可轉換到圖賞頁。POP提供多樣性的點觸和手勢滑動動作，轉場動作也有幾個可以選擇，完成的鏈接會顯示綠色。
4視頻演示 看一看我們做的App
視頻演示 看一看我們做的App
按照前面的規劃，我們需要在每個頁面添加各種鏈接，你可以選擇點觸、滑動、捏合和雙擊等動作，基本上覆蓋了目前所有App開發所需要的動作。完成以上操作之后一個完整的App就做好了。
正式版和手繪板對比
視頻演示
以下就是我們已經完成的手繪板中關村在線手機App，除了繪畫有些粗糙之外，操作體驗的流暢度和原版沒有太多區別，你也可以感受一下自己設計手機應用程序的快感。不過POP也有一些缺陷，比如無法添加外鏈，添加的所有鏈接必須要我們一一繪制出來。但對于那些學習產品開發的初學者來說使用有用，你可以通過POP來體驗整個App的開發流程，并實現各種動作的演示，進而能夠了解其中出現的問題，幫助我們快速發現。如果你有興趣，不妨也來嘗試做出一個來。
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。