2015年7月開(kāi)始,我的設(shè)計(jì)工作全部遷移到了Sketch上雷滚,我在sketchtricks看到這邊文章芬膝,并花一段時(shí)間把它翻譯了,原文鏈接:https://articles.sketchtricks.com/from-photoshop-to-sketch-9c1940e6b43b 原作者:Richard Child 翻譯:Danny Ryuu
本文可以隨意轉(zhuǎn)載畜挥,轉(zhuǎn)載需保留此處。
大約在一年前婴谱,我停止使用Photoshop和切換到Sketch蟹但,為什么這么做躯泰?最大的一個(gè)問(wèn)題就是Photoshop不是一個(gè)專注的工具,Adobe公司看起來(lái)不斷地添加新的功能华糖,但都是和網(wǎng)頁(yè)與移動(dòng)設(shè)計(jì)不相關(guān)的麦向。最近,Photoshop增加了3D打印功能客叉。這使得程序變得更加臃腫和復(fù)雜诵竭。使用Sketch,Sketch對(duì)于設(shè)計(jì)來(lái)說(shuō)是一個(gè)輕量兼搏,專注的完美工具卵慰。
Sketch對(duì)我的工作流程產(chǎn)生極大的影響,最大的改變就是我現(xiàn)在做線框圖佛呻,模型和最終設(shè)計(jì)都使用一個(gè)程序裳朋。
它意味著我只需要建立和修改同一個(gè)文件,而不需要重新建立和不停的切換程序吓著。
在這篇文章中鲤嫡,我將討論五個(gè)有關(guān)Sketch的特點(diǎn),希望你能喜歡绑莺。
1.畫(huà)板和頁(yè)面
Sketch有一個(gè)無(wú)限大的畫(huà)布暖眼,但是在這個(gè)畫(huà)布上你可以創(chuàng)建一系列固定的布局,叫做“畫(huà)板”纺裁。我用這個(gè)畫(huà)板復(fù)制屏幕的大小罢荡,所以如果我設(shè)計(jì)iOS,我可以將每個(gè)畫(huà)板的大小設(shè)置為iphones5一樣(640*1136px)对扶。頁(yè)面上可以有無(wú)限多個(gè)畫(huà)板在同一個(gè)文件里区赵。
當(dāng)設(shè)計(jì)一個(gè)移動(dòng)端的應(yīng)用時(shí),我用這個(gè)頁(yè)面來(lái)定義應(yīng)用的不同部分浪南,例如笼才,一個(gè)頁(yè)面是設(shè)置,另一個(gè)頁(yè)面是編輯資料络凿,然后在每一個(gè)頁(yè)面里骡送,我用畫(huà)板來(lái)制定設(shè)計(jì),所以我能清楚地看到屏幕內(nèi)每一個(gè)頁(yè)面的流向絮记。
2.Sketch Mirror
如果是設(shè)計(jì)一個(gè)移動(dòng)應(yīng)用呢摔踱?Sketch Mirror允許你實(shí)時(shí)地在你的iPhone,iPod Touch或iPad上預(yù)覽你的畫(huà)板怨愤,它支持實(shí)時(shí)更新派敷,你甚至可以同時(shí)在你的iPhone或者iPad上看到你的畫(huà)板上的改動(dòng)。
如果是Android系統(tǒng),你可以使用一個(gè)叫Sketch Preview和Skala Previe來(lái)預(yù)覽篮愉。
3.Symbols
Symbols是一個(gè)可重用的對(duì)象腐芍,但是這個(gè)功能相當(dāng)強(qiáng)大,當(dāng)你對(duì)一個(gè)symbols進(jìn)行改動(dòng)時(shí)候试躏,你文件里所有的同一個(gè)symbols都會(huì)改變猪勇,好的讓人難以置信,不是嗎颠蕴?例如泣刹,如果我設(shè)計(jì)一個(gè)網(wǎng)站,我可以在多個(gè)屏幕上重用這個(gè)導(dǎo)航犀被。
以前椅您,如果我想更新導(dǎo)航,我必須更新每一個(gè)屏幕上的弱判,而使用Symbols它會(huì)為你更新所有的導(dǎo)航元素襟沮,節(jié)省你的時(shí)間锥惋。
4.導(dǎo)出
如果你是Photoshop用戶昌腰,你會(huì)愛(ài)上這一節(jié),你會(huì)清楚的知道在Sketch中導(dǎo)出是很容易的膀跌。你可以導(dǎo)出整個(gè)畫(huà)板或者是單獨(dú)的圖層遭商,添加一個(gè)切片是很簡(jiǎn)單的,只需要選擇一個(gè)圖層捅伤,點(diǎn)擊“make exportable”劫流。
如果你設(shè)計(jì)的是iOS和Android,你知道你需要導(dǎo)出幾套不同分辨率的資源丛忆§艋悖回到Sketch中,你只需點(diǎn)擊就可以導(dǎo)出布局為@2x熄诡,@0.5x可很,@3x的資源,Sketch作為一個(gè)矢量工具凰浮,沒(méi)有任何縮放問(wèn)題我抠。
你甚至可以直接拖動(dòng)資源到桌面。
5.插件
Sketch有一個(gè)非常強(qiáng)大社區(qū)支持它袜茧,結(jié)果就是有很多非常好的第三方插件有效的改變你的Sketch體驗(yàn)菜拓,有許多不同的插件,但我們沒(méi)有時(shí)間來(lái)討論它們笛厦,值得一提的是Sketch Measure纳鼎,Sketch Measure允許你快速的添加你設(shè)計(jì)工作上的需要的說(shuō)明,開(kāi)發(fā)人員需要你們的協(xié)助。