上一篇介紹了PC上使用PhotoShop高效設(shè)計(jì)UI的工具。熟練使用各種工具，可以讓你騰出更多時(shí)間來思考。這一篇就說一下Mac上的UI設(shè)計(jì)工具，Mac作為卓越的生產(chǎn)力工具，可以使用的工具也要比PC上簡潔易用很多。先講以PhotoShop為基礎(chǔ)的設(shè)計(jì)工具，再講UI設(shè)計(jì)神器Sketch及交互設(shè)計(jì)軟件Principle。
Mac平臺(tái)的工具從易用性上來說，是遠(yuǎn)遠(yuǎn)好于PC的，之前介紹騰訊的PSPlay，是抄襲SkalaView。騰訊的智圖，是抄襲的TinyPNG。阿里的iconfont…跑題了，正文開始：
1：Photoshop實(shí)時(shí)預(yù)覽工具SkalaView
SkalaView的使用跟PSPlay差不多。SkalaView了以手動(dòng)加載圖片來預(yù)覽外，還可以通過WiFi者USB，與Photoshop進(jìn)行遠(yuǎn)連接，實(shí)時(shí)的呈現(xiàn)設(shè)計(jì)稿。SkalaView支持iPhone、iPad、Android，但電腦端只支持Mac。實(shí)時(shí)預(yù)覽的圖片，可以切換顯示黑白調(diào)、紅綠色盲、藍(lán)黃色盲等不同視覺，
設(shè)計(jì)的目的是為了解決問題，而不僅僅是好看，或者滿足部分人的個(gè)人喜好。
2：PhotoShop快速切圖神器Slicy
客戶端UI設(shè)計(jì)和手機(jī)UI計(jì)最麻煩的不是設(shè)計(jì)界面和設(shè)計(jì)圖標(biāo)，而是切圖。Slicy就是來解救討厭切圖的設(shè)計(jì)師們。
上一篇的第二部分，我們對PS的圖層命名進(jìn)行了規(guī)范。而規(guī)范的基礎(chǔ)，就是基于Slicy的。
軟件操作十分簡單，只要將已經(jīng)命名好圖層的PSD拖進(jìn)去Slicy的窗口，就能自動(dòng)生成jpg和.png等格式的切圖文件，瞬間減少了很多工作量，（前提是你真的按照之前的規(guī)范進(jìn)行了命名。）
只要在PS中，按照規(guī)則設(shè)定好圖層名字。拖拽一下到Slicy窗口中，所有的切圖瞬間搞定。Slicy同時(shí)支持@1X和@2X互相轉(zhuǎn)換，無論設(shè)計(jì)稿使用何種形式，都可以方便的搞定。
目前售價(jià)29$，但為你節(jié)省的時(shí)間可不止200塊。
3：UI設(shè)計(jì)神器Sketch
Sketch作為一個(gè)為UI設(shè)計(jì)而生的工貝，全矢量、輕量級、像素級精準(zhǔn)，非常適合做移動(dòng)端應(yīng)用類的界面設(shè)計(jì)和簡單的扁平圖標(biāo)設(shè)計(jì)，要說哪款軟件是UI設(shè)計(jì)師必備軟件，一定是Sketch了。
之前我們介紹的Skalaview、Pstosvg、Laycraft到了這里都不再需要了。
Sketch自帶的SketchMirror基本等于Skalaview，雖然如此，仍然建議你自己嘗試和對比不同，比如針對特殊人群的功能是沒有的。
Sketch可以同時(shí)可以一次性導(dǎo)出@1X、@2X、@3X的png、jpg、svg、pdf等格式。
Sketch還有一個(gè)優(yōu)勢，功能優(yōu)秀易于安裝的插件。比如Sketch并沒有尺寸標(biāo)注功能，但是通過插件可以很容易的實(shí)現(xiàn)，而實(shí)現(xiàn)的方式也很“恐怖”——無需手動(dòng)標(biāo)注，點(diǎn)按直接導(dǎo)出，生成Html文件，還能自由切換單位，對于WEB開發(fā)還可以直接復(fù)制CSS代碼。
想了想，干脆再開一篇講Sketch好了。
