「轉存為螢幕適用」工作流程是一次即可產生不同檔案大小及格式資產的新方法。快速轉存功能可使影像隨附品 (圖示、標誌、影像、模型等) 產出作業更簡單快速,尤其適合網頁及行動裝置的工作流程。

例如,在開發行動應用程式的情況下,使用者體驗設計師可能經常要重新產生更新後的圖示及標誌。他可以將這些圖示及標誌新增至「資產轉存」面板,然後只要按一下按鈕,就能轉存為多種檔案類型及大小。 

實用功能:

  • 只要一個動作,即可快速轉存為多種格式及大小。 
  • 轉存為一般或自訂大小 (縮放): 1x、2x、3x、0.5x、1.5x 等。
  • 產生 PNG 檔案的演算法已修改,以便:
    • 比以往更快產生 PNG 檔案。 
    • 產生透明度更佳的 PNG-8 檔案。

可用的格式: 

  • PNG (PNG-8、PNG-24)
  • JPEG (JPEG 100%、JPEG 85%、JPEG 50%、JPEG 25%)
  • SVG
  • PDF

Export-for-screens-dialog
「轉存為螢幕適用」對話框 (「資產」標籤)。

轉存資產 (「轉存為螢幕適用」工作流程)

轉存整個工作區域或個別圖稿

  1. 請執行下列任一項作業:

    • 快捷鍵: (Windows) Alt + Ctrl + E / (Mac) Cmd + Opt + E。
    • 按一下「檔案 > 轉存 > 轉存為螢幕適用」。
    • 選取圖稿,然後按一下「檔案 > 轉存選取範圍」。
    • 以滑鼠右鍵按一下選取的圖稿,然後按一下「收集以供轉存」。

    在「轉存為螢幕適用」對話框中,編輯轉存圖稿時想要使用的設定。

  2. 選取想要轉存的範圍。您可使用以下兩種標籤:

    「工作區域」標籤。

    從可轉存的工作區域中選擇。按一下工作區域加以選取或取消選取。您還可以使用滑鼠及 Shift 鍵來選取多個範圍。

    「資產」標籤。

    從已收集到「資產轉存」面板的資產中選擇。請參閱以下的「資產轉存」面板區段。

    註解:

    按一下縮圖或列出圖示,即可用不同的方式來檢視項目。

    Export-for-screens-dialog_artboards-tab
    「轉存為螢幕適用」對話框 (「工作區域」標籤)。
  3. 請根據您所在的標籤,選擇想要轉存為檔案的內容。核取符號可指出工作區域或資產是否已選取。

    「工作區域」標籤:

    • 「全部」。 選取所有的工作區域。程式會個別轉存每個工作區域。
    • 「範圍」。 在文件中可用的工作區域中,選取要轉存的個別工作區域。例如,填入 1, 2, 4-6 會選取工作區域 1、2、4、5 和 6。
    • 「全文件」。將整份文件轉存為一份圖稿。

    「資產」標籤:

    • 「所有資產」。 選取此選項可轉存收集到「資產」標籤的所有資產。

    註解:

    若要重新開始,請按一下「清除選取項目」,以取消選取所有已收集的資產。您可以按一下縮圖以開始選取特定的圖稿。

  4. 請指定轉存檔案的設定。

    • 「縮放」。 指定輸出檔案的縮放比例。
    • 「位置」。 指定要放置轉存檔案的資料夾位置。
    • 「轉存後開啟位置」。選取此選項可指定是否要使用檔案瀏覽器 (檔案總管或 Finder) 開啟含有轉存資產的檔案夾。
    • 「字尾」。 提供字尾以確定輸出檔案具有唯一的名稱。
    • 「格式」。 如果需要 .png、.svg、.jpg 或 .pdf 檔案輸出,請指定。
    • 「字首」。 提供要當作產生之檔案名稱開頭的字串。
    • 「新增縮放」按鈕。按一下「新增縮放」,可新增其他要轉存的輸出比例/格式。
    • 「刪除」按鈕。按一下 X 符號可刪除輸出類型。
    • 「預設集」。
      • iOS: 按一下可新增 iOS 專案一般所需的預設檔案輸出類型。
      • Android: 按一下可新增 Android 規格之專案一般所需的預設檔案輸出類型。
  5. (選擇性) 按一下設定圖示 (),指定轉存檔案格式的輸出設定。

  6. 按一下「轉存工作區域」或「轉存資產」按鈕。

「資產轉存」面板

瞬間收集與轉存。

「資產轉存」面板會顯示您從圖稿收集的資產。這些資產通常是您經常要轉存的作品。

