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

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

1、加減乘除運算

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

18162540_883bb3aaeb.jpeg

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

18162603_a523a1ffc9.jpeg

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

18162640_d8e2c875a7.gif

2、對齊像素

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

18162703_0ccbb6cbd2.jpeg

3、分別設置矩形角半徑

通常,我們可以通過圓角矩形工具繪製圓角矩形,或者通過設置矩形的Radio值來調整矩形角度半徑,但這種方式是對所有角都同時生效的,如果我們想要其中一個角半徑和其他不一樣,我們就要在角半徑輸入框中用;(例如10;40;0;0)爲每個角指定不同的值。

18162723_45b5ea2ddb.jpeg


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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章