飄：在移動互聯(lián)網(wǎng)產(chǎn)品設(shè)計過程中，我們會在紙板或電腦工具上畫出簡單的線框圖，用思維導(dǎo)圖標(biāo)注界面間的關(guān)系等，但往往，我們在不斷反復(fù)的討論中會因為一些理解上的誤差，或是一些細節(jié)無法腦補還原，而影響方案的實施，影響項目的進度或質(zhì)量。

“樸素”的關(guān)系或原型圖方案會帶來一定的溝通理解成本，所以需要方案最終以一個模似真實的APP，可以滿足的操作演示的同時，借此來講述方案的各類關(guān)系與細節(jié)，驗證操作體驗等的可行性。

在早期的軟件設(shè)計時代，很多團隊會借助像Flash、AE等動畫工具，用動畫的方式，輸出一個模似真實的軟件界面，來完成這類演示需求，但并不完全能滿足模擬操作或快速修改，實現(xiàn)成本亦相當(dāng)大，并不利于高速迭代優(yōu)化的方案輸出。

當(dāng)然，移動互聯(lián)網(wǎng)時代，也有很多更輕便可以符合APP方案設(shè)計演示的工具，從QQ音樂5.0的設(shè)計之前，我們嘗試了很多互聯(lián)網(wǎng)國內(nèi)外優(yōu)秀的Demo演示工具，但很快發(fā)現(xiàn)，都因不堅持迭代更新、速度緩慢、功能臃腫或缺失等原因而遺憾放棄，難以滿足團隊的工作訴求，于是萌生了設(shè)計研發(fā)一個小而美，專門滿足“簡單、更捷、演示”APP設(shè)計方案的工具，拉起一個小團隊，花兩晚上輸出了一個簡單粗暴的版本，為QQ音樂5.x、全民K歌等多個項目的方案設(shè)計提供高效的支持。

在過程中，也不斷加入了一些團隊的剛需功能，慢慢在公司內(nèi)部散播開，被更多的項目團隊采用，同時也收到了一些體驗上的誠懇建議，一直沒違背它“小而美”的定位，在更多團隊的請求下，我們把工具在安全性和穩(wěn)定性進行優(yōu)化，本著互聯(lián)網(wǎng)分享精神，在2015年圣誕節(jié)來臨之際，送給互聯(lián)網(wǎng)產(chǎn)品和設(shè)計團隊一份禮物，分享奮斗在一線可愛有同樣需求的人兒。

Demoo – 為移動端方案設(shè)計演示而生！(這句話應(yīng)有五毛錢的跑馬燈特效)

它是誰？

Demoo基于web設(shè)計搭建，無需安裝，在瀏覽器內(nèi)可視化操作，簡單便捷的創(chuàng)建方式，通過上傳平面稿件，用手勢或觸點熱區(qū)的方式把界面關(guān)系連接起來，加入連接轉(zhuǎn)場特效，輸出一份仿真APP的、可體驗操作的設(shè)計方案，滿足在電腦、會議投影現(xiàn)場及手機上體驗操作，或分享給工作伙伴，直觀清晰地理解設(shè)計上的細節(jié)，促進討論溝通，同時還可授權(quán)給其他成員協(xié)同修改優(yōu)化。

基本功能

創(chuàng)建項目，無需代碼技能，做一個演示DEMO，彈指間只需四步：

1. 新建原型 － 批量上傳移動端稿件，在編輯區(qū)生成多個卡片；

2. 設(shè)置劃動手勢或熱區(qū)觸點 － 輸出界面間的關(guān)系和觸發(fā)區(qū)域；

3. 選擇轉(zhuǎn)場動畫實現(xiàn)流暢的切換效果；

4. 保存預(yù)覽 － 輸出DEMO進行分享、演示和討論。

更多細節(jié)功能

1. 編輯區(qū)域給卡片排序、更名；

2. 編輯區(qū)域雙視圖切換，并可放大、縮小卡片的顯示尺寸，滿足不同的編輯需求；

3. 設(shè)置卡片頂、底部固定區(qū)域，讓長稿件的中間部份滿足上下滾動的體驗；

4. 設(shè)置APP icon和閃屏；

5. 授權(quán)給其它用戶編輯，協(xié)同辦公。

更多功能期待您來發(fā)掘…

體驗與分享演示

提供演示DEMO二維碼，用手機版QQ掃碼，可高保真全屏體驗APP效果；

在電腦操作創(chuàng)建及預(yù)覽，在會議現(xiàn)場投影演示講述；

參會成員可用手機版QQ掃碼在手機全屏仿真體驗與講述者同步并參與討論；

萬水千山總是情，體驗再說行不行！http://isux.us/demoo

歡迎加入Demoo體驗交流QQ群（137539570），一起探討操作Demoo生成演示DEMO的技巧，也為Demoo提供更多寶貴意見，讓它能變得更美好，走得更遠，我們也將不斷優(yōu)化迭代，提供更優(yōu)更穩(wěn)定的服務(wù)。

為什么是QQ手機版掃描？

因為只有QQ手機版掃描Demoo生成的演示，才能全屏顯示仿真模擬APP的體驗，全網(wǎng)僅此！

（此處應(yīng)該有掌聲）

【騰訊ISUX出品的精品軟件+文章】

預(yù)覽設(shè)計稿：

《騰訊ISUX移動終端設(shè)計神器：Ps Play！移動設(shè)計零阻力》

IOS 9人機界面指南譯文：

《騰訊力作！超實用的IOS 9人機界面指南（1）：UI設(shè)計基礎(chǔ)》
《騰訊力作！超實用的IOS 9人機界面指南（2）：設(shè)計策略》
《騰訊力作！IOS 9人機界面指南（3）：iOS 技術(shù) （上）》

原文地址：騰訊ISUX
作者：飄

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量107萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com