Photoshop 是否適合做軟體界面設計？是否有更好的替代工具？

01-01

作為圖像處理工具，無疑PS是強大的；而作為UI主要設計工具，需要快速出圖，快速迭代，PS是否已經不合時宜，拋開使用習慣不討論，omnigraffle，fireworks，Pixelmator......等是否會是更好的代替品?雖然PS已經成為UI設計的事實標準工具，但我更願意PS作為設計輔助工具。
而有時候使用PS設計界面並不是因為我覺得PS好用或者沒有替代工具，而是因為其他人在用，為了減少重複性工作，為了減少不必要的溝通，情非得已
也許PS確實是太難用了，以至於很多人以為只要學會PS就可以做UI設計了，而美工大部分工作也杯具的淪為了體力活

當一個軟體能按你的期待的方式運行，那它就是易用的。PS是否以你期待的方式運行了，我想知道

謝謝邀請。

作為 Photoshop 的程序員，我確實覺得 Photoshop 有很多用戶體驗的問題。這些也是 Adobe 在以後的版本中要解決的。有很多改進大家在 CS6 中就能看到。

另一方面，我不認為換任何一家公司，擁有同樣甚至更多的資源，就能把 Photoshop 做到比今天更好。那些更受某些用戶歡迎的工具，其實是對 Photoshop 解決的問題做了裁剪。而這些裁剪，在我和資深工程師、市場人員和用戶的直接交流中了解到，並不適合相當一部分用戶的需求。

我想，要成為一個專業的木工，必備的工具要有鋸、鑿子、刨子、鎚子等等很多，每樣工具都需要學習之後才能使用，那些東西恐怕要裝滿一個工具箱，如果你只是要釘一個釘子，指著那個工具箱說，這裡面的東西太雜亂了，一點都不好用，這就不是工具箱的錯了，，，，你需要的本來就不是這個專業的木工工具箱，你需要的是一個鎚子和一個釘子

作為一名曾經為某大型互聯網企業做過 UI mock-up 的業餘美工，我表示做軟體界面設計的確不適合用 Photoshop，提問者說的並沒有錯。但這不是 Photoshop 的錯，你要是用電鋸來做剪紙，也會不好用的，這並不代表電鋸不強大，也不能說明電鋸的設計有問題。

所以，對於提問者的問題，我的建議是，草稿和早期原型用 Visio，接近定稿的時候用 Illustrator，最終成品也用 Illustrator，結合 Photoshop 微調局部細節。

我一直認為, 對易用和友好的追求是有所犧牲的, 因為一個產品要追求所有人都喜歡都覺得好用很顯然是不切實際的。 PS不是一個大眾傻瓜軟體，而是一個專業的圖形圖像處理軟體。如果你試圖學習過3D max，你可能會覺得還是PS簡單一些。

《太陽照常升起》不是一部用戶體驗好的電影，因為大家都說看不懂；相反《讓子彈飛》的用戶體驗卻很好。

也就是說為了成為一個友好和易用的產品，犧牲（不同程度的）的是自己產品的鋒芒、個性、專業性，而去趨炎附勢地附和用戶的使用習慣、盡量讓最低級的用戶也能很容易的操作。

這些似乎也沒有錯，但這些都是代價。現代社會中那些人性化的設計都是在助長現代人的懶惰。

「傻瓜」竟然成了一種追求和標杆。

不過也沒有辦法，這是我們的使命。

扯遠了。

以前見過國外的 Fansite 專門搜集用戶反映最強烈的、希望下一代 PS 的交互設計能有所改進的地方，但是那些列表都已經長草了也沒見 Adobe 有過改進，哪怕有些可用性錯誤極其明顯。我只能認為 Adobe 把所有精力都放在了開拓新功能，吸引新用戶上，把那些每天罵卻不得不每天用的忠實用戶擱在了一邊

ps作為一款專業軟體，所以有一些特定的針對性用戶。，alan cooper 曾經在《交互設計之路》中提過跳舞的熊的概念。用戶分為三類。「傻瓜」用戶，電腦文化用戶，和高級用戶。按照他的說法，我們是被PS綁架了。但是因為ps針對的用戶是少數人，就要求他必須渡河這部分人的使用需求。其次，按照公司的發展戰略來說。產品的研發首先考慮的都是功能性。即能為人提供什麼。這一點是公司產品戰略很重要的一部分。只有功能首先滿足。贏得了用戶。然後再進行人性化的服務。思考怎麼樣去滿足。比如一家飯店。首先要滿足顧客吃得飽，吃的衛生等核心問題。然後再進行服務上的改革。

隨著設計領域的細分以及用戶群體的發展，各類設計工具開始湧現，這些新興工具分別針對不同的使用情景和需求，讓產品的設計、運營甚至靈感的獲取都更為順暢、系統地完成。然而要找到一款最適合的工具也並非易事。在這裡，我們整理了10款專為UX/UI設計師打造的熱門工具，它們能有效地幫助你製作交互原型、網頁設計，並提供收集、管理設計素材的便利。

1. Mockplus－全平台「更快、更簡單」的原型設計工具 （國產中文版）

Mockplus是一款支持全平台的快速原型設計工具，滿足包括手機項目、平板項目、網友項目、桌面項目、自定義項目及自由項目的原型設計需求。它以「更快、更簡單」的特點在國內甚至國際原型市場中佔有一席之地。最近3.0版本中發布的團隊協作功能，更是大大提高了團隊溝通默契和效率。此外，高度封裝的智能交互組件、完全可視化的交互設計，在同類原型工具中也是獨有的。

官網地址：http://mockplus.cn/

更多信息：https://www.mockplus.cn/blog

2. Figma－協作式界面設計工具

