Indigo Studio是 免一款功能強大的UI原型和交互設計工具,由久負盛名的费版網頁設計公司infragistics 開發的 ,具有較高的 免兼容性和易用性
,不僅如此,费版Indigo Studio采用了人性化設計, 免每一步都保持以用戶體驗為中心,费版食物语哪个辅助角色值得培养還內置超過100個不同的 免場景 、線框,费版可以扶植用戶快速而簡易地創建活生生的 免UI原型,小編今天為大家帶來的费版這款Indigo Studio是最新版本,還擁穿著運行HTML5的 免設備,需要的费版趕快下載體驗一番吧
。

軟件特色
Indigo Studio的 免最新功能使移動設備原型設計變得前所未有的簡易,它還全麵擁穿著運行HTML5的费版設備
,包括iOS
, 免用戶可充分利用擁穿著的觸摸手勢、PDF文件裸露 ,設計真實內容的故事版、快速的原型交互式應用程序、以及功能齊全的、生動的食物语内置MOD修改版UI原型
。
功能特點
1.100多個真實場景
Indigo Studio可以扶植你從一起始就專注於你的用戶。通過從100多種包含人物 、地點和各種設備的綜合故事版中鋪開選擇,你可以輕快地將設計直接轉化到現實生活場景中
。
2.線框交互式用戶界麵
大量內置的交互式控件、文本 、圖像、形狀和圖表組成了高效 ,簡潔的線框界麵 。Clutter-Free界麵讓你更專注於自己的食物语有没有辅助软件設計
,因而你可以隨時找到你所需要的 。
3.移動觸摸體驗設計
使用Viewport可以輕快地選擇不同目標設備的設計計劃,並且通過觸摸手勢擁穿著和內置的屏幕轉換功能,實現在任何擁穿著HTML的設備上運行以及與自己的原型交互。你甚至可以使用IOS平台包為iPad和iPhone用戶設計專屬本地體驗。
4.隨時隨地快速增補 ,流暢交互
Indigo Studio的優勢在於它的交互功能。無論是設計網絡、桌麵還是移動應用,你都能給屏幕快速增補自定義的食物语辅助类练哪个好交互功能,在少複製和粘貼的情況下實現仿真應用程序體驗。
5.逼真的視圖轉換
交互作用可以很輕易地轉化為平滑的、逼真的視圖轉換—可以在簡化的時間表上對它們鋪開查校驗和調整
,根據自己的需要把它們變得簡易或者繁雜
。
6.隨時隨地分享
無論你是想鋪開團隊快速校驗 ,與用戶一起評估原型 ,還是與項目小組分享,Indigo Studio都讓這一切變得輕而易舉
。隻需要點擊幾下,你就可以分享一個連續的食物语辅助食魂哪个好 、交互式的,可運行在任何擁穿著HTML5設備上的原型。你也可以將選中的屏幕導出為用於文檔的PDF或PNG文件 ,然後退出 。
驗證機製
State
使用State功能展示比較小的驗證或屏幕從一個狀態切換另一種狀態
。使用State可以很方便的保存各種狀態,同時也增補了重用性。
Demo
簡便起見,這裏選擇了一個比較簡易的流程,你隻需要輸入你的名字然後按下Login按鈕就可以了。如果名字字段為空,文本框上方就會裸露紅色的提示文字。如果你輸入了文本,標簽又會消失。你可以用Backspace模擬這個過程。
演示中有兩個屏幕: (a) Login Page 和(b) Main Page
,在原型中也隻使用"States"來表示兩個屏幕:

下麵是Indigo Studio中呈現的關於State轉換的流程
:

尷尬:state 1.1.1 / 1.2中的按鈕為何會重定向到下一個頁麵 ,而其他state的按鈕卻不會
?
答:因為在這兩個State下麵,有一個同樣尺寸的登陸按鈕被放置在原始登陸按鈕相同的位置,這個新按鈕是指向下一個頁麵的 。也就是會談原來的登陸按鈕躲避在新按鈕的下方。
同樣,當文本字段被清空時 ,新按鈕就會被移除,而在下麵的原始按鈕又會到上麵。
注意:原始按鈕不指向任何頁麵
,它是在被點擊後顯示紅色提示文字的。
總結
接下來是很重要的一步 ,就是通過消除冗餘來優化State。如果一個state與另一個state是類似的,那最好是鋪開引用而不是鋪開複製。
由於state是按照順序鋪開的,所以應該引用轉換起始時的那個state。
比如有兩個state由綠色的方框鋪開強調 ,但隻有底部的綠色方框可以指向頂部的綠色方框 。底部的綠色state不是最起始的item,頂部那個才是,所以應該引用頂部的state。而灰色方框的state則剛好相反,頂部那個應該引用底部那個state。

棕色方框的State細化
:

綠色方框的State細化
:

下麵就是由初始狀態圖再用Indigo Studio做出來的屏幕草圖:

內部含有環境包,先安裝環境包