PIXATE

PIXATE是一款全平臺(tái)的動(dòng)效設(shè)計(jì)神器，這款軟件可以幫助設(shè)計(jì)師和開(kāi)發(fā)者方便開(kāi)發(fā)出動(dòng)感、漂亮的原生移動(dòng)界面。Pixate能通過(guò)簡(jiǎn)單的方式實(shí)現(xiàn)基本動(dòng)畫(huà)，和工程師可以通過(guò)具體的數(shù)值對(duì)接，能滿足大部分的業(yè)務(wù)需求。但對(duì)于較復(fù)雜的非圖片式動(dòng)畫(huà)還是力不從心。對(duì)于不追求更復(fù)雜動(dòng)畫(huà)和交互的設(shè)計(jì)師可以考慮嘗試~

軟件介紹：

利用這款純?cè)�生移�?dòng)應(yīng)用原型開(kāi)發(fā)和測(cè)試工具，設(shè)計(jì)師可以在瀏覽器上模擬復(fù)雜交互，包括拖放、滾動(dòng)、長(zhǎng)按、點(diǎn)擊等，同時(shí)通過(guò)移動(dòng)端的 app 可以實(shí)時(shí)觀看原型的交互效果。由于 CSS 技術(shù)的配置靈活性，開(kāi)發(fā)者不必每次在添加新的圖形元素時(shí)都要對(duì)應(yīng)用進(jìn)行重建，從而極大地方便了界面的開(kāi)發(fā)和應(yīng)用部署。通過(guò)這種原型開(kāi)發(fā)方式設(shè)計(jì)師可以實(shí)現(xiàn)快速迭代開(kāi)發(fā)，及時(shí)將原型提交給項(xiàng)目經(jīng)理等相關(guān)人員審核修改，從而縮短了交付給工程團(tuán)隊(duì)進(jìn)行下一步開(kāi)發(fā)的時(shí)間。

因此可以用說(shuō) Pixate 是一個(gè)面向設(shè)計(jì)師的原型設(shè)計(jì)平臺(tái)。近期其主要工作仍聚焦在原型開(kāi)發(fā)上。但是未來(lái)有計(jì)劃去改進(jìn)設(shè)計(jì)與工程的交接流程，從而令設(shè)計(jì)師的工作更加順暢。

PIXATE優(yōu)勢(shì)：

優(yōu)點(diǎn)1：適合設(shè)計(jì)師的思維方式

QC的好處是可以比較方便的和程序猿對(duì)接，很多動(dòng)效的實(shí)現(xiàn)邏輯和前端的代碼邏輯是相通的。也就是說(shuō)，使用QC雖然不需要寫(xiě)代碼，但歸根結(jié)底還是猿類(lèi)的思維方式，對(duì)于我們這些一點(diǎn)代碼不懂，邏輯能力又不是特別好的小小設(shè)計(jì)師來(lái)說(shuō)，還是有些門(mén)檻的�？吹綕M屏的連接線，就讓人有點(diǎn)望而卻步，搞不清其中的邏輯。

作為設(shè)計(jì)師，無(wú)論是交互還是視覺(jué)，無(wú)論是用PS、AI還是用Axure、Sketch，我們最最熟悉的一個(gè)概念，就是圖層了。而Pixate的操作方式，同樣也是圖層的概念。Pixate的界面，乍一看有點(diǎn)像PS呢。

如上圖所示，左上角是圖層區(qū)，我們可以將視覺(jué)稿或是高保真的交互稿切圖后導(dǎo)入Pixate中，所有的圖層按照前后順序出現(xiàn)在圖層區(qū)中，與PS一樣，上層的圖片會(huì)覆蓋在下層的圖片上，圖層還可以設(shè)置成組。歷史記錄區(qū)域也與PS很相似，記錄最近的20步操作。值得注意的是，Pixate是隨時(shí)保存的，如果操作了一堆之后，想要退回到20步以后，就再也回不去了…左下角是手勢(shì)交互和動(dòng)畫(huà)區(qū)域，包括常用的手勢(shì)操作（拖拽、單擊、雙擊、長(zhǎng)按、旋轉(zhuǎn)、縮放、滾動(dòng)）和常見(jiàn)的動(dòng)效（移動(dòng)、縮放、旋轉(zhuǎn)、漸隱漸顯、變色、改變圖片、重復(fù)），我們可以將這些手勢(shì)或是動(dòng)效直接拖拽到圖層上，圖層就會(huì)實(shí)現(xiàn)相應(yīng)的效果。界面右側(cè)則是對(duì)圖層屬性和交互和動(dòng)畫(huà)屬性的設(shè)置。圖層屬性可以用來(lái)設(shè)置圖片的大小、位置、透明度等。重頭戲是右下角的交互和動(dòng)畫(huà)屬性設(shè)置，通過(guò)設(shè)置這些參數(shù)，可以將手勢(shì)和相應(yīng)的動(dòng)畫(huà)連接起來(lái)，連接完成后，一個(gè)可以操作、可以交互的原型就制作好了。

那這些參數(shù)該如何調(diào)呢？這里給出幾個(gè)練習(xí)的鏈接，大家做幾個(gè)實(shí)例之后，就會(huì)得心應(yīng)手了。

優(yōu)點(diǎn)2：實(shí)時(shí)預(yù)覽，可交互

Pixate的另一個(gè)優(yōu)點(diǎn)就是可以實(shí)時(shí)預(yù)覽，并且是可以在手機(jī)上實(shí)時(shí)操作和預(yù)覽。只需在手機(jī)上下載Pixate的app，iOS和Android都可以下載，通過(guò)wifi或是數(shù)據(jù)線連接電腦，就可以實(shí)時(shí)看到預(yù)覽效果了。如果懶得連手機(jī)，也可以在模擬器上預(yù)覽效果。

優(yōu)點(diǎn)3：全平臺(tái)

你可以online使用，也可以在Mac或是Windows上下載使用。Pixate支持多款iOS和Android機(jī)型，甚至支持Apple Watch、LG G Watch和Moto 360三款智能手表，可以說(shuō)是全平臺(tái)覆蓋。

說(shuō)了那么多優(yōu)點(diǎn)，Pixate也有一些缺點(diǎn)。它還是更適合做頁(yè)面級(jí)的動(dòng)畫(huà)，對(duì)于需要形變、非常細(xì)膩的復(fù)雜動(dòng)畫(huà)，有些無(wú)能為力。所以Pixate更適合交互設(shè)計(jì)師來(lái)表達(dá)界面邏輯，而更加生動(dòng)有趣的loading或是彩蛋，還是交給視覺(jué)大神們，用Flash或是AE來(lái)做吧。