在使用 Sketch 近十年並成為產品和團隊的忠實粉絲後,我獲得了千載難逢的機會加入他們的行列,並從內部參與產品的發展。
我帶著一堆想法和建議加入(就像許多粉絲一樣),然後驚喜地(也有點尷尬地)發現,許多這些「小改進」實際上已經被開發出來了 — 有些甚至已經存在多年!
因此,我整理了一份包含 10 個功能的清單,這些是我加入時要求團隊開發的,但實際上它們早已存在,也許其中一些對您來說也是新發現。
1. 複製成 PNG
我經常做的事情是在 Slack 上與我的團隊分享畫板,或將其發送到訊息對話中。以前,我要麼將其導出為 2x PNG,要麼從檢查器預覽區的圖層列表中拖曳它,因為我很講究,而且我知道所有快捷鍵⋯⋯
這樣做沒問題,但我一直覺得缺少其他工具中提供的「複製成 PNG」之類的功能。當我在內部詢問我們是否可以開發這個功能時,我發現我們有一個更好的解決方案:如果您複製一個畫板並將其貼到 Sketch 之外,它將會被貼上為 PNG!
複製畫板可以輕鬆地在 Sketch 之外分享特定設計。
2. 對齊時設定圖層為錨點
我相信很多人都很熟悉這種情況:選取兩個或多個圖層,例如按下「頂端對齊」,所有圖層都會正確對齊到頂端⋯⋯但卻是對齊到錯誤的圖層 🙄。
我問團隊是否可以想出一個簡單的解決方案,團隊再次溫和地告知我們已經開發了這個功能。當選取多個圖層時,再次點擊其中一個選取的圖層會將其設定為錨點。之後,任何其他對齊操作都將圍繞它進行。
點擊其中一個選取的圖層以將其設定為錨點。
3. 根據距離自動設定原型目標
有一天,我正在 Sketch 中製作功能簡報,我以典型的設計師風格™* 在 X 軸上排列畫板,並在 Y 軸上排列新的章節。
完成後,我想將其作為原型呈現,但在那之前,我必須用原型麵條**連接所有畫板。我必須承認,這不是一個愉快的過程,尤其是在您之後必須引入新的幻燈片,然後重新連接所有東西。
猜猜看,您知道您可以透過接近距離設定原型目標嗎?您可以選取所有畫板並按下「自動連結到右側畫板」。設定此功能將確保它們以您期望的方式連接,如果它是畫布中最右側的畫板,它夠聰明,可以連結到下方列中的畫板。
*實際上不是商標。
**非官方用語,Rafa 的說法不代表其雇主的觀點。
***再次聲明,這不是商標。
想知道如何製作出色的簡報嗎?我們已經幫您想好了。
4. 點擊並拖曳以新增熱點圖層
談到原型設計,以及我們彼此坦誠相見時……我……我曾經在作品上繪製矩形,將它們設為透明,然後將它們用作原型動作的觸發器🥺。
當團隊告訴我您可以清除選取範圍,按下 I 並點擊並拖曳以建立新的互動圖層時,我恍然大悟。從那裡開始,您將自動進入只需選擇目標的狀態。
我們喜歡矩形,但它們並不總是必要的😉。
5. 重新命名多個畫板
這是多年前我已經接受的事情之一,從未想過要檢查它是否已更改(劇透:它已更改)。我曾經使用外掛程式一次重新命名多個畫板。
假設我為登入流程設計了一堆畫板,然後想將它們全部重新命名為「登入畫面 #1」等。您不僅可以在 Sketch 中以原生方式執行此操作,還可以做得更有條理。選取多個畫板後,按下 ⌘R 以顯示「重新命名選取的圖層」工作表,您可以在其中選擇性地比對現有名稱,甚至使用正規表示式。
保持圖層整齊曾經是一項繁瑣的任務,但現在不再是了。
6. 選取一堆畫板並將它們轉換為符號
這一點非常顯而易見,我甚至不確定為什麼會在這裡?也許以前不是這樣,但您是否知道您可以選取多個畫板並按下 ⌘Y 將每個畫板轉換為新的符號?
當我在網格中設計一堆圖標,然後想將它們全部轉換為符號並將它們新增到我的庫時,這特別有用。
專注於您的設計,然後在幾秒鐘內將它們轉換為符號。
7. 畫板範本預覽
我非常喜歡畫板範本,我認為這是一個被低估的功能 - 它是一種在沒有符號限制的情況下開始設計的好方法(因為我打算新增內容並更改內容)。我一直都在使用它們。例如,我會建立一個 iPhone 框的簡單畫板,其中包含正確的裝置圓角、動態島和主頁指示器,或者有時我甚至會設計一個應用程式的基本結構,例如帶有自訂標籤列。
總之,我經常使用畫板範本。但是,我懷念能夠讓我的自訂畫板範本看起來像預設範本一樣美觀整潔,並擁有自己的自訂縮略圖。您猜怎麼著?原來可以。
您可以建立一個名稱為 *預覽/畫板範本名稱* 的 92x92 畫板,Sketch 會將其用作縮略圖 - 如果您將其新增為庫,它甚至會同步!
預覽有助於保持井然有序並快速找到您需要的內容。
8. 以不同的程式碼格式複製顏色
我在網頁應用程式中複製了不同格式的顏色變數,但我根本不知道透過 Mac 應用程式也能做到這一點 — 真是省時!
顏色變數非常適合在設計和程式碼專案之間保持顏色一致性。
9. 重新啟動時開啟視窗
我通常會長時間處理相同的 2-3 個文件:通常是我的主要文件,以及幾個我喜歡保持開啟的庫。
我也是個怪咖*,喜歡經常重新啟動我的 Mac,如果有一段時間沒有使用應用程式,就會定期關閉它們。因此,當我重新啟動 Sketch 時,我必須再次尋找並開啟所有這些文件 — 我甚至到處尋找一個設定,讓我可以在重新啟動應用程式時重新開啟視窗。
結果 Sketch 比我這個 Mac 怪咖更懂 Mac,它遵循系統的偏好設定!要讓您的視窗在啟動 Sketch 時恢復,請前往系統設定 > 桌面與 Dock,並取消勾選關閉應用程式時關閉視窗的偏好設定。
*其實不是怪咖,我不評判人們如何使用他們的 Mac(大部分情況下)。使用工具沒有對錯之分(大部分情況下)。
按照您喜歡的方式設定一切是設定工作流程的關鍵步驟。
10. 使用鍵盤調整大小 (⌘↑↓→←)
我的最後一個也是最近的發現:您知道當您進行細微且精確的圖層位置調整時,您的滑鼠或觸控板並不是完成這項工作的最佳工具,所以您會使用鍵盤上的方向鍵,對吧?向上一個像素 ↑,向左一個像素 ←。
但是,當涉及調整大小時,我會前往檢查器,選取寬度或高度文字區域,然後使用方向鍵將值增加一。但有時我必須取消選取它並調整其位置,例如,我希望它向左增加一個像素。
事實證明,您可以使用 ⌘←→ 來增加或減少寬度,並使用 ⌘↑↓ 來調整高度。此外,它也適用於 ⇧ 修飾鍵,並遵循您在設定中設定的微移值。
使用鍵盤調整大小可以幫助您保持精確並加快速度。
以上就是 10 個技巧!我想知道這些技巧中是否有任何一個讓您感到驚訝,就像我一樣,更棒的是,我很樂意在我們的社群論壇中聽到您最近的發現。我會在那裡!