西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁西西教程Apple(蘋果) → 提升Sketch使用效率的6個(gè)實(shí)用技巧

提升Sketch使用效率的6個(gè)實(shí)用技巧

相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來源:西西教程網(wǎng)時(shí)間:2017/7/5 10:05:06字體大。A-A+

作者:西西小熊點(diǎn)擊:45次評(píng)論:0次標(biāo)簽: sketch

  • 類型:Mac圖形圖像大。21M語言:中文 評(píng)分:10.0
  • 標(biāo)簽:
立即下載

提升Sketch使用效率的6個(gè)實(shí)用技巧,Sketch是一款素描繪畫類的軟件,最近有很多Mac用戶詢問怎么提升Sketch使用效率,那么想知道怎么提升Sketch使用效率的伙伴,跟著小編一起來看看提升Sketch使用效率的6個(gè)實(shí)用技巧。

Sketch 42mac版
Sketch 42mac版 42 評(píng)分:
10.0
類別: Mac圖形圖像    大小:21M    語言: 中文
查看詳細(xì)信息 >>

提升Sketch使用效率的6個(gè)實(shí)用技巧:

一、自動(dòng)等距復(fù)制元素

按住alt并拖拽元素可以實(shí)現(xiàn)復(fù)制,這是我們比較熟悉的方式。但是對(duì)于大量重復(fù)性的復(fù)制任務(wù),這種手動(dòng)方式仍然過于耗時(shí)。

我們時(shí)常遇到的一種比較典型的重復(fù)性需求,就是將某個(gè)元素復(fù)制多次并等距排列。對(duì)于這種典型任務(wù),Sketch提供了非常便捷的實(shí)現(xiàn)方式。首先,我 們?nèi)孕枰ㄟ^“alt+拖拽”來復(fù)制一次,并參考動(dòng)態(tài)顯示的間距值將新元素放置到合適的位置,然后使用快捷方式“cmd+d”來重復(fù)復(fù)制,每次復(fù)制出的新 元素與前一個(gè)元素之間的距離都是我們第一次手動(dòng)拖拽復(fù)制時(shí)所設(shè)定的值。你只管按住cmd鍵然后持續(xù)按d鍵,直到復(fù)制出你所需要的數(shù)量。

注意:如果你發(fā)現(xiàn)“cmd+d”并沒能實(shí)現(xiàn)自動(dòng)等距復(fù)制,那么請(qǐng)到Sketch的偏好設(shè)置當(dāng)中,找到“Layers”下的“offset pasted & duplicated objects”并取消勾選即可。

二、圖層排序

設(shè)想一下你正在設(shè)計(jì)類似Dropbox那樣的應(yīng)用,界面中需要一個(gè)文件列表,其中的文件默認(rèn)按照上傳日期排序,但是用戶可以切換為按文件名字母排 序。你很認(rèn)真的在設(shè)計(jì)稿中為每個(gè)示例文件起了不同的名字,一切都不錯(cuò);但是要演示按字母排序的文件列表時(shí),你發(fā)現(xiàn)自己必須手動(dòng)拖拽圖層來重新排序。

告別手動(dòng)的煩惱吧,我們通過Sketch Mate插件來實(shí)現(xiàn)加速。

打開Sketch Toolbox工具

搜索“Sketch Mate”

點(diǎn)擊Install

Sketch Mate當(dāng)中集成了很多實(shí)用功能,我們現(xiàn)在需要使用到的排序只是其中之一。下面的演示當(dāng)中,每個(gè)文件列表項(xiàng)對(duì)應(yīng)著一個(gè)名為“File”的組。

選中所有需要排序的組,在菜單欄中點(diǎn)擊Plugin > Sketch Mate > Sort > Sort Layers,在彈出的對(duì)話框中選擇“Text(A > Z)”。因?yàn)槲覀兊氖纠?dāng)中每個(gè)組里包含多個(gè)文本對(duì)象,所以接下來還需要選擇以哪些文本為標(biāo)準(zhǔn)進(jìn)行排序。點(diǎn)擊OK后,你的列表會(huì)瞬間完成重新排序。

你也可以嘗試其他幾種排序方式。

三、圖層與artboard的批量重命名

良好有序的圖層與artboard結(jié)構(gòu)是優(yōu)秀設(shè)計(jì)稿的標(biāo)志之一,自己開心,協(xié)作起來大家也開心。但是必須承認(rèn),在很多時(shí)候,以更加合理的標(biāo)準(zhǔn)對(duì)圖層和artboard進(jìn)行重命名是很枯燥且耗時(shí)的工作。還好有一款名為Renameit的插件可以拯救我們于水火。

打開Sketch Toolbox工具

搜索“Renameit”

點(diǎn)擊Install

在Sketch里選中你想要重命名的圖層或artboard(至少選中兩個(gè)),按“ctrl+cmd+r”,喚出Renameit的對(duì)話框,輸入“前綴+參數(shù)”。其中前綴是我們所需的有特定含義的單詞,例如“icon”。參數(shù)分為三類:

