Sketch - 給設(shè)計師的10個Sketch小技巧

已經(jīng)使用了Sketch一段時間了,當(dāng)然覺得非常不錯。所以我覺得可以把我覺得有用的一些小技巧分享給大家,在日常使用Sketch的時候,也許能更加順手。

文章來源于Medium一個叫Peter Assentorp的設(shè)計師。覺得不錯,特此翻譯出來分享。

  1. Copy Styles between layers
    復(fù)制圖層樣式
    ?+OPTION+C
    ?+OPTION+V
Paste_Image.png

通過這個技巧,我們可以快速的復(fù)制的樣式到其他圖層上,而不用一個個的重新設(shè)置。

  1. Move layers up and down
    上/下移動圖層
    ?+OPTION+↑
    ?+OPTION+↓
Paste_Image.png

在做設(shè)計的時候,會經(jīng)常碰到圖層需要移動的狀況,用鼠標(biāo)來拖動圖層實在是效率太低,因此這個方法可以很好地減少不必要的操作時間。

  1. Color Picker
    顏色選擇器
    CONTROL+C
Paste_Image.png

這個技巧可能大家沒有太注意到,在使用Sketch的顏色選擇器的時候,可以提取到屏幕里所有可見目標(biāo)的顏色,而不用再麻煩的截個圖,扔進Sketch,再提取顏色,簡單的把Sketch往旁邊拉開一點吧,然后隨意的提取吧。

  1. Set different Corner Radiuses
    設(shè)置不同的圓角
    0/10/10/0
Paste_Image.png

又是一個值得學(xué)習(xí)的技巧,Sketch支持設(shè)置不同的圓角,那如何設(shè)置呢?只需要在Radiuses里填寫想要的數(shù)值即可。
順序為: 左上角/右上角/右下角/左下角。

  1. Symbols. Change one thing -- it changes everywhere
    簡單的Symbol修改
Paste_Image.png

Sketch里有一個Symbol的概念,在做設(shè)計的時候極其方便,比如不同頁面里同樣的導(dǎo)航欄,同樣的按鈕。Symbol是一個可以重復(fù)使用的元素,改變一個Symbol元素的內(nèi)容,其他的也跟著改變。那么如何操作呢?

只需要選擇打組工具,“ ?+G ”。再將所需原色打組后,點擊“ Create Symbol ”,這時候,你就會擁有一個新的Symbol。

Paste_Image.png
  1. Customize your toolbar
    自定義你的工具欄
    Right-Click on the toolbar to customize it
Paste_Image.png

面對經(jīng)常使用的功能,我們不應(yīng)該每次都去在下拉菜單選擇使用,而是應(yīng)該常駐在我們的工具欄里面。

在工具欄右鍵選擇“ Customize Toolbar ”,我們就可以拖拽想要的工具到菜單欄,也可以把菜單欄里不需要的快捷操作刪除。

  1. Live Preview your Designs on your iOS Devices
    在iOS設(shè)備中進行實時預(yù)覽
Paste_Image.png

官方其實已經(jīng)提供了我們這樣的工具,Mirror(¥30),支持同一WIFI下的連接,新版支持IP直連,更加穩(wěn)定。

Mirror功能唯一且簡單,支持各個Artboard的切換,左右滑動可快速在相鄰Artboard查看設(shè)計稿,值得擁有。

  1. Plugins
    插件
Paste_Image.png

這部分原作者只推薦了SketchToolBox,也是大家應(yīng)該相對比較熟悉的工具。

在這我再補充推薦一個網(wǎng)站,一個根據(jù)使用場景來分的Sketch插件網(wǎng)站。名字叫Sketch Plugin Filter。

Paste_Image.png

進入首頁,會列出很多的插件,我們點擊左側(cè)的“ FILTER BY USE CASE ”按鈕,會進入下圖界面。

Paste_Image.png

我們此時就可以根據(jù)自己的使用場景需求來選擇最合適的插件,而不用在成千上萬種插件里去大海淘針一樣的去找到需要的插件。
[插件地址]

  1. Persentation Time!
    瀏覽模式
    ?+.
Paste_Image.png

當(dāng)我們給其他人展示我們的設(shè)計時,不想出現(xiàn)那些條條框框和格子,這時候我們就可以點擊“ ?+. ”,進入全屏模式,去掉那些煩人且不重要的部分。

  1. Record your iPhone or iPad
    iPhone,iPad錄屏
    恩,沒錯,作者也說了,這不是Sketch技巧。LOL
Paste_Image.png

有時我們碰到了一些好的動態(tài)效果,但沒法記錄下來,但想保存下來,作為素材庫中的素材。那么如何實現(xiàn)錄屏功能?

首先,將iPhone或者iPad用線與電腦連接(必須),之后打開” Quicktime ”,選擇 ” Moive Recording ”,在下拉菜單里選擇我們的設(shè)備,iPhone或者iPad,最后的事,當(dāng)然就是愉快的錄屏了。

Sketch其實還有很多小技巧,原文作者只是分享了其中的一部分,而工具終究是工具,需要的還是提高我們自己。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容