自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

iOS設備上高效演示APP原型的方法總結

移動開發(fā) iOS
相信許多產品和設計師童靴都可以用原型設計工具制作制作出逼真的產品交互原型,如果能方便、直接地在 iPhone上演示這些APP原型,對于我們模擬用戶真實體驗,展示設計亮點都有很大幫助。壯壯結合自己這幾天閱讀資料和摸索實踐,總結了一下個人認為最 高效的方法,希望對在iPhone上演示APP交互原型有困擾的童靴們有所幫助。

相信許多產品和設計師童靴都可以用原型設計工具制作制作出逼真的產品交互原型,如果能方便、直接地在 iPhone上演示這些APP原型,對于我們模擬用戶真實體驗,展示設計亮點都有很大幫助。壯壯結合自己這幾天閱讀資料和摸索實踐,總結了一下個人認為最 高效的方法,希望對在iPhone上演示APP交互原型有困擾的童靴們有所幫助。 首先,簡單介紹下我了解到的制作及演示APP原型的工具:

1.上手難易度:POP、快現(xiàn)最輕巧簡單,用手機拍下腦暴、手繪草圖,添加熱區(qū),立即可以在 iPhone上演示原型,并且POP內嵌的交互動作如側滑、展開、消失,快現(xiàn)的搖一搖等,即可滿足一般的動態(tài)演示需要;iMockups、Mockop、 Grafio Lite等工具內嵌iPhone 控件庫,可導入設計稿圖片,在產品構思階段使用較方便;Flash、Fireworks需要一定的編程or代碼基礎;Axure入門簡單,熟練精通有門 檻~~~

2.功能性:功能最強大全面的當屬Axure,用好動態(tài)面板,多數(shù)交互效果都可實現(xiàn),PC端、移動真機上都可演示原型。

3.使用效率:個人來言還是Axure,日常設計稿通常用Axure完成,原型素材導入、更改 十分方便;UIDeigner內置了大量的iPhone控件,自定義模版的使用對于團隊協(xié)作十分高效,用UIDPlayer即可在iOS設備上演示移動原 型,只期待UIDeigner盡快增加更多的交互動作;Keynote、 PPT添加鏈接過于繁瑣,而且不易更改。

鑒于自己的使用經驗,我的總結主要針對如何在IOS設備上高效地演示Axure(v6.5)制作的高保真原型。按演示原型的查看方式分,演示方式分為兩種:Web APP模式和APP打開模式,對比兩種模式的使用條件、使用方法及演示效果如下表:

綜合以上幾點,個人比較推薦“APP打開模式”,雖然需要花費6.00元購買Atomic Web APP,但離線也可以演示,不受網絡環(huán)境限制,并且原型導入、頁面打開、更新的速度都比較快,不擔憂原型在線被盜等安全問題。而Web APP模式最贊的 一點是能夠在桌面生成圖標,還原初始進入體驗,但是在線演示原型的信息安全讓人覺得不靠譜。補充一點,支持“APP打開模式”的APP還有iZip、 GoodReader、Mercury,但它們在全屏顯示、頁面跳轉等方面都不及Atomic理想。無論哪種模式,想要在iOS設備上完美地、高效地演示 app原型,先要做好生成原型時設置工作,完成原型界面與屏幕分辨率的適配。

打開Generate(F5)生成原型對話框,選中Mobile/Device

下面詳細介紹兩種演示模式的應用

APP打開模式(6.00購買Atomic Web作為演示原型的工具)

Web APP 打開模式

原型制作時還有幾點注意事項:

1.頁面命名最好都用英文,以防中文在解壓時出現(xiàn)亂碼;

2.APP主頁面不要用index來命名,否則打開Index時默認隱藏側邊欄,后續(xù)無法復制URL;

3.設計尺寸大小取決于選擇的演示方式:a).Web APP模式:屏幕高度-ios設備狀態(tài)欄高度,eg:設計尺寸=480-20px=460px;b).APP打開模式:采用設備默認尺寸

寫在最后:

原型設計、演示相關的工具&應用的增長和更新的速度實在太快,本人接觸使用地很有限,大家有更好的推薦歡迎留言交流;原型演示僅僅只是產品設計師表現(xiàn)想法的手段,毋須拘泥于工具,所以挑自己最順手的,走起吧~

參考文獻:

1.App are alive when Viewing on Your iPhone

2.Desining apps using the iPhone App Template

3. 把axure生成的html原型導入到iPad或iPhone的方法

4. iOS 中可交互原型的最佳實踐  

5.用 Axure 制作的 app 原型生成后放到手機上,如何演示效果最佳?

6:移動App原型設計神器 – POP(Prototyping on Paper)

7.Web Applications 開發(fā)技巧(一)

8.Changing the Viewport Width and Height 

原文:http://cdc.tencent.com/?p=7246

責任編輯:閆佳明 來源: cdc.tencent
相關推薦

2017-05-09 09:36:52

Android App高效顯示位圖

2019-12-16 15:28:00

算法深度學習人工智能

2021-12-20 07:58:59

GitHub源碼代碼

2013-06-08 15:48:32

iOS App蘋果iOS開發(fā)者

2015-01-07 09:11:49

惡意IPipset阻止惡意IP

2014-06-10 14:19:52

iOSUIApplicati總結

2025-04-07 00:00:01

Canvas渲染圖片HTML

2013-04-01 17:05:28

2013-09-09 16:11:16

iOS應用內置付費IAP總結

2024-12-27 15:10:16

設計模式原型模式場景

2017-02-21 13:36:11

iosAPP性能

2010-06-10 13:04:31

2022-06-15 15:44:21

無損數(shù)據(jù)壓縮鴻蒙

2017-01-19 19:20:35

iOS調試小技能

2012-07-18 15:30:58

iOS交互原型

2014-11-10 09:59:08

jQuery

2013-09-09 14:26:25

iOS應用內置付費In-App Purc

2010-08-03 09:54:09

路由器IOS

2013-07-25 14:12:53

iOS開發(fā)學習UITableView
點贊
收藏

51CTO技術棧公眾號