Figma可以說是一款新興的協作式界面設計工具，它的界面布局和Sketch幾乎一樣。這款工具以雲端為基礎，允許多人同時合作一個項目，設計稿會根據評論及修改進行實時更新。美中不足的是，這款工具對中文的支持不太好，經常出現字體無法識別（實際已安裝）的情況。免費版本中，只能創建3個項目，最多支持查看30天內的歷史版本。

官網地址：https://www.figma.com/

更多信息：https://www.facebook.com/figmadesign/

3. Framer－開源型原型工具

與其他原型設計工具有所不同，Framer允許用戶以編代碼的形式（Coffeescript－精簡版的JavaScript）進行設計，對於大多數設計師來講，上手難度和學習曲線相當高。儘管Framer憑藉其強大的交互和動畫優勢逐漸在原型設計領域有一定熱度，但所有設計只能通過代碼才能實現這點，讓它註定更受程序員的歡迎。

官網地址：https://framer.com/

更多信息：https://blog.framerjs.com/

4. Sketch及插件－矢量繪圖軟體

Sketch想必大家並不陌生了，另外兩款被大家所熟知的矢量繪圖軟體還有Photoshop和Adobe Illustrator這兩款工具。通常大家提到的Sketch是指與其相關的插件，比如ContentGenerator、Icon Stamper、Measure等等。不過，它只支持基於製作好的UI視覺圖進行交互，而且只有MAC版本，對於Windows用戶來講不太友好。

官網地址：https://www.sketchapp.com/

更多信息：https://www.sketchapp.com/extensions/

5. Protopie－新興原型工具

Protopie這款交互工具最近比較火，它是來自韓國的創業團隊產品，可以通過不同模塊組成一個完整的交互原型，使用時無需編碼且以可視化的方式進行設計。不過，它比較大的缺點在於目前不支持電腦預覽、文字輸入、Web端網頁製作和導出。

官網地址：https://www.protopie.io/

更多信息：https://www.facebook.com/protopie/

6. Pidoco－基於Web的原型設計軟體

Pidoco是一個基於網頁和雲端的在線原型圖、線框圖製作工具，可以在瀏覽器、iOS、Android設備上實時演示原型。但它的不足之處在於，沒有密碼保護，而且內置的組件模板十分有限。

官網地址：https://pidoco.com/en

更多信息：https://pidoco.com/en/company/press

7. Webflow－在線響應式網頁設計工具

Webflow是試圖幫助那些對編程毫無概念的設計師更好地製作網頁設計的平台，一直以「傻瓜式」著稱。它提供的模板可以在三種設備（桌面設備、平板和智能手機）上實現響應式效果。但免費版本會限制某些功能，且在註冊之前看不到控制面板。

官網地址：https://webflow.com/

更多信息：https://forum.webflow.com/

8. Atomic－給予瀏覽器的Web應用程序

這是一款擁有漂亮的用戶界面和直觀的時間軸的設計工具，需要GoogleChrome來運行，沒有桌面應用程序。對於iOS設計人員，這款工具推出了帶有iOS設計元素的套件，比較方便。

官網地址：https://www.atomic.io/

更多信息：http://blog.atomic.io/

9. Blocs－MAC網頁代碼編輯器

Blocs是一款針對Mac的視覺網頁設計工具，提供Retina視網膜支持，可離線工作，且支持創建靜態的網頁。

官網地址：https://blocsapp.com/

更多信息：https://forum.blocsapp.com/

10. IconFinder

這是一個Icon素材站點，通過關鍵字進行搜索，同時根據需求（圖標格式、價格、許可類型、圖標尺寸等要素）來選擇喜歡的圖標。它宣稱是目前世界上最大、最全的圖標資源庫網站。

官網地址：https://www.iconfinder.com/

更多信息：http://blog.iconfinder.com/

寫在最後的話

以上就是推薦給設計師的熱門工具清單，希望對你有所幫助。筆者相信，好的工具一定是在具備強大功能的同時，又能讓設計者專註於設計本身、不為工具所累，這其中最有發言權的便是Mockplus。反正我已經入坑了，你不也來試試？

Photoshop不容易上手，很大一部分不是因為軟體，而是因為視覺編輯、設計這門技術本身就很複雜。

不會用快捷鍵自然覺得難用。

ps不適合排版，例如等間距分布的功能一直沒有，

最好找個高手教或者書籍自己學。

我們公司設計嵌入式界面，一直都是PS（用來設計圖片），再用Da Vinci LCD軟體工具把圖片組合起來。很好用的

我曾經也在想用FW能不能代替PS

但確實是不能的

目前我還沒看到能代替PS的軟體

PS用戶體驗我就覺得不錯

特別是CS6的鋼筆工具優化了

那種人性化的體驗不是很好嗎？

讓做UI畫WEB的讓更加好了。

我就覺得PS很好

哈哈，ps的用戶體驗確實讓人煩躁，特別是矢量和點陣圖切換到操作也很麻煩，更新了這麼多代也不整利索點。相比同類其他軟體，我更願意用fireworks（可惜後來也被他們收購了）。

不過用來修圖還是得用ps，畢竟功能強大。

我也想要一個能「隨我想法給我定好柵格，並算好根號二、根號三、根號5以內的疊加比例」的軟體~

PS在這方面弱爆了~

簡直就是腦殘~

我還是得拿著紙筆一點點的算~

還好~

我的紙和筆還是跟我想的完全一樣~

最靠譜的還是他們~

當你熟悉了PS以後，就會發現它面板的設計、快捷鍵的設置，等等等等，設計的真的很棒，很巧妙

我去。。。我一直就用PS設計UI，竟然有人會覺得PS難用，真是匪夷所思！