pixate是一款非常好用的移動交互設計軟件,使你無需編寫代碼創建交互設計服務,Pixate可支持利用CSS開發移動原生應用(支持iOS和Android),通過基本動畫和數值對接,滿足業務需求。
適合設計師的思維方式
QC的好處是可以比較方便的和程序猿對接,很多動效的實現邏輯和前端的代碼邏輯是相通的。也就是說,使用QC雖然不需要寫代碼,但歸根結底還是猿類的思維方式,對於我們這些一點代碼不懂,邏輯能力又不是特別好的小小設計師來說,還是有些門檻的。看到滿屏的連接線,就讓人有點望而卻步,搞不清其中的邏輯。
作為設計師,無論是交互還是視覺,無論是用PS、AI還是用Axure、Sketch,我們最最熟悉的一個概念,就是圖層了。而Pixate的操作方式,同樣也是圖層的概念。Pixate的界麵,乍一看有點像PS呢。
如上圖所示,左上角是圖層區,我們可以將視覺稿或是高保真的交互稿切圖後導入Pixate中,所有的圖層按照前後順序出現在圖層區中,與PS一樣,上層的圖片會覆蓋在下層的圖片上,圖層還可以設置成組。曆史記錄區域也與PS很相似,記錄最近的20步操作。值得注意的是,Pixate是隨時保存的,如果操作了一堆之後,想要退回到20步以後,就再也回不去了…左下角是手勢交互和動畫區域,包括常用的手勢操作(拖拽、單擊、雙擊、長按、旋轉、縮放、滾動)和常見的動效(移動、縮放、旋轉、漸隱漸顯、變色、改變圖片、重複),我們可以將這些手勢或是動效直接拖拽到圖層上,圖層就會實現相應的效果。界麵右側則是對圖層屬性和交互和動畫屬性的設置。圖層屬性可以用來設置圖片的大小、位置、透明度等。重頭戲是右下角的交互和動畫屬性設置,通過設置這些參數,可以將手勢和相應的動畫連接起來,連接完成後,一個可以操作、可以交互的原型就製作好了。
那這些參數該如何調呢?這裏給出幾個練習的鏈接,大家做幾個實例之後,就會得心應手了。
實時預覽,可交互
Pixate的另一個優點就是可以實時預覽,並且是可以在手機上實時操作和預覽。隻需在手機上下載Pixate的app,iOS和Android都可以下載,通過wifi或是數據線連接電腦,就可以實時看到預覽效果了。如果懶得連手機,也可以在模擬器上預覽效果。
全平台
你可以online使用,也可以在Mac或是Windows上下載使用。Pixate支持多款iOS和Android機型,甚至支持Apple Watch、LG G Watch和Moto 360三款智能手表,可以說是全平台覆蓋。
76.4M / 03-25
立即下載55M / 06-05
立即下載237.9M / 04-13
立即下載140.5M / 03-06
立即下載900.9M / 03-02
立即下載96.2M / 07-06
立即下載311.2M / 07-06
立即下載335M / 07-06
立即下載200M / 07-06
立即下載413.8M / 07-06
立即下載353.9M / 06-05
立即下載131.8M / 04-13
立即下載230.8M / 03-03
立即下載195.6M / 03-03
立即下載165.4M / 03-03
立即下載45.6M / 09-08
立即下載665.2M / 07-06
立即下載2.84G / 07-06
立即下載93M / 07-06
立即下載338.3M / 07-06
立即下載1.38G / 07-26
立即下載488.3M / 07-16
立即下載109.8M / 06-03
立即下載142M / 01-08
立即下載1.2M / 11-23
立即下載548.8M / 04-13
立即下載1.6M / 04-13
立即下載1.48G / 03-18
立即下載646.6M / 03-03
立即下載133.7M / 03-03
立即下載325.8M / 06-07
立即下載60M / 04-29
立即下載254M / 04-25
立即下載659M / 04-23
立即下載1M / 12-26
立即下載253.4M / 12-08
立即下載253M / 12-08
立即下載1.19G / 11-16
立即下載110.5M / 04-23
立即下載26.7M / 03-16
立即下載488.3M / 07-16
立即下載248.9M / 12-08
立即下載248.9M / 12-08
立即下載201.2M / 04-13
立即下載100.6M / 03-06
立即下載148.9M / 03-06
立即下載1.12G / 07-06
立即下載1.25G / 07-06
立即下載9.48G / 07-06
立即下載50KB / 07-06
立即下載116.2M / 04-10
立即下載1.92G / 04-17
立即下載201.5M / 04-13
立即下載7.31G / 07-01
立即下載94.3M / 07-06
立即下載2.48G / 07-06
立即下載7.63G / 07-06
立即下載1M / 07-06
立即下載778.1M / 07-06
立即下載509.7M / 07-06
立即下載561.8M / 07-11
立即下載1.32G / 01-19
立即下載72M / 07-06
立即下載548.7M / 07-06
立即下載1.00G / 07-06
立即下載9.13G / 07-06
立即下載126.2M / 07-06
立即下載72M / 07-06
立即下載105.1M / 07-06
立即下載132M / 07-06
立即下載