2014.4.9 @ App 創業小組四月份聚會

2. 自我介紹

3. Nokimi aka 賴經文
1977.10.31 O型 天蠍座
App 製作人、3C 部落客
看電影、打籃球、聽 R&B
精誠中學、彰化高中、 甲環境工程科學系、
元智資 傳播碩士班
精誠資 、亞洲網商務行銷、鴻海科技集團

4. App 製作前評估

5. 我的 idea 是否可行？
1 搜尋市場同類產品
2 評估競爭優勢
3 商業模式與市場規模估算

6. 確定要做
那就開始吧！

7. Wireframe Mockup Prototype
圖示整體結構
與畫面基本組
成元素
用繪圖軟體將
各畫面製作成
圖片 案
可進行操作互
動的擬真產品
雛型

8. 很多工具都可以
畫 wireframe
紙筆、Word、PowerPoint...

9. 用手繪方式畫 Wireframe
關 字：App 研發便條紙、Pinkoi

10. 用 POP 做會動的
Wireframe
網址：popapp.in

11. 把手繪稿拍下來1

12. 製作畫面連結2

13. 播放操作3

14. 確定版面配置後
就來畫出 mockup
Photoshop、Illustrator...

15. 下載 UI 設計元件1
網址：www.teehanlax.com/tools

16. 用 Photoshop 設計圖2

17. 將畫面 存成 PNG 圖3

18. App 啓動圖示
也很重要

19. 用 Photoshop 設計圖示1

20. 下載啓動圖示設計模版
網址：appicontemplate.com
2

21. 將圖示 案套用到
智慧型物件
3

22. 自動輸出各種尺寸圖示4

23. 用 Flinto 快速製作
動態 Prototype
網址：www.flinto.com

24. 新增 App 專案1

25. 把 Mockup 圖 丟進去2

26. 製作連結與設定過場效果3

27. 手機開啓網址加入主畫面4

28. 30 天免費，20 /月5

29. 快速產生 App
使用情境圖片
網址：placeit.net

30. 選擇裝置與情境背景1

31. 上傳 mockup 圖2

32. 自動合成情境圖片3

33. 選擇付費方案4

34. Thank You
facebook.com/nokimi
nokimi@wearapp.com
www.wearapp.com