為什么說(shuō)Studio是最值得期待的設計工具?因為這是一款集成了視覺(jué)設計,動(dòng)效制作等于一體的全能設計工具。今天小編主要給大家分享ui設計Studio工具好用嗎,希望對你們有幫助! ?
一、視覺(jué)設計 ?
打開(kāi)Studio,*個(gè)彈出的是歡迎窗口,你可以在右側列表中看到最近打開(kāi)的.sketch文件。是的,Studio與Sketch的文件格式兼容,但還不能夠完美兼容。 ?
例如,當導入我們常用的 Symbol的Sketch文件時(shí),Symbol將不會(huì )顯示。 ?
進(jìn)入Studio后,頁(yè)面布局類(lèi)似于Sketch,也是macOS上常見(jiàn)的布局樣式,左側是圖層列表和組件庫,頂部是工具欄,右側是檢查器。深色和亮色的兩組主題是很好的設計,在不同的環(huán)境光線(xiàn)下選擇不同的主題有助于緩解視覺(jué)疲勞。 ?
其次,基于不同顏色的設計稿,更舒適的主題更容易專(zhuān)注。 ?
Studio作為一個(gè)后來(lái)者,從交互、功能和快捷鍵上借鑒了Sketch,無(wú)論是否抄襲,這樣做的好處是大大降低了學(xué)習成本,讓設計師更容易遷移到Studio。 ?
如果你精通Sketch、XD,那么Studio對你來(lái)說(shuō)是很容易上手。 ?
可以試著(zhù)做四個(gè)簡(jiǎn)單的頁(yè)面。在繪制這些頁(yè)面的過(guò)程中,Studio基本可以滿(mǎn)足通用的功能需求,遺憾的是,位圖的編輯功能并不豐富,目前還不支持基本的模糊、裁剪、投影、混合模式等。 ?
Studio目前存在很多bug,流暢度不高,圖像邊緣渲染精度不高,抗鋸齒效果需要加強,距離成為主要的設計工具還有很長(cháng)的路要走。但如果你是產(chǎn)品經(jīng)理或交互設計師,這就足夠了,可能還會(huì )有驚喜。 ?
Studio還提供了類(lèi)似 Sketch Mirror的預覽app(Android不支持預覽只有查看在線(xiàn)項目),iPhone的預覽設計稿不支持數據連接,只能通過(guò)WiFi,那么問(wèn)題就來(lái)了,在復雜的網(wǎng)絡(luò )環(huán)境下(如公司內成千上萬(wàn)的設備同時(shí)在線(xiàn))刷新有很大的延遲,類(lèi)似于早期的Sketch Mirror。 ?
二、動(dòng)效與原型設計 ?
早在2016年,InVision收購一款叫Silver Flows的工具,是一款Sketch 插件,可以在Sketch里實(shí)現原型設計(頁(yè)面跳轉、過(guò)渡效果、調用iOS系統控制等等),收購時(shí)Silver Flows仍在測試階段,然后集成到InVision Craft插件內,順其自然的集成到Studio中。 ?
說(shuō)到動(dòng)效制作,大家都會(huì )首先想到一個(gè)強大性感的After Effect,但Studio并不弱,雖然它不如AE的全能,但它更容易使用。 ?
Studio的動(dòng)效實(shí)現原理與Keynote的“magic move”(神奇移動(dòng))非常相似,使用兩個(gè)畫(huà)板來(lái)固定一組動(dòng)作的*個(gè)和*一個(gè)關(guān)鍵幀,并且相同的元素自動(dòng)完成中間的過(guò)渡幀,不相同的元素將以漸隱漸現的形式出現。 ?
在時(shí)間軸編輯面板中,可以逐個(gè)編輯各圖層的時(shí)間關(guān)系,在預覽中時(shí),可以選擇0.1x的倍速播放,這樣就可以觀(guān)察并調整細節。 ?
Studio還支持動(dòng)效緩動(dòng)節奏的的調整,以其特有的POP彈性效果,讓你告別AE表達式。然而,目前使用的感覺(jué)是,緩動(dòng)調節的靈敏度和精確度上離AE還有些差距。 ?