當我最近一次在舊金山參加蘋果開發(fā)者大會（WWDC 2013)時，有幸與Sketch設計師會面。 我嘗試了Sketch（目前僅限Mac平臺）。其發(fā)布已經(jīng)一年之久。它的一些性能缺點和不便促使我又回到Photoshop。然而，設計圈仍對它充滿熱情。因此我決定花費一些時間探索它并自學一些基礎功能。這個想法的目的在于評估Sketch能否在一定程度上代替Photoshop。 如今，我的設計工作有80%出自Sketch。過度到Sketch花了我不到一個月的時間。目前為止我沒有絲毫后悔。個中原因待我一一道來。 為什么拋棄Photoshop？ 為什么Photoshop還不夠好？當我越發(fā)關(guān)注品質(zhì)、效率、協(xié)同合作時，我越發(fā)感到我正在使用一個行將就木的工具。 并非為我們而設計 Photoshop最初的目的是數(shù)字圖片處理。貝塞爾曲線路徑和矢量工具僅僅在第2版本出現(xiàn)。當關(guān)注版本歷史和最近的更新時，可以明顯的看出用戶界面設計師不是此軟件的目標用戶。我們忘記了實際上我們使用Photoshop的功能并非其最初的目的，在某種程度上我們“破壞了該軟件”。事實上，我們需要一款性能更簡單、更簡潔的軟件。Photoshop過度強大。 不能適應移動領域 如果你需要輸出多種分辨率的文件，那么這將是場災難。即使有神一般的技術(shù)，你也需要將所有的元素與柵格對齊，并花費大量時間。多數(shù)節(jié)省時間的功能都來自第三方插件：iOS屏、圖標模版、柵格布局和符號。 過時的引擎 由于Photoshop是一款擁有幾十年歷史的圖片處理軟件，其引擎需要大量資源。盡管Adobe工程團隊完成了令人印象深刻的優(yōu)化方案，但軟件仍然慢得令人難以忍受。即使一個非?；A的功能在不同團隊間溝通的時候都會像皮球一樣被踢來踢去。我們不能苛責他們，因為他們的軟件需要跨平臺支持。 廉頗老矣 還記得視網(wǎng)膜屏發(fā)布的時候，我們等待了多久才等到Photoshop的軟件更新嗎？點劃線邊框？動態(tài)圓角？例子已數(shù)不勝數(shù)。我已經(jīng)默默的接受并不再責備他們了。龐大的團隊通常行動遲緩。事實是我們?nèi)匀粺崆械钠谂我恍┥形创嬖诘年P(guān)鍵功能：漂亮的文字渲染、多層混合選項、實用的智能參考線等。 為什么Sketch成為主角？ 自動保存和版本管理 可曾想過無需點擊“?+s”？是的，Sketch自動為你保存，甚至允許你恢復到文件曾經(jīng)的版本。 “Browsing All Versions…” 將向你展示一個時間機器的界面，展示你曾經(jīng)保存的文件。 矢量編輯和完美像素 矢量意味著可無限縮放。這意味著你將不會浪費時間在預設的尺寸或大或小上。Sketch通過完美像素級別幫你消除此煩惱。當你設計圖標或者插畫時，轉(zhuǎn)換到像素試圖將非常有用。 點擊 ^P 可以在像素視圖和矢量視圖間轉(zhuǎn)換。 智能參考線 你是否喜愛xScope（xScope for Mac是一個集測量、校準和檢查圖形和布局于一身的功能強大的工具－引自互聯(lián)網(wǎng)）？你是否使用過選框工具獲得尺寸？痛苦的參考線？智能參考線將幫你通過簡單的方式獲得正確的對齊、邊距的元素。它節(jié)省我許多時間和精力。我認為是最有用的功能之一。 選擇你的形狀或者群組，點擊 ?并拖動鼠標，懸停在其他的形狀或者群組上。 自由編輯元素 可以動態(tài)編輯高度、寬度圓角半徑？是的，可以。我經(jīng)常使用它，坦率地講有了它讓我轉(zhuǎn)換到Sketch時安心了許多。通過在輸入框中輸入數(shù)值得到完美的形狀尺寸或者圓角半徑是我最喜愛的功能之一?，F(xiàn)在我明顯的感到我已經(jīng)無法脫離它了。 形狀連接（布爾運算－譯者注） 你可以將形狀合并，從而得到新的形狀。很容易得到合并、相減、相交和相異（取A和B兩部分，取A減B的部分，取A和B相交的部分，取A和B不相交的部分－譯者注）。這些并不稀奇，令人興奮的是子形狀也可以再自由的編輯。同時，由于形狀以列表形式呈現(xiàn)，你可以輕而易舉的單獨的選中他們，為其分層等。不必再糾結(jié)于將其前后移動。這將有利于你管理和創(chuàng)建更加復雜的形狀。 單圖層多重混合模式選擇 浮夸的單圖層Photoshop趨勢已經(jīng)一去不復返了。在Sketch中，你可以對單圖層盡情發(fā)揮。這意味著4個單色或者漸變色填充和無限的邊框、陰影、內(nèi)陰影等。
最多4個填充、無限的邊框和陰影 四舍五入至最近的像素邊 使形狀或者圖層四舍五入至最近的像素邊。如果形狀的X邊在5.3像素，它將四舍五入至5像素。不再有十進制像素、臟兮兮的形狀和透明度混合像素。我會使用快捷鍵以確保形狀達到完美像素。這樣比一一對其格柵效率高很多。 點擊 ? ? x。我用的最多的功能之一。 鏈接樣式 如果你在處理文字繁多的設計，linked style（鏈接樣式）允許你設置特殊的樣式，并可以將其運用到任何文字中。如果你修改鏈接樣式，它將自動調(diào)整到所有使用該樣式的文字。非常棒是吧？它同樣適用于形狀哦。 你可以快速簡便的修改所有使用鏈接樣式的文字 優(yōu)秀的輸出 切圖和輸出通常是最痛苦的流程之一，即使有更多的Photoshop切圖工具。Sketch做為一款考慮周全的矢量軟件，輸出只需點擊一次，并允許輸出不同的尺寸和格式（pdf, eps, svg, png, jpg, tiff）。當然這并非插件或者第三方應用，它是內(nèi)置的。 點擊一次即可輸出 分配間距 當你為復雜的內(nèi)容（比如圖片）確定漂亮的樣式，這項功能將幫助你快速測試多種樣式。 格柵 “格柵是一種二維架構(gòu)。用過一系列的縱軸和橫軸交錯的線來架構(gòu)內(nèi)容。格柵作為一種架構(gòu)使設計師能夠更理性的管理文字和圖片，同時也易于接受。” 你當然可以使用格柵，這是一個不錯的工具。 自由設定格柵 文字渲染 使用其自帶的高級文字渲染，Sketch在顯示文字和字體方面表現(xiàn)出色。趕快離開Photoshop的抗鋸齒吧！ 優(yōu)雅的文字渲染 CSS樣式 如果（并非是我）你從事一些網(wǎng)站開發(fā)工作或者是一名網(wǎng)站開發(fā)人員，這功能將所有混合選項翻譯成CSS代碼。 只需簡單的粘貼代碼到任何地方（CSS文件會是一個理想選擇） 漸變邊框目前還不支持 旋轉(zhuǎn)式復制 又是一個小工具，節(jié)省許多時間和麻煩。 Sketch Play（已發(fā)布該功能，現(xiàn)在稱之Mirror－譯者注） 該功能是在iOS設備上直接顯示設計效果。 反饋力是成功的關(guān)鍵 Sketch是一個小團隊，他們成長迅速。按照他們的更新日志聲明，每次更新會給這個平臺帶來新的相關(guān)功能。 
