在Sketch中導入和導出文件的說明

草圖圖形軟件提供了一種非常方便的導入/導出文件的方式。你知道怎麼做嗎?讓我們學習如何在Sketch中導入和導出文件。

將文件導入到Sketch

將文件導入Sketch 圖形軟件的最簡單方法是將其拖放到畫布或停靠圖標中。您可以輸入:

  • PNG,JPG,TIFF和WebP位圖的照片
  • SVG和EPS文件
  • SVG代碼(複製並粘貼代碼以創建新層)
  • AI和PSD文件(有限支持,僅作為平面層)

在Sketch中導出文件

從Sketch導出工作的最快方法是在菜單中選擇“ 共享”>“導出 ...”,或按+ + E打開“ 導出”對話框選擇要導出的數據,然後單擊導出以打開MacOS Save。

Sketch會將所有內容導出為實際大小的PNG(默認為1x)。要更改這些設置或從2種尺寸或格式導出,您需要在Inspector中設置“ 導出預設”

您還可以在“層列表”中選擇任何層,並將其拖動到桌面以導出為PNG(或按住並拖動以導出為PDF)。或者,您可以選擇一個班級,然後按+ E

最後,您可以通過選擇“ 文件”>“ 將畫板導出為PDF …” 來導出包含所有畫板的PDF文檔您可以通過首選項選擇Artboards導出的順序。

導出前如何創建和使用設置

要以不同大小或格式導出文檔中的圖層,請選擇該圖層>單擊“檢查器”底部的“ 使可導出”面板您將在此處看到預導出設置,其中包含一些選項:

在Sketch中導入和導出文件的說明
  • 大小:從下拉菜單中選擇一個大小,或通過直接在“大小”字段中鍵入數字來創建自己的大小。隨意增加(2x,3x ...)或減少(0.5x,0.25x)比率,或確定像素的特定高度/寬度。
  • 前綴/後綴:  如果以不同的速率發布作品,則需要使用下拉菜單選擇前綴或後綴。您可以通過在省略號代表文件名的(前綴)之前或之後(後綴)輸入文本字段來自定義它們。
  • 格式:從下拉菜單中選擇一種格式。
  • 刪除預設:單擊X以刪除此導出預設。
  • 添加預設:單擊+可將此圖層的其他預設添加到導出設置。
  • 預設集:單擊“預設”按鈕以選擇一組預設。您還可以創建新的預設集並將其刪除。
  • 創建層:單擊刀圖標可在具有預定義設置的所選層上創建一個薄層。
  • 導出選定的...:單擊此按鈕可以使用以上設置導出圖層。
  • 預覽:預覽窗口向您顯示導出時圖層的外觀。您也可以將其直接拖放到另一個桌面或應用程序上以快速導出。
  • 共享:另一個快速導出選項是單擊“共享”按鈕以獲取通過郵件,消息,AirDrop ...

如何使用切片

切片是您可以在畫布上繪製的一種圖層,可以將畫布中的所有內容導出為圖像。您可以像其他圖層一樣選擇,調整大小,移動,隱藏或分組它們。

如何插入切片?

選擇“ 插入”>“切片”或單擊S,然後在畫布上單擊並拖動以繪製新的切片。或者,單擊任何圖層以在其周圍創建一個切片。

提示:創建切片時,請在“層列表”中指定其描述性名稱。導出時,Sketch會將其用作文件名。如果在名稱中包含/,Sketch將使用之前寫的任何內容作為文件夾名稱,後面的所有內容都是該文件夾中的文件名。

與其他圖層一樣,您可以將多個輸出設置設置為切片。

自定義切片

Slice在檢查器中有一些特殊選項。修剪透明像素”複選框將刪除內容邊緣周圍切片中的所有空白像素。

如果將切片放在組中,則“ 僅導出組內容”複選框可確保任何切片導出僅覆蓋該切片組的內容。

選中背景顏色,然後選擇切片的背景顏色。

如何導出CSS和SVG代碼

從出現在文檔中的圖層中進行選擇,Ctrl然後單擊並選擇“複製CSS屬性”以將它們的任何樣式信息作為CSS代碼複製到剪貼板。例如,這是一個簡單形狀的CSS:

/ *矩形:* /
背景:#6DD400;
border-radius:5px;

複製SVG代碼類似。選擇一個形狀圖層,Ctrl +單擊它,然後選擇複製SVG代碼

支持草圖文件導出格式

  • 位圖:PNG,JPG,TIFF,WebP
  • 矢量:SVG,PDF,EPS

如何打印畫板或切片

選擇“ 文件”>“打印”>單擊要打印的畫板切片

以上是有關如何在Sketch中導入/導出文件的基本指南希望本文對您有所幫助。

Leave a Comment

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

如何修復 Microsoft Teams 錯誤代碼 2603 (2026)

遇到 Microsoft Teams 錯誤代碼 2603 而煩惱?我們的逐步指南可協助您快速解決問題,修復最新 2026 更新中的安裝失敗、當機等問題。適用於所有用戶!

