為什么說Studio是最值得期待的設(shè)計(jì)工具?因?yàn)檫@是一款集成了視覺設(shè)計(jì)，動(dòng)效制作等于一體的全能設(shè)計(jì)工具。今天小編主要給大家分享ui設(shè)計(jì)Studio工具好用嗎，希望對(duì)你們有幫助! ?

一、視覺設(shè)計(jì) ?

打開Studio，*個(gè)彈出的是歡迎窗口，你可以在右側(cè)列表中看到最近打開的.sketch文件。是的，Studio與Sketch的文件格式兼容，但還不能夠完美兼容。 ?

例如，當(dāng)導(dǎo)入我們常用的 Symbol的Sketch文件時(shí)，Symbol將不會(huì)顯示。 ?

進(jìn)入Studio后，頁面布局類似于Sketch，也是macOS上常見的布局樣式，左側(cè)是圖層列表和組件庫，頂部是工具欄，右側(cè)是檢查器。深色和亮色的兩組主題是很好的設(shè)計(jì)，在不同的環(huán)境光線下選擇不同的主題有助于緩解視覺疲勞。 ?

其次，基于不同顏色的設(shè)計(jì)稿，更舒適的主題更容易專注。 ?

Studio作為一個(gè)后來者，從交互、功能和快捷鍵上借鑒了Sketch，無論是否抄襲，這樣做的好處是大大降低了學(xué)習(xí)成本，讓設(shè)計(jì)師更容易遷移到Studio。 ?

如果你精通Sketch、XD，那么Studio對(duì)你來說是很容易上手。 ?

可以試著做四個(gè)簡(jiǎn)單的頁面。在繪制這些頁面的過程中，Studio基本可以滿足通用的功能需求，遺憾的是，位圖的編輯功能并不豐富，目前還不支持基本的模糊、裁剪、投影、混合模式等。 ?

Studio目前存在很多bug，流暢度不高，圖像邊緣渲染精度不高，抗鋸齒效果需要加強(qiáng)，距離成為主要的設(shè)計(jì)工具還有很長(zhǎng)的路要走。但如果你是產(chǎn)品經(jīng)理或交互設(shè)計(jì)師，這就足夠了，可能還會(huì)有驚喜。 ?

Studio還提供了類似 Sketch Mirror的預(yù)覽app(Android不支持預(yù)覽只有查看在線項(xiàng)目),iPhone的預(yù)覽設(shè)計(jì)稿不支持?jǐn)?shù)據(jù)連接,只能通過WiFi,那么問題就來了，在復(fù)雜的網(wǎng)絡(luò)環(huán)境下(如公司內(nèi)成千上萬的設(shè)備同時(shí)在線)刷新有很大的延遲,類似于早期的Sketch Mirror。 ?

二、動(dòng)效與原型設(shè)計(jì) ?

早在2016年,InVision收購(gòu)一款叫Silver Flows的工具,是一款Sketch 插件,可以在Sketch里實(shí)現(xiàn)原型設(shè)計(jì)(頁面跳轉(zhuǎn)、過渡效果、調(diào)用iOS系統(tǒng)控制等等)，收購(gòu)時(shí)Silver Flows仍在測(cè)試階段,然后集成到InVision Craft插件內(nèi),順其自然的集成到Studio中。 ?

說到動(dòng)效制作，大家都會(huì)首先想到一個(gè)強(qiáng)大性感的After Effect，但Studio并不弱，雖然它不如AE的全能，但它更容易使用。 ?

Studio的動(dòng)效實(shí)現(xiàn)原理與Keynote的“magic move”(神奇移動(dòng))非常相似，使用兩個(gè)畫板來固定一組動(dòng)作的*個(gè)和*一個(gè)關(guān)鍵幀，并且相同的元素自動(dòng)完成中間的過渡幀，不相同的元素將以漸隱漸現(xiàn)的形式出現(xiàn)。 ?

在時(shí)間軸編輯面板中，可以逐個(gè)編輯各圖層的時(shí)間關(guān)系，在預(yù)覽中時(shí)，可以選擇0.1x的倍速播放，這樣就可以觀察并調(diào)整細(xì)節(jié)。 ?

Studio還支持動(dòng)效緩動(dòng)節(jié)奏的的調(diào)整，以其特有的POP彈性效果，讓你告別AE表達(dá)式。然而，目前使用的感覺是，緩動(dòng)調(diào)節(jié)的靈敏度和精確度上離AE還有些差距。 ?