當前位置:編程學習大全網 - 站長素材 - UI設計師如何進行切圖

UI設計師如何進行切圖

切圖是設計師交付給開發的產物之壹,設計稿完成後,設計師需要將其切成便於制作成頁面的圖片。設計師切圖時就需要用到切圖工具,比如摹客,可以自動切圖(支持Sketch、Adobe XD、PS的設計稿),設計師只需在設計稿上進行切圖標記,上傳至摹客即可,無需手動,開發可以自主下載和使用。

如何切圖?其實很簡單:(以PS切圖為例)

Step 1.安裝並打開插件

插件安裝好後打開PS,在「窗口>擴展功能」找到摹客 插件,選擇並打開。使用摹客平臺賬號登錄。

Step 2.標記切圖

在完成的設計稿上,選中需要切圖的圖層或編組,點擊「標記切圖」。將在名稱前增加“-e-”,「標記切圖」變為「取消切圖標記」,則標記切圖完成。

Step 3.上傳至摹客

標記切圖後,壹鍵將設計稿上傳至雲端項目中,開發工程師就可以自主下載切圖,只需在右側面板中選中切圖,點擊即可下載。

除了自動切圖,還有更多亮點功能:

1. 切圖壓縮:在右側面板中選中切圖

2. 切換平臺和選擇倍率:iOS、Android、Web

3. 下載選中切圖,壹步到位。

摹客還支持Sketch、Adobe XD的自動切圖,下載插件即可:

下載地址:

摹客:/download/idoc-ps/?hmsr=baiduzhidao

Sketch:/download/idoc-sketch

adobe XD:/download/idoc-xd

  • 上一篇:投擲撲克材料
  • 下一篇:分享定制文案是什麽篇目
  • copyright 2024編程學習大全網