Sketch技巧—數字運算改變圖層

Sketch Mac 以簡約的設計是基於無限的規模和層次的繪圖空間免費調色板面板，菜單，窗口和控件。雖然使用簡單，它提供了功能強大的矢量繪圖和文字工具。如完美的布爾運算，符號和強大的標尺，參考線和網格。矢量工具和基本形狀是基礎;不管你是設計圖標，網站，界面或任何其餘。在Sketch檢查器的文本輸入框中輸入任意數字改變圖層的位置（X，Y）、寬度、高度以及角度等，也能夠點擊輸入框右側的升降鍵對數字進行改變。實際上，咱們還能夠對輸入框的數字進行加減乘除運算。點擊獲取最新版Sketch55

一、加減乘除運算

Sketch檢查器的文本輸入框支持加減乘除等數學運算，選擇一個圖層，並在輸入框中使用+，–，*，或/等數字運算符號便可。以下圖所示，一個寬度爲120的矩形，在寬度輸入框中作「120-80」的減法運算後，矩形寬度變成了40。經過這樣的方式，比在草稿紙上驗算得數要方便得多，特別是在設計稿一般要計算黃金比例或者多倍圖的狀況下。固然，這項功能可能對一些心算還不錯的童鞋，是一個雞肋功能。

若是咱們不肯定圖層最終的大小或者位置，咱們依然能夠經過輸入框的升降鍵來調整，順便觀察圖層所在的最佳的位置。這裏有一個小技巧，若是在點擊升降鍵的同時按住Shift鍵，Sketch將相應地將值遞增或遞減10倍，按住Option鍵會將其值增長/減小十分之一。以下圖所示，咱們按住Option鍵後，同時點擊升降鍵移動圖層的位置，咱們會發現圖層以十分之一的值進行移動，也就是0.1像素。

運用這個技巧，搭配錄屏軟件，例如QQ錄屏，咱們能夠有一些有趣的玩法。以下圖所示，咱們找到一個風車的圖層，按住Shift鍵，而後經過升降鍵改變它的角度，咱們能夠看到風車飛快地轉了起來。經過這樣的方式，咱們能夠嘗試作一些簡單的動畫演示，例如時針的變化，加載進度條的變化等，這就有待你們去挖掘嘗試了。

二、對齊像素

當圖層以小數點進行位置或大小進行改變時，會衍生出一個重要的問題，就是像素沒有對齊，這種狀況，在咱們導入一些外部素材的時候也會遇到。怎麼辦？彆着急，Sketch已經替咱們想好了解決方案。若是遇到這種情形，選中圖層，點擊工具欄中的對齊像素（Round to Pixel）便可，以下圖所示，點擊後，成功把原來寬度爲40.4的矩形，自動改成40寬度，即對齊到像素格。這裏的對齊還會遵循四捨五入的規範，也就是說，若是該矩形的寬度是40.6，那麼就會對齊到41的寬度。

三、分別設置矩形角半徑

一般，咱們能夠經過圓角矩形工具繪製圓角矩形，或者經過設置矩形的Radio值來調整矩形角度半徑，但這種方式是對全部角都同時生效的，若是咱們想要其中一個角半徑和其餘不同，咱們就要在角半徑輸入框中用;（例如10;40;0;0）爲每一個角指定不一樣的值。

以上就是小編爲你們帶來Sketch技巧數字運算改變圖層方法介紹。還有更多詳細、實用的功能，你們快來關注小編吧。