%N:數(shù)字。例如,在對(duì)話框中輸入“icon %N”,點(diǎn)擊OK,所選圖層或artboard會(huì)被重命名為“icon 1”、“icon 2”、“icon 3”等等。

%W:寬度。例如,在對(duì)話框中輸入“icon %W”,點(diǎn)擊OK,所選圖層或artboard會(huì)被重命名為“icon 24”、“icon 36”、“icon 48”等等,其中的寬度值是自動(dòng)獲取的該對(duì)象的實(shí)際寬度。

%H:高度。與%W同理。

四、動(dòng)態(tài)按鈕

復(fù)制一個(gè)現(xiàn)有的按鈕并設(shè)置不同的按鈕標(biāo)題,這是一種重復(fù)性強(qiáng)同時(shí)需要精確操作的工作,因?yàn)槲覀円龅牟粌H是復(fù)制,而且需要根據(jù)不同的標(biāo)題長度來調(diào)整按鈕的寬度。著名的Dynamic Button插件就是為了解決這個(gè)問題而生的。到目前為止,這也是我個(gè)人最喜歡的插件。

打開Sketch Toolbox工具

搜索“Dynamic Button”

點(diǎn)擊Install

首先,我們需要通過DB插件來創(chuàng)建初始按鈕。新建一個(gè)文本對(duì)象,輸入我們所需的按鈕標(biāo)題。選中該文本對(duì)象,按“cmd+j”,你會(huì)發(fā)現(xiàn)文本和一個(gè)自 動(dòng)生成的背景形狀一起被打包到了名為“Flex Button”的組里,而且文本圖層被自動(dòng)重命名為“0:0:0:0”。這4個(gè)數(shù)字代表著文本對(duì)象距離矩形背景的上、右、下、左邊緣的距離。

例如,根據(jù)實(shí)際需求,我們要將上、下兩個(gè)值設(shè)置為12,將左、右兩個(gè)值設(shè)置為20,那么你可以將文本圖層重新命名為“12:20:12:20”,然后選中文本對(duì)象,按“cmd+j”,這時(shí)按鈕背景的尺寸會(huì)自動(dòng)根據(jù)我們所設(shè)置的規(guī)格進(jìn)行調(diào)整。

接下來,無論是修改這個(gè)按鈕當(dāng)中的標(biāo)題文案,還是復(fù)制一個(gè)新的按鈕并修改標(biāo)題,只要再次選中其中的文本對(duì)象并點(diǎn)擊“cmd+j”,按鈕背景的尺寸都會(huì)自動(dòng)根據(jù)新文案的尺寸進(jìn)行調(diào)整了。

五、Symbols的嵌套

目前,Sketch尚未“正式”支持symbols的嵌套,但我們可以通過一些技巧來實(shí)現(xiàn),只是建議你在使用時(shí)小心一些。

要將Symbol A嵌入Symbol B:

選中Symbol A,在右側(cè)檢查器中將其設(shè)置為“No Symbol”,使其恢復(fù)為普通的組或?qū)ο?/p>

在左側(cè)圖層列表中,將A移入Symbol B

保持A的選中狀態(tài),在右側(cè)檢查器中重新將其設(shè)置為原來的“Symbol A”

對(duì)我個(gè)人來說,這種方法在編輯帶有彈出層的界面時(shí)非常有用。我可以將初始界面整體創(chuàng)建為一個(gè)父級(jí)symbol,其中包含有對(duì)應(yīng)著各種控件的子級(jí) symbol,然后將整個(gè)artboard復(fù)制,并設(shè)計(jì)浮層或彈框的樣式。如果初始界面當(dāng)中某些元素需要發(fā)生變化,那么含有浮層的artboard便會(huì)自 動(dòng)更新,無需手動(dòng)移開浮層再做重復(fù)勞動(dòng)。

六、使artboard根據(jù)內(nèi)容自動(dòng)調(diào)整尺寸

Sketch中的artboard體系可以幫我們站在全局角度總覽設(shè)計(jì)方案,這是它有別于其他競(jìng)品的一個(gè)重要特性。想起以前用PS的狀況,感覺像是噩夢(mèng)。

設(shè)想你需要時(shí)常在artboard中添加或移除內(nèi)容 – 如果artboard能自動(dòng)調(diào)整尺寸,這該有多好?我們前面介紹過的Sketch Mate又能幫上忙了,確保你已經(jīng)安裝好。

例如當(dāng)前artboard當(dāng)中的實(shí)際內(nèi)容已經(jīng)超過了artboard自身尺寸,你無法看到列表當(dāng)中的更多條目。按“ctrl+shift+a”,artboard便可以精確的根據(jù)現(xiàn)有內(nèi)容的實(shí)際高度來重新調(diào)整自身尺寸了,就這么簡單。

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    發(fā)表評(píng)論

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    查看所有(0)條評(píng)論 > 字?jǐn)?shù): 0/500