當我們發佈有關 Sketch 新版本的文章時,我們通常會談論重要的全新功能,例如原型設計或效能提升。但有時,這意味著一些較小的細節可能會被忽略。
多年來,我們在 Mac app 中加入了各種巧妙的小技巧,讓它更易於使用且更直觀。所以現在我們認為是時候來介紹一些最好的技巧了。無論您是新手還是經驗豐富的專業人士,我們都希望這裡有一些內容會讓您感到驚喜。
1. 拖曳以刪除樣式
讓我們從一個快速、簡單的技巧開始。如果您想移除樣式屬性(例如模糊或填色),您可以直接將其從檢查器面板中拖放出來。
這不是世界上最具革命性的事情,但它可以節省時間。此外,那個小小的「咻」聲比取消勾選然後點擊垃圾桶圖示要令人滿意得多。
2. 使用方向鍵調整圖層大小
在設計方面,每個像素都很重要。當您在調整專案中的細節時,如果您只想進行微小的更改,那麼使用滑鼠點擊並拖曳圖層可能會非常 disruptive,而且不夠精確。
那麼,為什麼不直接使用鍵盤指令來調整圖層大小呢?
⌘ 方向鍵 | 放大或縮小 1px |
⇧⌘ 方向鍵 | 放大或縮小 10px |
當您對專案進行最終編輯並希望確保每個圖層的大小都完美無缺時,這些指令可以說是救星。
3. 自訂您的偏好設定
現在我們知道使用 Cmd 和方向鍵可以調整圖層大小。當然,您可以單獨按下方向鍵來移動圖層 1px,或按住 Shift 鍵將其移動 10px。很簡單。
但您是否知道,您也可以透過更改微調設定來自訂這些微調距離?前往 **Sketch > 偏好設定**,然後選擇 **畫布** 標籤。在那裡,您可以調整按下方向鍵時圖層移動的距離。
如果您正在使用網格系統,這會特別有用,因為您可以設定距離以完美匹配您的佈局。不再需要不斷微調 — 只需按一下,您的圖層就會正好位於您需要的位置。
如果您經常複製內容,這裡還有一個方便的偏好設定技巧。在 **圖層** 標籤中,您可以停用偏移複製圖層的選項(這樣它們會直接顯示在原始圖層上方)。您也可以停用圖層的自動重新命名功能,這樣您的副本將與原始圖層同名。這一點並不適用於所有人,但了解一下還是很有用的。
4. 使用鍵盤更新不透明度和漸層
我們知道,有時您需要的精確度比使用滑鼠所能達到的更高。要找到圖層不透明度等設定的理想值,可能需要進行許多細微的移動。因此,我們讓精確操作變得更容易。
与其用滑鼠点击拖曳(而且无疑会停在某个随机的百分比上),您可以直接选择图层,然后输入您想要的透明度百分比。您不需要点击任何地方,只需输入即可。个位数将设置一个整数百分比值(例如,输入 5
将得到 50% 的透明度),而输入两位数则可以更精确地设置。按下 0
可恢复到 100%。
当您想将渐变应用于对象时,数字键也很方便。您可以使用 0-9 键将渐变点放置在不同的间隔,以便更精确地控制渐变布局。如果您想在两个点之间精确地添加一个渐变点,只需按下 =
键即可。
5. 更快地栅格化图层
如果您要将素材从 Sketch 导入到其他应用程序,这可能会改变您的工作流程。
将复杂的图层组以正确的尺寸和名称导出到不同的应用程序中可能很耗时。一种选择是导出素材,然后将其重新导入为一个扁平的图像。但有一种更快的方法可以做到这一点。我们将让我们的朋友 Joseph 来解释。
通过将您的素材设置为可导出,并为其指定正确的文件名后缀,您可以将图层拖曳到画布上(同时按住 Option 键),即可在您的设计中放置一个位图图像版本。这样做,您可以在几秒钟内获得一个具有正确分辨率和正确名称的扁平位图。
6. 右键點擊 > 取代為
在修改设计中的图层时,这个功能可以节省大量时间。如果您想替换项目中的某个 Symbol,只需在其上单击滑鼠右鍵,然後將滑鼠懸停在「**取代為**」上。選單將顯示您文件中的所有 Symbol,您可以點擊選擇所需的 Symbol。
7. 自訂您的工具列
我們設定 Sketch 工具列的方式是將最常用的工具放在觸手可及的地方。尤其對於初學者來說,這樣可以更輕鬆地熟悉應用程式。
但我們知道,一旦您更熟悉 Sketch,您可能會發現自己使用某些工具的頻率比其他工具高得多,而且您更希望能夠從工具列輕鬆存取它們。好消息是,這是完全可以做到的。
在工具列上按一下滑鼠右鍵,然後選擇「**自訂工具列…**」。選單將允許您將工具拖放到工具列中或從工具列中拖放出來,以便您可以建立完美的 Sketch 設定,只包含您需要的工具。
8. 在檢查器中使用數學運算
我們的檢查器比您想像的更聰明。您可能知道您可以通過在檢查器中輸入尺寸來調整圖層的大小。但您知道您還可以使用數學運算,根據已設定的尺寸來調整這些圖層的大小嗎?
這表示,如果您需要將圖層的大小加倍,您只需在目前尺寸的末尾加上 *2
即可,檢查器會自動將大小乘以二。您還可以在這些值後面加上字母,以告知 Sketch 在設定尺寸時要從形狀的哪個邊緣展開。例如,如果您想從頂部向下展開,您可以輸入 *2t
。要從右側邊緣向左展開,您可以輸入 *2r
。
同樣的技巧也適用於加法(例如 50+10
)、減法(例如 50-5
)和除法(例如 50/2
)。您也可以用它來計算圓形,例如,在計算中使用 pi
。您甚至可以在尺寸欄位中輸入百分比,以根據圖層所在的畫板(例如 100%
使圖層寬度與畫板相同)或根據圖層所在群組中最大的項目來調整圖層大小。
告別心算,讓 Sketch 為您完成繁重的工作。畢竟,誰會為了做數學而成為設計師呢?
9. 閱讀文件
我們保證,撰寫這些說明文件的人並沒有逼我們放上這段話。但我們的文件中確實包含了 Sketch 的許多超棒技巧和捷徑,所以您一定要閱讀。
否則,您怎麼會知道在設計好圖層後,還可以將圖片替換成另一張圖片?或者在 Sketch 中縮減圖片大小,而無需離開應用程式?或者只要按住 Shift 鍵就能選取多個圖層?您懂了吧。
我們是否遺漏了您每天都在使用的實用技巧?請在 Twitter 上告訴我們。如需更多省時秘訣,也請查看我們關於基本Sketch 鍵盤快速鍵的指南。