做用戶界面設計,哪些功能是 Sketch 3 無法取代 Photoshop 的?

或者換一種說法,哪些在 Photoshop 可以更高效完成的事情,Sketch 效率更低或者無法做到?僅討論界面設計的情況。作為考慮從 Photoshop 轉換到 Sketch 的決策參考。


之前一直是在用 Photoshop 做用戶界面設計工作,搭配 AfterEffects 及眾多支持 Photoshop 的動作、腳本及插件(比如 Slicy)來工作也非常順手,完全沒有覺得不好用,不過後面接觸到 Sketch 之後發現確實 Sketch 針對用戶界面設計做了非常多針對設計師使用場景的操作優化,在做很多扁平風格的設計中確實能提高效率,不過在使用的過程中也會有一些問題,但是這些可能真的是很難解決,畢竟兩者的定位其實就有很大的差異,一個本身是針對點陣圖處理功能強大甚至本身就能做動畫還能做 3D,同時還能做 UI 設計,而另一個則是針對 UI 設計而誕生的有針對性的軟體。兩者可以說本來就不是一個東西,沒什麼可比性,就算只是在用戶界面設計方面,不能替代的東西也很多,只不過大多數情況下影響不是很大,可以以 Sketch 的其他效率優勢來彌補。

首先比如 Photoshop 裡面給圖層加透明過渡蒙版只需要用漸變在圖層蒙板上拉個漸變就行了,一步搞定。而到了 Sketch 里則需要設置蒙版為 Alpha Mask Mode 然後在填充裡面選漸變來處理,作為剛從 Photoshop 轉過來的人表示非常蛋疼。

(如果有更好的操作方式歡迎指正交流)

還有前一陣在 Dribbble 上很流行的軟投影風格,比如

https://dribbble.com/shots/2378597-Daily-UI-012-E-Commerce-Shop

在 Photoshop 中只需要調節等高線即可,

Sketch 里就…呃 我不多說了,inVision 專門出了個視頻交大家如何在 Sketch 中做這種投影…視頻鏈接在此…

http://weibo.com/p/23044472580f4a3dacacad4a6e7ca093429ce7

最蛋疼的是以前的矢量圖標都是 PSD 或者 AI 格式的,選中錨點直接複製粘貼可以通用於 Photoshop、Illustrator 和 AfterEffects 甚至 Cinema4D 中,而當我想把以前在 Photoshop 中繪製的矢量圖標複製的 Sketch 中時..居然不支持粘貼形狀..吐血..雖然在 Sketch 中重新畫並不麻煩…但是支持這個形狀的複製粘貼真的就這麼難么……?其實這個背後的本質問題還是跟其他傳統軟體的協作上,Adobe 系列的軟體在相互協調協作上體驗是非常一致的,熟悉了一個再上手另一個非常輕鬆,而且資源調用共享都不是問題,但是到了 Sketch 這個體系下,全都推翻了,對於一個習慣了 Adobe 體系下的往 Sketch 方向轉著實很蛋疼。當然有很多其他軟體和 Sketch 的配合就很好,比如 Flinto,Framer,Zeplin 等等,但是這些獨立的應用雖然都能夠完美的支持 Sketch,但是串聯使用下來每個應用都是自成體系,操作方式,思路各方面都是不一樣的,雖然用慣了的話也完全沒有問題,但是相較於 Adobe 一整套的統一的體驗而言,還是有些不盡人意。

不過總體上而言 Sketch 確實要比 Photoshop 好用很多,在不大量自定義 Photoshop 的動作、插件及快捷鍵的前提下,UI 設計效率是 Photoshop 好幾倍,就現在的形式而言,使用 Sketch 來做界面設計可能還是是比較好的選擇。但是 Adobe 顯然已經開始重視 UI 這個獨立的設計領域了,在 Photoshop 最近的幾個版本迭代和最新推出的 Experience Design 中看到可以看到 Adobe 已經做出了很多改變,而且一些原本只支持 Sketch 的插件和軟體比如 Craft,Zeplin 也開始支持 Photoshop,所以未來在 UI 這塊 Sketch 是否能完全取代 Photoshop 我覺得也不好說。即使將來使用 Sketch 設計 UI 成為主流,Photoshop 還是必不可少的,但如果 Adobe 能夠很好的借鑒吸收 Sketch 的思路去不斷完善 PS 或者 XD,那 Sketch 可能就懸了。

話說回來無論你決定使用哪個軟體來做設計,他們也都只是工具而已,真正重要的是設計內容和你的設計思路,就算用 Windows 自帶的畫板不是也能做出很多吊炸天的設計嘛~


到時候我再細寫

第一:sketch是給mac用戶提供的,那麼比較時是否考慮到用windows做設計的可能性?如果這樣那就完全無法取代photoshop了

第二:我覺得問題可以改成,sketch和illustrator相比,後者有哪些功能無法取代?

第三:到底有哪些功能無法取代?在Sketch 的開發商 Bohemian Coding 是怎樣一個公司?中對sketch有過一定介紹,大家可以看看,大致來說,sketch這個產品本身就帶有很強的「設計感」。對於如何做好一個產品和做好一個產品的美工顯然是兩碼事,雖然sketch是一個成長的非常快速的軟體,但是運行本身不夠順暢,有些奇怪的bug,比如打開多張圖片後有時會卡死。

第四:ps的強項在於處理成品圖像,這點其他軟體都很難比擬。調整層和蒙版能夠帶來非常可觀的效率。