例如,在開發行動應用程式的情況下,使用者體驗設計師可能經常要重新產生更新後的圖示及標誌。可以輕鬆地將這些圖示及標誌新增至「資產轉存」面板,然後只要按一下按鈕,就能將其轉存為多種檔案類型及大小。 

AssetExport_panel
「資產轉存」面板

收集圖稿以供轉存

您可以在「資產轉存」面板收集物件,做為多項資產或單一資產轉存。

收集圖稿做為多個資產轉存

Web

若要收集物件/圖層以做為多個資產轉存,可將其新增至「資產轉存」面板 (「視窗 > 資產轉存」)。請執行下列任一項作業:

  • 將圖稿拖移至「資產轉存」面板。
  • 用滑鼠右鍵按一下資產,然後選擇「收集以供轉存 > 做為多個資產」。 或者,選取圖稿,然後按一下「資產轉存」面板中的「從選取範圍中產生多個資產」圖示 ()。
  • 若要將「圖層」面板中反白顯示的圖層做為資產新增,請按一下「圖層」面板底下的「收集以供轉存」圖示。

註解:

每次您將圖稿拖移至「資產轉存」面板時,程式就會「收集」資產,但不會在工作區域或 CC 資料庫中建立重複的物件。若您更新文件中的圖稿,對應的資產也會在「資產轉存」面板中自動更新。

收集圖稿做為單一資產轉存

Web

請執行下列任一項作業:

  • 將圖稿拖移至「資產轉存」面板時,按住 Alt/Option 鍵。
  • 用滑鼠右鍵按一下資產,然後選擇「收集以供轉存 > 做為單一資產」。或者,選取圖稿,然後在「資產轉存」面板中,按一下「從選取範圍中產生單一資產」圖示 (),並同時按下「Alt/Option」鍵。

轉存資產 (「資產轉存」面板工作流程)

使用「資產轉存」面板轉存資產

  1. 按一下「視窗 > 資產轉存」,以啟動「資產轉存」面板。

  2. 在「資產轉存」面板中檢視收集的資產。邊框可指出資產是否已選取以供轉存。

    註解:

    只能轉存帶有邊框的資產。按一下縮圖可選取或取消選取該資產。

  3. 按一下「轉存設定」三角形 ,以檢視或新增轉存檔案的格式/大小:

    • 「縮放」。指定輸出檔案的縮放比例。
    • 「字尾」。提供字尾以確定輸出檔案具有唯一的名稱。
    • 「格式」。如果需要 .png、.svg、.jpg 或 .pdf 檔案輸出,請指定。
    • 「新增縮放」按鈕。按一下以新增其他要轉存的輸出比例/格式。
    • 「刪除」按鈕。按一下 X 符號可刪除輸出類型。
    • 「預設集」:
      • iOS: 按一下可新增 iOS 專案一般所需的預設檔案輸出類型。
      • Android: 按一下可新增 Android 規格之專案一般所需的預設檔案輸出類型。
  4. (選擇性) 在彈出選單中,選擇「格式設定」,為轉存檔案的格式指定輸出設定。

  5. (選擇性) 在彈出選單中,按一下「轉存後開啟位置」,以在轉存工作流程結束後,立即檢視轉存的檔案。

  6. 若要產生檔案,請按一下「轉存」。

    在轉存資產時,Illustrator 預設會根據您選擇的縮放選項,在轉存位置建立子資料夾。例如,若您在「資產轉存」面板選取多個縮放格式,假設 1x、2x 和 3x,以將檔案轉存為 PNG 格式,Illustrator 會為轉存的檔案建立名稱為 1x、2x 和 3x 的子資料夾。 對於不支援縮放選項的格式,Illustrator 會根據轉存選取的檔案格式 (例如 SVG 和 PDF) 命名子資料夾。 

    若要轉存資料夾的檔案而不建立任何子資料夾,請在「資產轉存」面板或「轉存為螢幕適用」對話框,取消選取「建立子資料夾」選項。

    註解:

    若要變更轉存資產的資料夾位置,或要指定檔案首碼等詳細資料,請使用「轉存為螢幕適用」對話框。按一下  以開啟「轉存為螢幕適用」對話框。在「資產轉存」面板中設定的所有選項皆會保留在「轉存為螢幕適用」對話框。

轉存資產的輸出設定

轉存資產的格式專用選項

「格式設定」對話框可讓您為每個要轉存的檔案類型指定輸出設定:

  • 在「轉存為螢幕適用」對話框中,按一下設定圖示,以啟動「格式設定」對話框。
  • 在「資產轉存」面板中,按一下彈出選單,並選擇「格式設定」。
在「格式設定」對話框中,提供格式專用設定。
在「格式設定」對話框中,提供格式專用設定。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策