整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
擊標題下「艾歐交互設計」可快速關注
JUSTINMIND權威指南
這一篇是用來掃盲的，知道基礎知識的童鞋可以再了解一下，不知道的同學要仔細了解。
對于老鳥來說可以直接飛過此章節。
全稱：Justinmind Prototyper
簡介：Justinmind是一個創作網站軟件原型線框圖和高保真原型的工具
它提供的功能有繪圖工具，拖放位置,大小,格式和導出/導入的小部件。此外,它有功能注釋等小部件定義交互鏈接,動畫,有條件的連接,計算,模擬選項卡控件,顯示/隱藏元素和數據庫模擬。支持高保真模擬富Internet應用程序。Justinmind原型可以生成HTML原型和Microsoft Word規范。
官網：http://www.justinmind.com/
_baidu_page_break_tag_
官網有自己的官方特色功能介紹看這個網址http://www.justinmind.com/features
考慮一些同學的網速和語言問題我們這里翻譯出來一些要點給大家了解一下
iOS和Android Justinmind原型允許您更快更好用默認內置的小部件。 這些小部件已專門設計適合您的iOS和Android應用程序,所以您的內容總是看來很好，Justinmind內置的IOS和Android的部件庫支持矢量圖。
網絡 每個小部件庫的目的是幫助你快速啟動Web線框圖。 Justinmind包括一個方便采集的Web按鈕、菜單、圖表等更多可以使用自動采集或填充到這個Web部件庫里。
Google Glasses Justinmind幫助你遵循標準的指導方針與完美預先設計Google Glasses卡和模式的應用程序。每個小部件在這個庫運,Justinmind可以推動和模擬Google Glasses設備。
創建自己的小部件 創建自己的小部件,用你自己的風格和交互,或者選擇數百Justinmind預先設計的小部件,您可以很容易地提煉和重用。
Sketch & Shapes 創建一個低保真線框當專注于內容和結構。Justinmind可以選擇不同部件庫,包括互動sketch-like組件、箭頭、菜單、圖像和更多。
Windows 8 任何類型的應用程序原型為Windows 8這個難以置信的庫。你會發現輸入、菜單和許多其他控件模型你的下一個Windows 8應用程序。
ERP Justinmind可以運行不同的場景來驗證和驗證企業流程。下載我們的融合或SAP部件庫內部流程的高度交互的線框圖,通過簡單的拖放式元件操作。
嵌入HTML和文檔 這個Justinmind部件庫允許您輕松插入HTML文檔,和視頻,包括在線小部件,交互式地圖和其他在/離線內容,等等。
更多的 導入正確的部件設計?？纯次覀冊谏痰隇槟乃袔旌?或與Justinmind社區分享你自己的。
Web交互 Justinmind伴隨著各種各樣的事件,如Onclick,翻轉,OnkeyPressed,和更多的,您可以選擇定義交互。 顯示和隱藏內容,改變風格等。
Mobile手勢 選擇一套完整的動作,會讓你感覺盡可能真實的原型。 認為刷卡,必要時,滾動,點擊,切換等等。 所有的動作都可以模擬手機模擬器和測試在實際設備上，利用Justinmind APP實現。
轉換和動效 你可以控制所有不同的事件和動畫,以及定義您的項目將如何通過使用轉換反應手勢。 所有的轉換和動效都可以模擬手機模擬器和測試在實際設備，利用Justinmind APP實現。
圖片熱點 可以在你的照片上放一個透明區域可以加點擊連接等事件交互,Justinmind很容易讓你把你的靜態設計成可點擊互動線框通過設置熱點和鏈接屏幕等。
顏色、陰影和梯度 Justinmind可以定義所有格式的細節設計。 創建獨特的漸變顏色,相結合的定位、改變顏色或雙梯度,并使用它們作為背景。
圓形的邊界 定制和控制您的小部件邊界,一個接一個或全部。 您可以選擇使用滑塊或旋轉來調整你的邊界的邊緣,使它們從鋸齒變成完全圓的。
圖像同步法 連接與Photoshop圖像可以同時工作時特別有用。 所有圖片嵌入到你的線框會自動更新時遠程文件從你的編輯修改。
Adobe Illustrator集成 復制/粘貼在Illustrator Justinmind為SVG文件。 您可以編輯圖像用Illustrator和看到的變化反映在你設計的線框圖
從瀏覽器&文件拖放圖片 Justinmind允許您獲取圖像直接從您的web瀏覽器,或從文件系統用一個簡單的拖放動作。
調整圖像 所有圖片插入你的線框可以修改以適應您的設計的尺寸和風格。 Justinmind編輯功能允許您作物圖像,在軸旋轉或翻轉圖片,調整他們等等。
字體 完全控制你的設計,給它一個聲音。 字體類型可以在下拉選擇欄里允許您選擇從數以百計的字體選擇在谷歌的字體目錄，谷歌字體可只能使用于英文設計，不支持中文。
智能參考線 使用參考線、標尺和網格來幫助你,使你每個元素拖動到畫布上。 配置網格,標尺和畫布大小,你的內容在整個設計是一致的。
SVG文件 很容易嵌入或鏈接矢量文件就像任何其他的形象。 與Justinmind可以導入任何視覺SVG文件和規模大小而不損失畫質。
網絡模擬器 模擬超越了一個簡單的皮膚,給你一個本地網絡顯示的輸入字段,選擇列表,滾動條等等。 Justinmind web模擬器模擬響應設計的最常見的版本的瀏覽器。
用戶測試工具集成 選擇其中一個用戶測試工具:KeyNote,Userzoom,Loop11,sitemeter,Usabilla,Usertesting,Crazyegg,Google Analytics,Trymyui或Userlytics。
iPhone和iPad應用程序查看器 Justinmind設計與現代的移動設備。 我們的應用程序可以模擬和測試整個用戶體驗直接從你的iPhone或iPad的設備。
Android應用程序查看器 模擬你的線框圖和測試它直接從你使用Justinmind Android手機或平板電腦應用程序。
手機模擬器 選擇不同的iPhone或者iPad和Android或定制設備,模擬線框圖立即從您的瀏覽器。 仿真設置將允許您預覽完整的經驗在一個真實的設備,包括壓力、滾動和其他本地手勢。
用戶測試工具集成 運行一個用戶測試和你的線框圖來評估交互、功能和整體用戶體驗在現實中。
交互的HTML + javascript生成一個HTML原型互動。 我們的簡單導出選項允許您包括或者排除評論,和優化代碼所以屏幕可以加載速度更快。
文檔生成您的項目導出到微軟的Word或開放的辦公室,得到一個明確的規范文檔的解釋在一個單一的點擊所需的視覺效果。 包括Justinmind允許您配置選項,在您的規格文檔,你需要盡可能多的細節。
文檔的定制每個文檔的內容可以很容易地定制適合您的需求。 最終的文檔讓你的可配置選項包括與否,評論等信息和需求。
圖片你可以很容易地將屏幕,模板,碩士或場景圖像文件。
導航地圖得到一個快速和清晰的完整的全局視圖導航的自動生成站點地圖你的線框圖。
模板節省時間用你的模板作為起點。 創建和共享內容(頁眉,頁腳和更多),您可以使用和重用在任何屏幕或設計。 所有的模板都可以編輯、導出和導入。
風格您可以更改默認風格,位置,大小,背景,和任何小部件的布局分布適應不同屏幕的外觀和感覺。 所有風格定制一個條目可以復制和粘貼任何小部件。
大師使用大師的巨大好處是,變化是全球廣泛應用于你的原型。 所有的大師都可以進口,出口和與其他用戶共享。
發布和評論 讓你的線框可用在任何web瀏覽器視圖,或者發布遠程用戶測試工具。 你的線框仿真可以評論者給你有意義的反饋。 線框圖可以替換為更新版本出版。
評論管理 業主已經完全控制的人可以查看和訪問一個原型。 評審邀請通過電子郵件發送選定的用戶或用戶組。 你可以撤銷評論者的許可你賦予它一樣容易。
公共和私人的原型 把你的原型的URL給任何你想看到它。 如果你需要額外的安全,或機密的項目可以讓他們有密碼保護。
評論系統 同事和客戶,可以訪問發表線框圖來測試,并發表評論。 所有的反饋可以很容易地組織迷路了所以沒有細節。
在線和離線評論同步 隨時隨地都能評論和檢查線框圖。 當一個連接可用你的反饋與你的更新會自動同步到你的賬戶。
類別 所有的反饋可以很容易地組織在自定義類別標簽和顏色為堅實的管理。 評論可以看到/制造的特定部分的設計了所以你永遠不會失去聯系。
變量 變量允許不同屏幕之間共享數據,作為泛型容器,可用于定義基于用戶輸入的互動內容和行為。
有條件的導航 條件編輯器,可以很容易地應用條件導航你的原型。 簡單的拖放變量,屏幕元素,更多的空白表達式對話框和建立你的條件規則。
表單驗證 模擬形式填充,要么驗證類型,或者在提交驗證,確保正確的信息輸入成功完成手術。 模擬錯誤消息,當條件和業務規則并不滿足,或一個必需的字段輸入無效。
形式模擬 使用拖放元素來構建內容驅動的形式和模擬現場表單填充和輸入提交。 所有屬性和值以及條件和驗證規則可以很容易地根據需要創建和修改。
數據表格 Justinmind允許您設計智能數據網格和模擬其動態行為。 您可以結合運營商和驗證字段、變量,和你自己的數據。
測試數據 數據網格和形式可以立即與實際測試數據來自csv文件,這是特別有用驗證數據驅動的企業流程。
業務邏輯 獲得正確的細節。 模擬的端到端流程的業務規則和條件來驗證原型的具體要求。
團隊的原型 整個團隊可以同時編輯和修改相同的線框圖。
版本控制 歷史版本可在任何時間對每一個線框圖設計。 所有項目的細節,并為每個版本變更注冊。
團隊共享部件 共享和集中管理您的小部件庫,所以整個團隊會自動同步到最新版本。
線上和線下團隊合作 與Justinmind您可以打開共享原型離線工作。 原型副本存儲在本地工作可以在任何時候被打開。 連接可用時你將能夠提交修改和同步你的原型可用更新。
流程圖 設計你的線框圖之前或之后輕松快速地創建流成圖,具有可視化創建流程圖經驗。 圖中所有屏幕拉伸和收縮根據其內容,所以沒有細節丟失。
流程驗證 完成你的圖和驗證屏幕流自動當你拖拽到畫布上。 利用和完成它,以早期發現設計問題。
版本控制 要求每個原型設計都有自己的需求,為了跟蹤注冊版本歷史,從開始到結束的所有的需求修改。
第三方工具的集成 Justinmind允許集成的需求或需求管理工具你已經在使用的其他第三方工具。
需求分類 所有的需求都可以很容易地組織與標簽和顏色定制類固體和高效管理。
CMMI標準 Justinmind有關領域的需求管理工具符合CMMI需求和版本控制。
API Justinmind API你可以集成與第三方工具原型或生成自己的UI代碼。
SDK 下載Justinmind SDK代碼輕松地集成和創建自己的插件。
教程和例子 使用Justinmind的教程一步一步來快速學習如何編寫代碼集成。 看看我們的插件的例子,包括生成jQuery移動HTML5,出口評論JIRA等等。
在線用戶中心的項目管理頁面
界面截圖：
Justinmind 制作WEB網頁原型
動態圖展示：
Justinmind 制作APP軟件原型
Justinmind 是一個矢量繪圖工具
Justinmind 支持預設模板根據不同尺寸的設備進行快速開始原型設計
Justinmind 可以快速發布到云端跨平臺進行預覽演示：IOS／MAC／WIN／Android／WEB／HTML方式。
下面一章節我們開始準備一些必要到軟件安裝工作以正常開展接下來到設計工作。
想了解更多的相關知識可以加我們的qq群：交互設計IxD學堂 156360020，加群密鑰：iamue
過這么長時間的摸索，熊先生明白了一個道理：原型設計是提高產品開發效率中的不可缺少的一部分。那么，把做好的原型快捷、有效的演示給開發和客戶就變成了很重要的一個環節。目前大家比較常用的幾款原型設計工具在這個方面可以說是各有千秋。今天，熊先生就和大家一起看看Axure、Justinmind、Mockplus以及Proto.io 6在預覽上的表現如何。
Axure：★★★★
Axure應該說是原型設計中最常見的工具了，經過多年的沉淀累積，其功能的強大是不可否認的。同樣的，預覽的功能上Axure也絕對不弱，而且，其導出HTML可以說是可控項最多的。
移動端的預覽Axure支持的方式也有兩種，一種是通過導出移動的HTML，再用蘋果手機的Safari瀏覽器打開。另一種則是通過Axure share直接打開桌面端上傳的項目。
Justinmind：★★★★
Justinmind是一款來自西班牙的原型設計軟件，雖然不及Axure，但不論在國外還是國內，都有著一定規模的使用群體。 Justinmind在HTML的導出上設置沒有Axure的復雜，移動端的話，可以通過解壓到手機的文件夾中，再用瀏覽器打開預覽。雖然但是在線預覽的 效果相對于同類軟件還是比較出色的，就是速度稍慢了一些。當然，它同樣有基本的圖片預覽。另外值得一提的，就是Justinmind支持DOCX的文檔導 出，這可以使文檔寫作更加方便。
Mockplus：★★★★★
Mockplus是 我目前為止見過的預覽方式最全的工具了，基礎的導出兩種格式的圖片預覽就不說了，手機預覽就有兩種很方便的方式：直接掃碼預覽和上傳云之后用原型碼預覽。 其中，通過二維碼掃描預覽在同類軟件中很少見，不需要連線，也不需要上傳到云，實際操作起來挺方便的。導出演示包也是一個相對稀有卻比較實用的預覽功能。 此外，據熊先生內部了解，導出HTML預覽功能的2.2 Beta版本也已經進入了內測階段，即將發布了。Mockplus的HTML導出分為兩種，一種是離線包，你可以直接發送給小伙伴，也可以放置到公司內部 服務器下載瀏覽；另一種是在線發布，發布后，你可以發給對方一個網頁地址，直接就可以預覽了。
Proto.io 6：★★★
Proto.io在七月中旬更新到了現在的Proto.io 6的版本，相對于前三種客戶端的操作方式，Proto.io則是基于網頁，可能也正是由于這一點，導致Proto.io的預覽方式比較有限，只能導出HTML、圖片和PDF格式。
綜合評價：
從靜態原型的預覽來看：
幾個工具不分上下，都支持圖片導出。但Mockpus不支持PDF的導出，對于需要直接導出PDF的用戶會有些不便。
從動態原型的預覽來看：
Axure和Justinmind的預覽方式比較接近，都有手機客戶端，能夠滿足一般的預覽需要；而且兩者也都支持將原型轉為HTML方式導出。對于國內用戶來說，在線預覽常常會受到網速的影響，比較痛苦。
Mockplus的預覽方式最多，可以根據不同需要做更多的選擇。因此，在演示方式的多樣性上，要勝出一籌。
Proto.io 6作為在線原型制作工具，因此在導出方式的多樣性上稍顯乏力。不過，如果沒有特別高的要求，也能夠滿足基本需要。
順便說下，在手機端，預覽原型的方式有兩種：
通過HTML預覽：優點是不用安裝客戶端，方便。但缺點也是明顯的，運行起來相對緩慢。同時，在手機上要想全屏預覽，也比較麻煩。還有就是由于瀏覽器的兼容問題，這會很容易造成演示的時候原型失真，演示中呈現的和設計中的不一致。
安裝手機客戶端，直接打開原型文件預覽：因為手機端可以自己解析原型，全屏和完全保真自然沒有問題，可以得到最好的演示效果，性能也快。然而，它的缺點就是需要安裝。
那么，哪一種方式更好呢？熊先生的建議是：請根據自己的工作需要決定。當然，選擇一個兩種方式都能提供的工具，可能才是最實際的解決辦法。
以上只是我對四款工具預覽方式的初步探索和比較，如有不妥，請多指教，早日帶俺脫坑。
--------產品手記：產品經理學習、分享交流平臺 www.chanpinshouji.com-------------
維導圖類：
軟件名稱：XMind
軟件介紹：
XMind 是一個全功能的思維導圖和頭腦風暴軟件，為激發靈感和創意而生。作為一款有效提升工作和生活效率的生產力工具，受到全球百千萬用戶的青睞
軟件名稱：Mindjet MindManager
軟件介紹：
mindjet mindmanager，中文商標譯作C，俗稱"腦圖
會議記錄，思維腦圖，項目管理（小型）MindManager提供更快的理解、更好的判斷和減少會議時間來提高工作效率。并且MindManager可以和微軟的Office系列做到無縫的連接。
軟件名稱：Microsoft Visio
軟件介紹：
Visio是一款能處理復雜信息、系統和流程進行可視化、分析和交流的軟件，從"office 2003"以后，Visio作為一個單獨軟件發行，不再集成于office辦公軟件。
原型設計類：
軟件名稱：Axure PR
軟件介紹：
Axure RP是一款專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理
軟件名稱：墨刀
軟件介紹：
傻瓜式原型設計的原型工具，墨刀是一款非常便捷效率的原型產出工具，10分鐘設計一個APP不是假話，因為里面的組件庫非常豐富，可以提供手機直接預覽自己設計的產品原型，還可以代碼調色，設計高保真產品原型推薦使用墨刀。
同時墨刀還帶有Sketch切圖功能，方便設計師切圖。
軟件名稱：摹客（Mockplus）
軟件介紹
類似墨刀，但是卻兼容Axure, Justinmind, Sketch導出的HTML原型，支持原型托管，不需要SVN，SAE這些工具系統，同事支持版本管理，郵件群發(原型設計好后，可以群發郵件給同事)
圖像處理類：
軟件名稱：Photoshop
產品經理有時候需要設計一些簡單的圖片放入產品原型里，讓工作更快，更同步，更順利的進行，減少開發人員，測試人員，運營人員的理解誤差。
測試發布類：
軟件名字：禪道
軟件介紹：
內置需求管理、任務管理、bug管理、缺陷管理、用例管理、計劃發布等功能,實現了軟件的完整生命周期管理，方便測試人員，開發人員，運營人員的協調管理
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
