UI設計的使用軟體挑選－為什麼使用Sketch？ - iT 邦幫忙

前言上一篇簡單的比較Sketch和Photoshop兩個軟體，也有提到Sketch絕非UI設計唯一的軟體，例如：Photoshop、illustrator、Adobe XD…等，還有一些較少為人知的軟體皆可以 ... 2018iT邦幫忙鐵人賽 DAY 8 0 自我挑戰組 介面設計流程與開發2系列第 8篇 UI設計的使用軟體挑選－為什麼使用Sketch？ 2018鐵人賽 uiux sketch photoshop AnnyCheng 團隊網路無國界 2017-12-2703:57:2710258瀏覽 前言 上一篇簡單的比較Sketch和Photoshop兩個軟體，也有提到Sketch絕非UI設計唯一的軟體，例如：Photoshop、illustrator、AdobeXD…等，還有一些較少為人知的軟體皆可以進行UI設計，只要你有辦法出圖和寫設計規格給前端工程師即可進行介面設計與產品開發。

學會「Sketch、Photoshop＝UI/UX大師？」 越來越多課程都強調只要會Sketch、Photoshop才能成為UI/UX大師，除了課程也不便宜之外，這樣的廣告宣傳很容易讓人誤解學會軟體即是UI設計師、UX研究員。

單看介面視覺設計來說，終究與設計美學有關，但在設計介面時則需另外考慮「現實生活的物理原則」、「使用者行為」、「實作的可能性」，因此設計師需更細心觀察不同的人、事、物，再進行設計，以免開發出「重看卻不重用」、「不符合現實邏輯」的產品。

因此，如果只是會操作軟體，還是無法成為UI/UX大師喔！ 為什麼使用Sketch？ 用了幾個軟體進行介面設計後，選擇Sketch的原因為： 向量軟體（不用擔心改尺寸的問題，放大縮小都不失真！） 出圖超方便（可以直接將圖案往外拖拉到軟體視窗外就存好圖了。

） 支援SVG匯入、匯出 網路上有許多Templates、UIKits的資源可下載 有各式各樣的Plugin，免費的很多，優質付費的也不少 雖然Photoshop也有不少好工具，但就相同的軟體來說，功能還是有些微差距。

例如：Craft：Sketch版本可以直接連結頁面製作Prototype上傳到invision；Photoshop版本則無法。

價格超划算（如果你是學生+Mac＝超級划算，學生授權是三年喔！） 網路教學資源豐富，超容易學習（本身就會繪圖軟體的人很容易上手，不會的人學習也容易。

） Sketch優點這麼多，也是有缺點，如下： 無法完全取代所有軟體，影像合成、調色…相關還是要使用Photoshop 雖然可以繪製精細的UI，但還是需要搭配Photoshop、illustrator才有辦法更精緻的圖案。

有些繪製圖案的功能沒有Photoshop、illustrator來得好用。

例如：曲線編輯不太好調整，先在illustrator繪製完成後再轉存SVG檔案匯入Sketch會比較省時。

只有Mac才能使用 ▲Sketch、Photoshop比較表格 根據比較表格來看，Sketch的價格比Photoshop便宜許多，但你得要有一台Mac才行，所以哪個比較划算就自行比較囉！ 另外，Sketch的序號只有一年的權限，但是之後只是無法更新，軟體還是可以繼續使用，只要你版本相符，檔案就可以打開。

但缺點是，Sketch更新速度超快，隨時在更新，檔案不能降存版本，因此你要使用新版的檔案就非得要購買新序號！ 結語： 學習新軟體是好事，但我真的不認同一定要學會什麼軟體才能成為大師的想法，應該要挑選適合自己的方向去學習，這樣才能學得開心，學得有意義。

資源分享 學習： 官方、SketchAppTutorials、給工程師的SketchPrototype入門教學、Sketch中文網 Templates、UIKits SketchAppSources、Freebiesupply -ByAmanda 留言 追蹤 檢舉 上一篇 Sketchvs.Photoshop哪個才適合UI設計? 下一篇 如何定義介面應該有什麼功能，以DailyUI41-WorkoutTracker為例1/3 系列文 介面設計流程與開發2 共30篇 目錄 RSS系列文 訂閱系列文 42人訂閱 26 使用元件的概念做設計，以DailyUI07-Setting為例3/3 27 切版-以DailyUI07-Setting為例1/2 28 切版-以DailyUI07-Setting為例2/2 29 介面設計流程與開發-結語 30 介面設計流程與開發-心得與未來期許 完整目錄 尚未有邦友留言 立即登入留言 iT邦幫忙鐵人賽 參賽組數 1087組 團體組數 52組 累計文章數 20470篇 完賽人數 572人 鐵人賽最新文章 淺談DevOps&Observability 以Ardiuno控制CPU散熱器呼吸燈 超深度鐵人賽後自我審視 建立表與表之間的關聯(Day28) 【Day?(31)】測試環境無法登入 使用程式來管理資料庫(DBMigrate)(Day27) Day31-遲來的鐵人賽心得 STM32CubeMX專案配置詳細教學，點亮LED 撰寫httprequest的複雜一點的測試(Day26) 2022/02/12更新 前往鐵人賽 技術推廣專區 [Day2]抓取每日收盤價 [Day1]基本工具安裝 利用python取得永豐銀行API的Nonce [Day03]tinyML開發板介紹 [Day01]在享受tinyML這道美食之前 永豐金融API測試員 [Day3]使用ta-lib製作指標 [Day4]函數打包與買進持有報酬率試算 計算API所需要的參數:HashID 計算API所需要的參數:IV 前往鐵人賽 熱門問題 求救!在MSSQL安全性停用了administrator,造成無法登入,請問如何解救? 抽獎程式怎麼都沒被告呢?? 測試是否有外網 如何在DB存敏感資料? C#該如何改善ide開檔慢? 趣味SQL外鍵限制之先有雞還是先有蛋? fortigate防火牆ha切換 python問題發問求救 關於解析度,像素計算的問題 硬體VPNlicense請教 IT邦幫忙 熱門tag 看更多 13th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 windows python php windowsserver linux c# 程式設計 資訊安全 css vue.js sql mysql 熱門回答 趣味SQL外鍵限制之先有雞還是先有蛋? 如何在DB存敏感資料? 硬體VPNlicense請教 抽獎程式怎麼都沒被告呢?? 測試是否有外網 關於解析度,像素計算的問題 fortigate防火牆ha切換 如何在macos上架設MSSQL2017與asp.netlocation端開發環境 MVCCheckBoxTreeview veeambackup&replication9.52如何加入VM進入排程 熱門文章 在安裝haproxy時,顯示重啟失敗 派遣至LINE_IT駐點工程師/MIS 計算機概論-資料處理Datamanipulation 什麼是HTTP? #番外:法喜充滿，bug佔滿??當程式碼遇到信仰 計算機概論-作業系統Operatingsystems [擴大徵才]派遣至LINE-TestEngineer軟體測試工程師(APP/Web) Javacrop/cutimage-使用Java批量剪割圖片 區塊鏈與物聯網的兩人三腳 Visualstudio使用者到Rider沒那麼簡單 一週點數排行 更多點數排行 ㊣浩瀚星空㊣(yoching) raytracy(raytracy) 居然解出來了(partyyaya) 尼克(nickliao1) Homura(homura0731) juck30808(juck30808) 海綿寶寶(antijava) 一級屠豬士(hitomitanaka) 天黑(horace_work) mytiny(mytiny) × At 輸入對方的帳號或暱稱 Loading 找不到結果。

標記 {{result.label}} {{result.account}} 關閉