提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!
我的追波:Zhuyuxuan 知乎專欄:DesignCoder
告訴你幾個(gè) 1.可以提高你的工作效率;2.絕對簡單直接;3.沒什么人知道;4.(最重要的一點(diǎn)) 可以在同事朋友面前秀操作 的關(guān)于Sketch的幾個(gè)冷知識。
走心的gif圖呈上,保證一眼就能看會。
1.拖拽圖片自動填充
這是我所知道的最快的填充圖片的方法。
具體操作方法: 選中你要填充的一個(gè)shape,點(diǎn)擊fill,然后把你想要的圖片直接拽進(jìn)去,搞定。
2.拖拽修改symbol中的圖片
想不到原來可以這樣吧,這是最快的修改symbol中的圖片的方法。
具體操作方法: 選中你想要修改的帶圖片的symbol,然后把圖片拖拽到“Choose Image”旁邊的小窗口中。
3.修改圖片大小的同時(shí)保持文字排序正常
Resize這個(gè)新功能可能大家都被安利過好幾次了,對我而言它在這時(shí)候顯得最有用。
具體操作方法: 添加一張圖片,添加一行和圖片寬度相同的文本框,將它們編為一組,然后將它們都設(shè)置為Resize object。這樣你圖片下面的文字就會自動地適應(yīng)圖片的大小并且保持自己和圖片的距離、各文字之間的距離不變了。
4.將元素拖拽到微信或qq或Slack中并發(fā)送
原來可以這樣操作!媽媽再也不用擔(dān)心我截圖截得整個(gè)桌面都亂七八糟的了!
具體操作方法: 直接拖拽一個(gè)圖層,一個(gè)組,甚至一整個(gè)畫板到微信或qq或Slack等其他一些聊天窗口中并發(fā)送。(注:gif中使用的是Slack,但筆者實(shí)測qq微信等均沒有問題,因?yàn)檫@個(gè)操作能讓Sketch直接生成一張png圖片,真是一個(gè)非常好的設(shè)計(jì)!)
5.根據(jù)路徑排列文字
這個(gè)有點(diǎn)兒老套,以前上學(xué)的時(shí)候老師用PS教過無數(shù)回,然而在Sketch里面,這個(gè)效果要怎么做呢?
具體操作方法: 用鋼筆或者其他什么,選中文字之后點(diǎn)選菜單欄上的Type-->Text on Path,然后把文字拽到剛剛準(zhǔn)備好的路徑上面,BOOM!一天光嗮!
6.更高級的字體設(shè)置
有時(shí)候修改字體真的很蛋疼,這個(gè)方法能讓你以最快的方式對文字的樣式進(jìn)行修改,從字體到插入emoji都能在這里完成,再也不用忍受Sketch里面那小得不能再小的面板了!
具體操作方法: 雙擊選中文字,讓文字進(jìn)入高亮狀態(tài)(具體情況請看gif,單單選中文字圖層是不行的。)在菜單欄里面選擇View-->Show Fonts,一切就在你眼前,當(dāng)需要挑選字體的時(shí)候這個(gè)窗口真的比Sketch里面的小dropdown好太多了。如果你需要對文字進(jìn)行更加細(xì)致的設(shè)置,請點(diǎn)擊窗口左上角的小齒輪Icon,各種詳細(xì)設(shè)置肯定能高效地滿足你所有的需求。
7.一鍵批量整理好煩人的卡片(當(dāng)然list item也可以啦)
沒人喜歡重復(fù)的工作,我們設(shè)計(jì)師只喜歡發(fā)明創(chuàng)造好嗎?這個(gè)功能可以讓你一鍵復(fù)制并將所有卡片按照你想要的樣子排列,一切都是那么井井有條,盡在你的掌控之中。
具體操作方法: 選中你想要批量復(fù)制并排列的對象,然后在頂部的工具欄里面找到Make Grid。好吧我知道你找不到,因?yàn)镾ketch默認(rèn)不會把這個(gè)那么好用的功能隨便放出來給你,要不怎么叫冷知識呢?設(shè)置好你想要的數(shù)量和他們之間的間距,一切不要來的太簡單。
我的追波:Zhuyuxuan
知乎專欄:DesignCoder
以上文字以及圖片均來自 Jon Moore 的博文“I didn’t know Sketch could do that!” 原文地址 https://medium.com/ux-power-tools/i-didnt-know-sketch-could-do-that-182f2f2d811e#.d3hcelhan
「重要!」無論是誰,轉(zhuǎn)載前請?jiān)兊米g者同意
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