mobile-ui-design-demoo-1

飄:在移動互聯網產品設計過程中,我們會在紙板或電腦工具上畫出簡單的線框圖,用思維導圖標注界面間的關系等,但往往,我們在不斷反復的討論中會因為一些理解上的誤差,或是一些細節無法腦補還原,而影響方案的實施,影響項目的進度或質量。

Demoo - 為移動端方案設計演示而生

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

Demoo - 為移動端方案設計演示而生

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

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

Demoo - 為移動端方案設計演示而生

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

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

它是誰?

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

Demoo - 為移動端方案設計演示而生

基本功能

創建項目,無需代碼技能,做一個演示DEMO,彈指間只需四步:

1. 新建原型 - 批量上傳移動端稿件,在編輯區生成多個卡片;

2. 設置劃動手勢或熱區觸點 - 輸出界面間的關系和觸發區域;

Demoo - 為移動端方案設計演示而生

3. 選擇轉場動畫實現流暢的切換效果;

4. 保存預覽 - 輸出DEMO進行分享、演示和討論。

Demoo - 為移動端方案設計演示而生

更多細節功能

1. 編輯區域給卡片排序、更名;

2. 編輯區域雙視圖切換,并可放大、縮小卡片的顯示尺寸,滿足不同的編輯需求;

3. 設置卡片頂、底部固定區域,讓長稿件的中間部份滿足上下滾動的體驗;

4. 設置APP icon和閃屏;

5. 授權給其它用戶編輯,協同辦公。

Demoo - 為移動端方案設計演示而生

更多功能期待您來發掘…

體驗與分享演示

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

Demoo - 為移動端方案設計演示而生

在電腦操作創建及預覽,在會議現場投影演示講述;

Demoo - 為移動端方案設計演示而生

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

Demoo - 為移動端方案設計演示而生

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

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

Demoo - 為移動端方案設計演示而生

為什么是QQ手機版掃描?

因為只有QQ手機版掃描Demoo生成的演示,才能全屏顯示仿真模擬APP的體驗,全網僅此!

(此處應該有掌聲)

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

預覽設計稿:

《騰訊ISUX移動終端設計神器:Ps Play!移動設計零阻力》

IOS 9人機界面指南譯文:

《騰訊力作!超實用的IOS 9人機界面指南(1):UI設計基礎》
《騰訊力作!超實用的IOS 9人機界面指南(2):設計策略》
《騰訊力作!IOS 9人機界面指南(3):iOS 技術 (上)》

原文地址:騰訊ISUX
作者:

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量107萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