自我介紹
Nokimi aka 賴經文
1977.10.31 O型 天蠍座
App 製作人、3C 部落客
看電影、打籃球、聽 R&B
精誠中學、彰化高中、 甲環境工程科學系、
元智資 傳播碩士班
精誠資 、亞洲網商務行銷、鴻海科技集團
App 製作前評估
我的 idea 是否可行?
1 搜尋市場同類產品
2 評估競爭優勢
3 商業模式與市場規模估算
確定要做
那就開始吧!
Wireframe Mockup Prototype
圖示整體結構
與畫面基本組
成元素
用繪圖軟體將
各畫面製作成
圖片 案
可進行操作互
動的擬真產品
雛型
很多工具都可以
畫 wireframe
紙筆、Word、PowerPoint...
用手繪方式畫 Wireframe
關 字:App 研發便條紙、Pinkoi
用 POP 做會動的
Wireframe
網址:popapp.in
把手繪稿拍下來1
製作畫面連結2
播放操作3
確定版面配置後
就來畫出 mockup
Photoshop、Illustrator...
下載 UI 設計元件1
網址:www.teehanlax.com/tools
用 Photoshop 設計圖2
將畫面 存成 PNG 圖3
App 啓動圖示
也很重要
用 Photoshop 設計圖示1
下載啓動圖示設計模版
網址:appicontemplate.com
2
將圖示 案套用到
智慧型物件
3
自動輸出各種尺寸圖示4
用 Flinto 快速製作
動態 Prototype
網址:www.flinto.com
新增 App 專案1
把 Mockup 圖 丟進去2
製作連結與設定過場效果3
手機開啓網址加入主畫面4
30 天免費,20 /月5
快速產生 App
使用情境圖片
網址:placeit.net
選擇裝置與情境背景1
上傳 mockup 圖2
自動合成情境圖片3
選擇付費方案4
Thank You
facebook.com/nokimi
nokimi@wearapp.com
www.wearapp.com

From Idea to Prototype - 快速打造 App 產品雛型