真的同意 楊瑞琦 說的「保存為PSD」,因為某些工作流、某些工具恰恰需要PSD。

我個人沒用過上述工作流,大部分時間是單打獨鬥。

事實上,身為UI+前端設計師,從2000年至今我從未用PS出過活兒,只用PS修照片。

我用什麼做UI?Fireworks。

目前Sketch不夠用的地方是:不能做透明Gif和Gif動畫,不善於壓縮圖片,這些地方,我還是用FW。


為什麼總是要想到替代誰呢?就跟商業一樣,總是有人說要幹掉哪家公司。其實,合作共贏不是更好?Photoshop從出生到現在,都像它的名字一樣,是以圖像處理為中心的。而Sketch,更專註UI設計。作為設計師,不存在什麼從Photoshop轉向Sketch的問題。設計軟體都只是工具,哪個稱手就用哪一個。

我也換個說法,這問題也可以描述成:作為糧食,哪些方面是大米無法取代小麥的?是否應該從吃米飯轉向吃麵食?

而我,今天想吃米飯就吃米飯,明天想吃麵條就吃麵條。


這個比較其實不太妥當,Photoshop是個點陣圖編輯軟體,儘管帶有一點點矢量繪圖功能。Sketch是一個輕量級的,專門注重於UI,特別是移動設備UI開發的矢量繪圖軟體。

Photoshop 90%的功能Sketch都做不到,但是反過來Sketch有幾個功能直接秒殺市面上的各種矢量繪圖軟體,包括大名鼎鼎的Illustrator。

其中特別突出的是有以下幾點:

光柵化預覽。設計師可以直接看到矢量圖像像素化後的效果。Sketch的光柵化引擎相當出色,特別是字體邊緣渲染乾淨利落,而AI轉存的圖像,邊緣的抗鋸齒不太理想,且難以控制。可能是我AI用的少,沒有把功能吃透。但至少像素級預覽絕對是設計師做矢量圖像素級調整的有力助手。

靈活的切圖和輸出功能,而且直接輸出兩倍大的Retina圖,還能統一加上後綴。PS和AI的切片輸出貌似還是停留在Web應用的時代。

錨點對齊到像素,不知道省了設計師多少微調的時間。


旋轉工具性能比較差啊,弄得動不了了,小圓球轉了半小時了還沒反應,PS AI都分分鐘複製出一堆路徑啊;


完全不同的兩個軟體被拿來比較,除了用戶都是設計師之外


個人目前在做app的ui/ux設計,也一直在用sketch,在整體開發這塊,sketch完全取代了ps;

其實我想說,sketch和ps可比性不強;photoshop是個功能強大的點陣圖編輯軟體,sketch是一個瞄準界面設計的細分場景的適量軟體;你想用sketch屁照片?美圖秀秀更好用! :P

photoshop功能具強大,主要涉及「製圖」、「繪圖」、「修圖」這3部分,能夠實現簡單的3d效果和動畫等其他效果;但是我想說,不管在什麼行業的你,真的能夠用到ps的全部功能么?這個時候sketch橫空出世,簡單的界面,只保留核心功能,但卻能夠完成界面設計的所有層面的工作,low-fi/high-fi,各種icon,麻煩的切圖做九宮,導出樣式到css代碼,一應俱全。

更應該做比較的反而應該是AI。和ps一樣,ai有著無比強大的適量功能,就如同他的全名illustration(插畫)一樣;如果看過AI教程的同學都知道,一般教程都會教怎麼用ai畫矢量插畫,高端的可以做出3D逼真效果;但是對於一個畫畫小icon的射雞濕來說,只需要簡單的鉚點和圖形切割功能就行了;sketch又一次出現了,就上述的icon以及界面製作的case,sketch做的足夠簡單,3步完全搞定,並且同為矢量軟體的sketch不能兼容psd,但是和ai是可以無縫對接的~

所以,可以看出sketch就是一個對應界面設計的細分產品,並且全新的sketch3針對各種user case還在繼續深入加強,非常看好~

現在從歐美的設計網站也越來越多有提供.sketch文件下載,資源也完全不缺。移動上,sketch推出sketch mirror和ps play一樣可以投射artboard到手機,以便查看真實效果。所以,你缺的可能就是一台mac電腦,我想說,如果是一名設計師來說,一台mac也算是必需品吧~哈哈

就這麼多- -有點像軟文,但是真的用的很爽~

ps.說不能完全代替ps,原因也很簡單,有時候有些需求改動,用原圖p一下畫個箭頭什麼的,ps就登場了!


謝邀!

贊同 @Avatar Ye的回答,兩者的定位不同,ps有歷史遺留的問題,sketch專註於UI設計,小而美。

對於從在UI方面,從photoshop轉到Sketch的考慮,我覺得:

  • Sketch的上手很容易,hold住ps的,這點完全不用擔心。
  • 在現行的UI風格下,Sketch可以勝任絕大部分的需求。
  • ps或者ai,完全可以做做配合。


推薦閱讀:

在北京,年薪十萬的UI設計師是一個什麼水平?拿這個薪資進行高強度的工作是否合適?
有哪些值得推薦的優秀 HTML&CSS 網站前端設計的網路資源(博客、論壇)?
Windows Phone 的 Metro 界面交互的優缺點有哪些?
移動應用的UI設計有什麼書籍推薦嗎?
PS CC新功能實時形狀屬性在重啟PS後為什麼會消失?

TAG:AdobePhotoshop | 用戶界面設計 | Sketch |