mac平臺最主流的UI設計軟件是哪個(gè)軟件?
Mac平臺目前最主流的UI設計軟件就屬【Sketch】了,國內外的一線(xiàn)公司基本上都是使用這款軟件做UI設計的,包括國內現在很多中小互聯(lián)網(wǎng)公司,大部也是用Sketch做為主力設計軟件的。我就下面幾點(diǎn)特殊說(shuō)明下吧
Sketch 是最強大的移動(dòng)應用矢量繪圖設計工具,對于網(wǎng)頁(yè)設計和移動(dòng)設計者來(lái)說(shuō),比PhotoShop好用很多!尤其是在移動(dòng)應用設計方面,Sketch 的優(yōu)點(diǎn)在于使用簡(jiǎn)單,學(xué)習曲線(xiàn)低
目前最新版為Sketch 58,需要macOS High Sierra(10.13.4)或更高版本系統。
Sketch是專(zhuān)為像你這樣的UI設計師設計的。
有非常實(shí)用的功能,直觀(guān)的界面和強大的插件,它有助于你更專(zhuān)注于做最好的設計。
Sketch軟件界面,簡(jiǎn)單清新,易操作
頂部的工具欄包含所有重要的工具和操作。 右側的檢查器可以調整所選圖層的屬性。 左側窗格是圖層列表,并列出文檔中的所有圖層和圖板。 最后但并非最不重要的是,中間的畫(huà)布是您將看到您的設計的地方。
沒(méi)有浮動(dòng)面板。 相反,檢查器會(huì )適應每一時(shí)刻向您展示所需的工具,并隱藏所有其他工具。 這樣你總是有一個(gè)完全視野的視圖畫(huà)布。
Sketch的畫(huà)布
Sketch的畫(huà)布是無(wú)限大小的; 您可以在任何方向無(wú)限滾動(dòng),因此您可以完全自由地設置您的繪圖區域。
如果您想在無(wú)限畫(huà)布中定義一個(gè)固定框架,只需插入一個(gè)或多個(gè)畫(huà)板。 例如,當設計移動(dòng)界面時(shí),許多設計師為應用程序中的每個(gè)屏幕創(chuàng )建一個(gè)“畫(huà)板”,并按外觀(guān)順序排列。
您可以在具有無(wú)限精度的獨立于分辨率的視圖中查看畫(huà)布,也可以打開(kāi)像素預覽,您將會(huì )準確了解每個(gè)像素在導出為位圖格式(如JPG或PNG)時(shí)的外觀(guān)。
檢查器
右側的檢查器可讓您調整當前圖層的設置或當前工具的選項。當您選擇圖層時(shí),您將看到檢查器分為幾個(gè)部分。
觸摸欄
對于MacBook Pro用戶(hù),Touch Bar可以作為任何應用程序中的附加窗格,Sketch也不例外。根據您在應用程序中的操作,Touch Bar將顯示與該特定上下文相關(guān)的控件和快捷方式。
Sketch Mirror iOS設備實(shí)時(shí)預覽(Android借助第三方APP也可以實(shí)時(shí)預覽)
Sketch Mirror允許您通過(guò)Wi-Fi網(wǎng)絡(luò )在iPhone或iPad上實(shí)時(shí)預覽您的設計,或通過(guò)USB閃電線(xiàn)連接。結合本地分享,您還可以使用網(wǎng)絡(luò )瀏覽器在任何設備上預覽您的設計。
通過(guò)插件Sketch Measure一鍵導出Html 免去標注煩惱
當然了,你也可以使用在線(xiàn)工具,例如【藍湖】等,不過(guò)如果對保密要求高的公司,建議使用離線(xiàn)插件吧,畢竟把源文件上傳,容易信息泄漏的。不過(guò)付費部署企業(yè)級服務(wù)器也是可以的,這樣安全也是有保障的,我們一般都是使用離線(xiàn)插件的,Sketch Measure還是挺好用得。
下載安裝包雙擊 Sketch Measure.sketchplugin 完成安裝
執行 Plugin > Sketch Measure > Toolbar 或使用快捷鍵 control ? + shift ? + B
AEUX-Sketch一鍵導入AE工具-支持最新版Sketch前身是Sketch2AE
喜歡用Sketch做圖,然后用AE做動(dòng)畫(huà)的同學(xué)們的福音啊
使用您喜歡的工具進(jìn)行UX動(dòng)效設計
AEUX是After Effects和Sketch 52+的一組面板,用于將圖層傳輸到After Effects,從視覺(jué)設計到動(dòng)效。
AEUX以前稱(chēng)為Sketch2AE,旨在跟上人們?yōu)槠聊辉O計的最新方式。
本次更新,修復了 AE CC 2019 插件安裝不了的BUG
工作流程
只需點(diǎn)擊幾下,即可將動(dòng)畫(huà)圖層直接傳輸到Ae中
Sketch
從頂部插件菜單中打開(kāi)Sketch中的插件面板在Sketch中選擇圖層使用以下任一方式傳Ae -layer數據的選擇在幕后傳輸導出AEUX.json – 圖層數據保存為文件圖像(如有必要)將導出到您指定位置的磁盤(pán)導出完成后會(huì )彈出通知切換到After Effects
After Effects
從頂部菜單“ 窗口”>“擴展”中打開(kāi)AEUX面板。
點(diǎn)擊構建Sketch的圖層數據現在在幕后的應用程序之間傳輸。一旦可以在A(yíng)e中構建圖層,您將在面板中收到藍色徽章和圖層計數的通知。粘貼一堆代碼的日子已經(jīng)一去不復返了。確保面板在A(yíng)e中打開(kāi)。
拖放可以將圖層數據導出為獨立的.json文件。通過(guò)單擊導入?或將文件放在A(yíng)EUX面板上來(lái)導入此文件。
自動(dòng)構建不喜歡額外點(diǎn)擊? 啟用自動(dòng)構建,圖層將在A(yíng)e中可用時(shí)立即創(chuàng )建。
安裝方法Sketch
要求:Sketch 52+
舊版本sketch請使用sketch2ae, 文章底部下載鏈接包含了新版和舊版插件。
雙擊AEUX.sketchpluginSketch將打開(kāi)并告訴您插件已安裝裝好插件后,打開(kāi)sketch,選擇 插件>AEUX,打開(kāi)插件面板
After Effects
要求:After Effects CC2014 +
安裝ZXP Installer將AEUX.zxp拖到ZXP Installer中關(guān)閉并重新打開(kāi)After Effects打開(kāi)“窗口”菜單,找到“擴展”組,將看到AEUX
AEUX.zxp安裝成功,如下圖所示
Sketch智能對象Angle插件一鍵制作透視模型-Angle Plugin Mockup
使用Angle插件Angle插件一鍵放置屏幕制作透視模型適用于嵌套符號
一個(gè)免費的 Sketch 插件,讓您能夠將屏幕放入透視圖模型中。并附送100+免費設備模型。
安裝
下載并解壓 雙擊 完成安裝打開(kāi)Angle Library Free.sketch,即可使用了。使用
選擇或者新建或選擇一個(gè)(多個(gè))作為轉換源的畫(huà)板(放置 UI 界面)繪制或選擇一個(gè)(多個(gè))作為轉換目標的形狀圖層選中目標形狀圖層,執行 Plugins > Angle > Apply Mockup 或使用快捷鍵 command ? + \ 對源畫(huà)板進(jìn)行轉換,多源畫(huà)板或多轉換目標將彈出選擇對話(huà)框執行 Plugins > Angle > Flip Mockup 或使用快捷鍵 command ? + shift ? + \ 對轉換效果進(jìn)行水平翻轉執行 Plugins > Angle > Rotate Mockup 或使用快捷鍵 control ? + \ 對轉換效果進(jìn)行順時(shí)針旋轉
好了,就介紹這些吧,有興趣的可以自己下載個(gè)使用下。如果其它疑問(wèn),歡迎評論區留言。如果有需要軟件的,也可以留言呢,感謝支持!