認識一下SKETCH
為什麽我們會期待一個新的設計工具?因為當我們更多的關註效率和關註協作,就越發現Photoshop已經不足以滿足我們的期待了。下面看看具體的理由:
並非為設計師打造
Photoshop是為圖像處理開發的,諸如路徑和矢量工具都是後期才加上去的,所以如果你關心一下Photoshop的更新路徑,用戶界面設計師完全不是Adobe做這條產品時關心的用戶群。所以,如果拋去那些復雜的功能,一個為用戶界面設計師打造的設計工具完全可以做得更簡單,更高效。
不適合移動時代
相信我們都會覺得為不同的設備輸出不同分辨率的素材而痛苦不已吧。或許,你會使用一些第三方插件或是啟用一些模板來處理這些事,但依然是很浪費時間的。
引擎太過陳舊
Photoshop的引擎是上個世紀為圖像處理而打造的,非常的耗費資源,即使是啟動一下都要等很久,更別說一次移動多個分組了。話說回來,由於要兼顧Mac和Windows平臺,能做到這樣已經不容易了。
越來越跟不上時代
大公司的執行效率實在太低。不知道大夥是不是和我一樣,非常痛苦地等了好幾個月才等到Photoshop對Retina屏幕的支持。諸如自動對齊的等功能我已經不做期待了。
為什麽Sketch確實值得嘗試
自動保存和多版本控制
有沒有夢想過拜托機械的手動保存?Sketch可以做到。Sketch在工作的時候會不斷地自動保存成果,並且允許你回復到此前的任一版本。
矢量作圖並且像素級的完美
智能標尺
你喜歡xScope嗎?還是正在用選框工具來進行測量?又或者是難用的網格?Sketch的智能標尺可以幫你輕松地把設計元素的對齊方式、內外間距都調整完美。就我個人而言,這個功能非常節省時間而且避免了復雜的人工計算,是我覺得最有用的功能之一。
隨時隨地編輯元素
在Sketch裏我們可以隨時隨地修改一個元素的圓角、高度和寬度。只需要簡單地修改數值就可以輕松調整元素,對於剛從Photoshop切換過來的設計師而言非常好用。甚至會讓你產生強烈的依賴。
圖形拼接
在Sketch 裏你可以很輕松地把多個圖形合並,構成一個新的圖形。並且Sketch在提供了多種圖形合並模式的同時,還允許你隨時修改已經合並圖形的子圖形。這項功能使得你可以很輕松地管理和創造更復雜的圖形。
每個圖層都可以有多種混合效果
在Photoshop裏想要讓一個圖層有多種混合效果是很困難的。但在Sketch裏,你可以很容易給一個圖層加上多種混合效果,看看下面的示例就知道了。
自動選擇最接近的像素邊界
自動選擇最接近的像素邊界可以讓一個圖形或者是圖層自動修正邊距到一個像素級完善的位置。比如可以把一個寬度是5.3px的圖形自動修正到5px,這樣就不會有模糊的像素點和粗糙的圖形了。我自己給這項功能設了一個快捷鍵(Command+Opitons+x),來確保我做出的每一個圖形都像素級完美。這比人工一個一個按照網格修改圖形高效得多。
樣式鏈接
有的時候你會做一些充斥文字的設計,樣式鏈接可以幫助你設定一個固定的樣式來快速地應用在新的文字上。如果你修改了其中任何一處的樣式,那麽所有鏈接該樣式的文字都會自動更新到新的樣式。並且,這項功能也可以應用在圖形上。
導出素材
用Photoshop的時候,最痛苦的事莫過於切割元素,然後到處素材。Sketch則可以幫助你快速地導出各種分辨率和格式(pdf, eps, svg, png, jpg, tiff)的素材,通常導出只需要一個點擊,並且不用借助任何第三方應用程序。
分布式布局
作富文本設計的時候,布局會變得非常重要,這項功能可以幫助你快速地試驗不同的方案。
網格
其實可以把網格功能理解成按照縱橫兩個維度自動地結構化布局內容。這個對於排版布局而言,非常方便。
出色的文字渲染
Sketch的文字渲染引擎非常出色,可以用來做很出色的文字布局和字體設計。因此,你可以放心地放棄Photoshop的抗鋸齒功能。
CSS樣式導出
如果你在做一些網頁設計,Sketch可以幫助你快速地把你的成果到處成CSS樣式。
旋轉副本
這是一項小功能,但是確實可以節約你很多時間和精力。
Sketch Mirror
Sketch Mirror是一個Universal App,可以方便你在iPhone或是iPad上查看自己的成果。(作者撰寫這個文章的時候Sketch還沒有推出官方的鏡像工具,所以這一段是譯者補充的)。
快速響應是殺手鐧
Sketch是一個小團隊,發展非常快速。簡單掃一眼Sketch的升級日誌,你會發現每一個更新都會帶來新的功能。 我非常建議你去使用Beta版本,你會見證Sketch快速的升級。 Sketch團隊非常善於聆聽用戶的訴求,因而軟件不斷地變得更好。你可以去tenderapp上向他們提出新功能的要求。
認識一下SKETCH