Sketch 是一款界面優(yōu)美和強(qiáng)大工具兼有的專業(yè)繪圖應(yīng)用端朵,能夠滿足網(wǎng)頁、用戶界面燃箭、圖標(biāo)等的設(shè)計(jì)需求冲呢。無論是網(wǎng)頁設(shè)計(jì)或是圖標(biāo)的設(shè)計(jì),在Sketch 中都能輕松設(shè)計(jì)圖層面板招狸,且提供你可能需要的各種操作功能:多層式填充敬拓、漸變、噪點(diǎn)裙戏、混合模糊等功能乘凸。Sketch 還擁有布爾運(yùn)算來將混合多個(gè)形狀為更復(fù)雜的形狀。
新功能與改進(jìn)
Symbol 支持
共享元素挽懦,一次編輯,所有共用的地方全部生效木人,就像是 Photoshop 里的智能對(duì)象亦或者是flash中的共享元件信柿,看到這里我不禁驚呆了,想想這是有多么的方便醒第,字體的樣式渔嚷、icon、各種圖層樣式等可能我只需要設(shè)置一次便可以輕松運(yùn)用于所有界面并且可以隨時(shí)更改稠曼,但生效范圍僅在每一個(gè) .sketch 文件中形病。
更加強(qiáng)力的導(dǎo)出功能
早年的版本僅可以導(dǎo)出 1x 和 2x 兩個(gè)版本的尺寸,而新版可以導(dǎo)出 0.5x、1x漠吻、2x量瓜、3x、512W 和 512H 的版本途乃,同時(shí)還可以自定義不同尺寸的后綴绍傲,如果我們需要導(dǎo)出多種不同的版本則可以點(diǎn)擊右上角的“+”來添加不同的導(dǎo)出尺寸,相信這一點(diǎn)可以為我們的設(shè)計(jì)師小伙伴們解決不小的麻煩耍共。
像素編輯支持全像素對(duì)齊
這一點(diǎn)我們可以在使用中輕松體會(huì)到烫饼,(隨便畫一個(gè)圓當(dāng)然這是放大到極限的,可以看出已經(jīng)處于像素對(duì)齊的狀態(tài))如果你需要像素視圖模式來觀察你的作品可以按快捷鍵control+P來進(jìn)行切換试读。媽媽再也不用擔(dān)心像素對(duì)不齊了杠纵!
新的顏色選擇器
不用像以前那樣在很多地方選擇是純色填充還是漸變填充了,方便了很多钩骇。值得稱贊的是Sketch支持多種顏色填充模式疊加在一起比藻,這一點(diǎn)我們可以通過點(diǎn)擊右上角的小“+”來實(shí)現(xiàn)。但依舊不支持不同的顏色配置(不同配置的畫板)伊履。
內(nèi)置4 套模板
iOS App Icon韩容、iOS UI Design、Mac App Icon唐瀑、Web Design群凶,App icon 模板會(huì)自動(dòng)生成全尺寸的 icon Artboard,可以方便的導(dǎo)出全尺寸 icon哄辣。iOS UI Design 內(nèi)置了知名的Teehan+Lax iOS 7 GUI for Sketch 请梢,而 Web Design 則默認(rèn)是 Sketch Wireframing Kit,可以直接使用這些元素更快的做出可用原型力穗。
位圖編輯功能
Sketch是一個(gè)矢量軟件毅弧,但是也添加了一點(diǎn)位圖編輯功能,當(dāng)我們導(dǎo)入位圖(.png)需要對(duì)它進(jìn)行編輯時(shí)当窗,選中即可在右側(cè)的檢查器會(huì)出現(xiàn)對(duì)應(yīng)位圖編輯的屬性欄雖然很簡陋但這夠用了不是么够坐。
基于運(yùn)算的變形
業(yè)內(nèi)小伙伴都知道,我們?cè)谧鼋缑娴臅r(shí)候相當(dāng)一部分時(shí)間是耗在計(jì)算器上的崖面,多平臺(tái)軟件的使用已經(jīng)讓我們疲于應(yīng)付元咙,再加一個(gè)計(jì)算器如何?Sketch貼心的將計(jì)算器直接搬進(jìn)了Sketch巫员。
智能測(cè)量
還記得PS中得智能參考線么庶香,那種若有若無的感覺真是...太不好使了,在Sketch中智能參考線得到了徹底的強(qiáng)化简识。
我們只要移動(dòng)圖形赶掖,Sketch就可以非掣忻停快速的幫你識(shí)別然后拉上智能參考線。
更重要的時(shí)我們只要只要按住 option 鍵奢赂,把鼠標(biāo)移到你想要知道距離的對(duì)象上陪白,小伙伴們夢(mèng)寐以求的效果出現(xiàn)了。
快捷鍵
Sketch的快捷鍵和PS的有些許不同對(duì)于習(xí)慣了PS的童鞋可能需要重新適應(yīng)下呈驶,關(guān)于Sketch的快捷鍵有些許美中不足拷泽。
比如,不能在軟件內(nèi)自定義快捷鍵袖瞻,有些快捷鍵比較奇葩像"v"表示鋼筆司致。好在我們可以在MAC中為Sketch自定義快捷鍵找到MAC系統(tǒng)偏好設(shè)置中的鍵盤點(diǎn)開找到應(yīng)用程序快捷鍵點(diǎn)點(diǎn)擊左下角的“+”來選擇應(yīng)用程序繼而添加我們需要的快捷鍵。
當(dāng)然這里僅僅只是一個(gè)介紹聋迎,僅僅只是Sketch眾多功能中的冰山一角脂矫,我們還有更多更詳細(xì)介紹以及Sketch的實(shí)例教程。
Sketch應(yīng)用開發(fā)團(tuán)隊(duì)Bohemian Coding這樣評(píng)價(jià) Sketch:“Sketch 是一個(gè)擁有美觀界面和強(qiáng)力功能的專業(yè)矢量繪圖軟件霉晕。我們打算為圖形設(shè)計(jì)者們構(gòu)建一個(gè)更好的應(yīng)用庭再。不只是借鑒,而且是超越牺堰≈羟幔”
第一篇 ?界面與工具介紹
sketch暫時(shí)還沒有中文版,所以這里給對(duì)英文不是特別好的同學(xué)帶來了福利伟葫『薮辏回歸正題首先介紹的是Sketch的界面。
Sketch的工作面板總的能分5個(gè)功能區(qū)筏养,分別為: ? A 菜單欄斧抱、? B 工具欄、? C圖層欄渐溶、? D工作區(qū)辉浦、E、檢查器茎辐。
A 菜單欄
Sketch的菜單欄跟PS的一樣集中了該軟件所有的功能選項(xiàng)幾乎所有的操作都可以通過點(diǎn)擊菜單欄的選項(xiàng)來達(dá)到宪郊,相信大家一般不會(huì)選擇這樣做,我呢拖陆,則是悄悄的點(diǎn)開記住快捷鍵狠狠得操練一番弛槐,從此拋掉菜單欄。
B工具欄
Sketch的工具欄出現(xiàn)在屏幕的上方慕蔚,與PS的固定工具欄有所區(qū)別丐黄,Sketch的工具欄可以一定程度上的自定義斋配,童鞋們可以通過自定義調(diào)整出最適合自己的一套一般來說默認(rèn)的一套足矣孔飒。
C 圖層列表
Sketch的圖層功能與PS區(qū)別不大灌闺,值得一提的是它創(chuàng)建剪切蒙版的方式與PS的不一樣,在Sketch里選中蒙版(也就是最下面的圖層)按? Control+Cmd+M? 即可創(chuàng)建成功坏瞄,如果需要解除剪切蒙版重復(fù)上述操作即可達(dá)到目的桂对。
D 工作區(qū)
這里是Sketch的工作區(qū),我們會(huì)在這里完成所有的視覺上的操作鸠匀。Sketch吸收了AI的優(yōu)點(diǎn)蕉斜,即可同時(shí)允許多個(gè)畫板的出現(xiàn),不僅如此它還允許多個(gè)文件的創(chuàng)建缀棍。
E 檢查器
Sketch的檢查器是對(duì)PS右側(cè)檢查器的精簡優(yōu)化宅此,相當(dāng)于每個(gè)工具對(duì)應(yīng)的屬性設(shè)置區(qū)域。不同于PS的龐大復(fù)雜爬范,Sketch的檢查器可以說是純?yōu)閁I量身打造父腕,并且只有當(dāng)前圖層被選中它才會(huì)被激活并且顯示當(dāng)前圖層屬性,無疑這釋放了太多的界面空間青瀑。
Sketch的介紹今天就到這里璧亮,小伙們?nèi)绻信d趣的話,我們下期再見斥难。