如何修復 Microsoft Teams 錯誤 K 安全

如何修復 Microsoft Teams 錯誤 K 安全

遇到 Microsoft Teams 安全錯誤 K 時遇到問題?按照我們的逐步指南即可快速解決—無需任何技術知識。立即恢復流暢協作!

解決 Microsoft Teams 錯誤 N 網路

解決 Microsoft Teams 錯誤 N 網路

還在為 Microsoft Teams 的「錯誤 N」網路問題苦惱嗎?取得解決 Microsoft Teams「錯誤 N」網路問題的逐步指南,從快速重新啟動到進階故障排除,應有盡有。立即恢復流暢的通話和會議體驗!

一步一步教你如何在會議開始前建立分組討論室

一步一步教你如何在會議開始前建立分組討論室

透過這份詳盡的逐步指南,即可在 Zoom 會議開始前輕鬆建立分組討論室,實現無縫協作。預先分配與會者,最大程度提升參與。本指南是教育工作者、團隊和領導者的理想選擇。

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

解決 Microsoft Teams 中「Teams 資料夾在哪裡」的錯誤

還在為 Microsoft Teams 中令人抓狂的「Teams 資料夾在哪裡」錯誤而煩惱嗎?我們提供經過驗證的逐步故障排除方法,協助您快速解決問題,恢復流暢的團隊合作。包含最新方法!

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

解決 Microsoft Teams Mac 版錯誤鑰匙圈問題

還在為 Microsoft Teams Mac 版鑰匙圈錯誤而煩惱嗎?我們提供經過驗證的 macOS 逐步故障排除方案,協助您恢復流暢協作。快速解決方案就在眼前!

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

如何解決 Microsoft Teams 麥克風聲音模糊或無聲音的問題

還在為 Microsoft Teams 麥克風聲音模糊或無聲而煩惱嗎?了解如何透過快速有效的步驟解決 Microsoft Teams 麥克風問題。清晰的音訊體驗,等你來體驗!

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

解決公共 Wi-Fi 上的 Microsoft Teams 網路錯誤

在公共 Wi-Fi 環境下遇到 Microsoft Teams 網路錯誤?立即取得 VPN 調整、連接埠檢查和快取清除等快速修復方法,恢復通話和會議的流暢運作。逐步指南助您快速解決問題。

透過直接連結解決 Microsoft Teams 加入會議錯誤

透過直接連結解決 Microsoft Teams 加入會議錯誤

遇到 Microsoft Teams 加入會議錯誤?點擊連結查看已驗證的解決方法。快速修復,輕鬆加入會議—無需任何技術技能!

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

如何運用 Microsoft Teams Copilot 實現 AI 賦能的生產力

了解如何使用 Microsoft Teams Copilot 提升 AI 賦能的生產力。逐步指南、關鍵功能和技巧,幫助您輕鬆革新會議、聊天和任務。立即開啟更聰明的協作!

Outlook 中的 Microsoft Teams 在哪裡?如何找到遺失的圖標

Outlook 中的 Microsoft Teams 在哪裡?如何找到遺失的圖標

Outlook 找不到 Microsoft Teams 圖示?想知道它到底在哪裡、為什麼會消失,以及如何恢復它才能輕鬆召開會議?本文已更新至最新版本!

今日 Microsoft Teams 錯誤排查:首先要檢查什麼

今日 Microsoft Teams 錯誤排查:首先要檢查什麼

今天遇到 Microsoft Teams 錯誤?這份 Microsoft Teams 逐步故障排除指南將揭示快速解決問題的首要步驟。快速修復連線、快取和更新問題,讓您恢復流暢的聊天體驗。

為什麼我的 Outlook 中缺少 Microsoft Teams 加載項?

為什麼我的 Outlook 中缺少 Microsoft Teams 加載項?

找不到 Outlook 中的 Microsoft Teams 加載項,是不是很困擾?本文將為您揭示主要原因,並提供簡單的逐步修復方案,幫助您輕鬆恢復 Teams 與 Outlook 的無縫整合。適用於最新版本!

解決 Microsoft Teams 歡迎畫面啟動循環問題

解決 Microsoft Teams 歡迎畫面啟動循環問題

還在為 Microsoft Teams 歡迎介面啟動循環而煩惱嗎?請依照我們經過驗證的 Microsoft Teams 歡迎介面啟動循環故障排除步驟操作:清除快取、重設應用程式、重新安裝。幾分鐘內即可恢復流暢協作!

為什麼我的 Microsoft Teams 狀態一直顯示為「離開」?

為什麼我的 Microsoft Teams 狀態一直顯示為「離開」?

您的 Microsoft Teams 狀態一直顯示為「離開」而感到沮喪嗎?了解主要原因,例如空閒超時和電源設置,以及快速恢復“在線”狀態的逐步修復方法。已更新至最新的 Teams 功能。