10 Sketch tips for you to improve the efficiency of your work

"Monday good!" ”。 Gifted Fox to share 10 sketch tips. This article mainly writes some commonly used shortcut keys and the Stealth function. Some functions and PS are interlinked, I hope you uier in two tools to learn from each other

One component setting-Exclude text values

This is the secret I want to share with you most! In the design of life, you will inevitably not encounter a lot of repetitive boring forms ...

The general practice is to select all the digital text, then move, move, move, and move. But... Is it really good to do that?

Duang, components on the pitch! (This function is similar to PS Smart object, but better than PS)

When you design a table, you can turn a good line into a component. Note: The parameter settings of the component remember to uncheck "Exclude text values" (this function is to avoid the same table content, cannot be modified).

A complete table is completed by copying multiple times and populating the content yourself with plugins.

The boss let you adjust, no problem, adjust one line alone, the other lines will change.

Two quick selection layers

Recommended shortcut keys: command+ hover/click

This operation is better than double-clicking the layer, it can directly point to the layer you want, eliminating the need for a layer of clicks, multiple clicks to select the nesting layer of the trouble.

The way to approach him is to click on the right-hand side of the options panel, or you can go directly to the layer you want.

Three-copy layer style

Option+command+ C

This feature copies the layer styles for Photoshop, and pastes the layer styles.

The shortcut key is "option +command+ C" To copy the layer style, "option +command+ V" To paste the layer style.

Four Modify the default style

Sketch the default style is a gray background and the shape has a gray stroke. However, when we draw the UI, there is no need to have gray edges everywhere. But every time you create it, you have to adjust it every time ...

Brother Fox tell you a small way.

Create a new layer and put your visual style on it (take a gray background for example). Select the corresponding layer, and in the menu select Edit → set as default style. Re-create, is the default style modified

Spacing between five halves

Features similar to Photoshop

Alignment of six with other elements

You can use it by holding down the SHIFT key and selecting 2 and shape. The same functionality as the Photoshop alignment tool

Seven use layer list quick selection

Use the TAB key (?) to browse to the folder, and Shift + TAB (? +?) to browse to the layer. Click Enter (?) to enter the Layers folder. Click Exit (ESC) to go back to the top level folder.

Eight renaming layers and folders

You may want to re-name your layers panel while browsing. Knock Command+ R, just fine.

Nine defines rounded corners like CSS

According to the way HTML is written, you can set the angle of each fillet, in turn, in order:
Top left/right up/right/bottom left.

Ten quick Draw one-sided border

Sometimes we design only need One direction to stroke the edge. With inner and outer shadows, drawing can be done in one drawing. The method is to set the shadow gradient to zero, just one side of the direction is negative.

This method, Photoshop can also be generic.

10 Sketch tips for you to improve the efficiency of your work