sketchbook怎麼移動圖層(sketchbook圖層怎麼用)
本文繫結合Sketch的幫助文件,在翻譯的基礎上,結合實際案例講解。
主要是寫給想學習sketch的產品經理,或前端開發人員。
正文:
選中圖層後,就可以隨意拖動了。如果要限制圖層拖動的方向,可以在拖動時同時按住“Shift”鍵,在拖動時就會鎖定一個方向,不能想怎麼拖就怎麼拖了。
(You can move a selected layer by grabbing and moving it around with the pointer. To restrict movement to a particular axis, hold down the Shift key as you drag.)
當您在拖動或調整圖層大小時,Sketch預設會將您拖動或調整的圖層與鄰近的圖層對齊。如果在實際操作中不是這樣的,肯定是您又把“智慧指引”功能給關閉了。開啟這個功能的方法是:在工具欄上選擇檢視(view)> 畫布(Canvas)>顯示智慧指引(Show Smart Guides)。
(As you move (or resize) your layer, Sketch should automatically align your layers to adjacent layers. If this doesn’t happen, you might have accidentally hidden smart guides. To enable them, choose View › Canvas › Show Smart Guides in the menu.)
如果您是按住“Option”鍵並拖動,這樣是複製一個圖層,並拖著這個複製的圖層離開原來的位置。如果您按住“Command-D”鍵並同時拖動滑鼠,Sketch則會無限複製當前圖層。
(If you hold down the Option key while dragging, you will clone the layer, leaving the original layer in its place. If you then immediately press Command-D (duplicate), Sketch will insert another duplicated layer at exactly the same offset as your first duplicate.)
您也可以將當前頁面的圖層拖動到頁面面板上面,然後選擇另一個頁面拖進去。
(You can also drag-and-drop layers to the Pages panel to quickly move objects between different pages.)
移動一個複雜圖層(Moving an Obscured Layer)
我還沒有復現obscured layer,所以不知道怎麼翻譯下面這一段了;已經在facebook小組求助了,等待答覆中。這一小節先略過。
Another complication of overlapping layers is moving an obscured layer. Normally, when you click-and-drag a shape it will immediately be selected—if it wasn’t selected yet—and moved to its new location.
Very often this is a convenience, but it can be a hindrance as well if you’ve got a layer selected that is completely obscured by another layer. Clicking on the layer would instead select the layer on top and move that one.
To get around this, you can hold down the keys, Option-Command and then clicking-and-dragging will not change your selection. You can even click-and-drag somewhere completely different on the Canvas and Sketch will still preserve your selection:
對齊圖層(Aligning Layers)
您可以使用對齊工具快速的移動選中的多個圖層,對齊工具在右側監視器面板的最上方:
(In addition to quickly moving selected layers, you can align and distribute them evenly by using the following buttons in the top-right corner of the Inspector:)
對齊工具最左邊的兩個是水平對齊和垂直對齊。您也可以在選單欄裡找到對這兩個對齊方式,或者使用快捷鍵:“Conrol鍵 Command鍵 V鍵”代表垂直對齊,“Conrol鍵 Command鍵 H鍵”代表水平對齊。如果您想移動圖層時,保證每個圖層的間距相對,可以開啟網格工具(注:移動時會自動對齊網格,每個網格間的距離相等)。您可以可以在賬戶設定裡將網格的間距調整為畫素顯示模式,這會讓對齊時的尺寸更加精確。
(The first two are for distributing layers horizontally and vertically . You can also choose Arrange › Distribute Objects or use these shortcuts; Control-Command-V or Control-Command-H. If you want to distribute the layers with fixed spacing then you can use the Make Grid tool. These options also take the pixel fitting preference into account to help you to be as precise as possible.)
剩餘的六個按鈕分別是:左對齊,水平距中對齊,右對齊,頂對齊,垂直距主對齊,底對齊。不僅可以用來調整圖層的對齊,還可以做用來調整畫板的對齊。
(The next six buttons (align left , horizontally , right , top , vertically , and bottom ) are for aligning layers among themselves or to the Artboard.)
當多個圖層選中,Touch Bar就會很智慧地顯示對齊工具供您選擇了。
When multiple layers are selected, the MacBook Pro’s Touch Bar will display the above distribute and align controls right on the keyboard for easy access.
如果是要把一個圖層依據畫布進行對齊(注:在Touch Bar上操作),按下“Option鍵”並選擇您想要的對齊按鈕就可以了,多個圖層的對齊操作也是如此。在Touch Bar上我們還會看到群組按鈕,當多個圖層被選中時,點選“群組”按鈕就會生成一個群組物件了。
(To align a layer to the Artboard, hold down the Option key and choose the align button you desire. You can also do this with multiple layers simultaneously. Another approach is to first group the objects by using the Group item in the toolbar.)
如果您要將圖層向某個特定物件對齊,首先要將這個物件(注:也是一個圖層)鎖定(具體的操作方法:在圖層列表區裡選中要鎖定的圖層,然後可以按Option鍵的同時滑鼠移至右側,或直接右鍵彈出選單,在彈出選單裡選擇鎖定,或直接使用快捷鍵“Shift-Command-L”,然後在圖層列表裡選中要對齊的多個圖層(包含這個特定物件),所有圖層會以該物件進行對齊操作。如果選中的多個圖層裡沒有剛才鎖定的圖層,Sketch將以這裡的做生意兩個距離最遠的圖層為對齊標準進行對齊計算。
(To align layers to a specific object, first lock that layer by using the lock button in the Layer List or by using Shift-Command-L. If no specific object is selected, Sketch will align the layers to the outermost layer of all those selected.)
PS:我需要把英文原文也貼上來嗎?還是隻用中文就可以了?
如果對翻譯的內容或實際的案例有疑問的,歡迎留言!
作於:2018年11月16日。