付費限定方格精選

UIUX 工具篇

Ted

更新於 2024/12/14發佈於 2020/12/15閱讀時間約 16 分鐘

要成為一個專職的 UIUX 設計師，需要設計工具來進行工作。在2021 的今天，UIUX 的設計工具有哪些選擇？又會花費多少錢呢？這篇文章將會介紹電腦的選擇以及設計軟體的選用，讓您能對設計工作的工具有所認識。

而設計工具軟體的會花比較多的篇幅介紹市場主流的設計工具軟體，其他的則是會帶上網站連結跟初步介紹，不會深入分析。底下有個簡單的段落分類供您了解這篇文章將會談到什麼：

電腦設備

設計工具軟體

Figma
Sketch
Adobe 系列
Affinity 系列
免費設計工具軟體
其他

🖥 電腦設備

現代的硬體設備如果是今年買的，大多都已經可以順暢的跑繪圖軟體了，但依舊有多種可以供我們做選擇。

PC

PC (Personal Computer) 是個價格跟配置相當彈性的選擇，加上 Windows 作業系統有大量的軟體開發者，因此總能在適合的價位內找到適合的工具。但是因為 Windows 支援的多指互動並不多，因此在作業上跟 Mac 有所不同，而大部分的工作場合為了成本跟習慣考量，大多也會採用 PC 做為主要電腦，在硬體的跑分上，PC 普遍也比同價位的 Mac 分數高出許多。

但在 UIUX 的設計上來說，Windows 是相對少數，之前因為有些 UIUX 好用的工具不支援 Windows 版本，加上開發 iOS 或是支援 Apple 系列的設計主要還是在 Mac 上進行比較多，各何況 Mac 也能開發 Android，因此導致在前幾年的 UIUX 設計師來說，選擇使用 Windows 的人比較少。但現在 Figma、Adobe XD 跟大部分軟體都已經支援 Windows 的系統，限制已經慢慢消失。

目前市面上大部分新買的電腦也都能運行設計工具軟體，但如果要給 UIUX 設計師專屬的電腦，就現在來說，組裝好的 PC 會是這樣的建議：

低階

給處理大部分為 UI、UX 跟視覺設計，平面設計，很少或不需要做影片剪輯，影片後製，3D 模組。

如果是作為 UX 設計師，公司不需你來做 UI，視覺產出，或是 Prototype，動畫的話，平常在做 Wireframe，基本的 flow 跟 Prototype 來做 Testing，那麼低階的電腦就能處理這些事情。如果你在考慮買一台電腦來入門 UX 跟簡單的 UI 設計，那麼可以先考慮從低預算開始：

電腦在挑選上主要還是著重在 CPU 跟記憶體，一般來說多核的 CPU 搭配記憶體已經足夠使用，記憶體的話則是 16 GB 的 RAM 已經夠用。螢幕則是可以挑選 IPS 面板且高解析度（建議 2k 以上）的螢幕，因為有很多時候必須去測試高解析度的網站效果，當然如果預算允許的話。總體而言，組裝這樣的電腦，花費約會在15000～30000元左右。

高階

給處理 UI、UX 跟視覺設計，並需要影片剪輯，影片後製，3D 模組。

這裡適合給 UI 設計， UI 設計的要求相對比較高是因為在實物設計圖 (Mockup)，UI 設計師有時得處理幾百張的 Mockup，有時實物設計圖裡面會包含複雜的視覺，像是幾百層圖層的 Svg 結構，或是超過 5000 px 大小的圖片，並且有時需要協助定義互動的效果以及動畫，更別說 PM 有時候會需要 Demo 用的 Prototype 了。綜合以上情境，是有必要考慮更高階的設備的。

高階這邊考慮的情況也差不多，但是在 CPU 跟記憶體上就要要求更高的等級來達到輸出影片或是輸出 3D 渲染的速度跟穩定度，也因此顯示卡如果不是跑遊戲，就沒有想像中的那麼影響設計工作的速度。記憶體則是 32 GB 的 RAM 相對來說是比較建議的。

而像是 CPU 的分數可以在 Puget Systems 找到各個軟體的跑分數據，來搭配出適合的硬體配件，這邊列出幾個主要的設計工具軟體幫助您來做適合的搭配：

修圖軟體 Photoshop 測試報告

剪輯軟體 Premier 測試報告

影片後製軟體 After Effects 測試報告

而螢幕當然也是建議選擇 IPS 面板且高解析度（2k以上）的螢幕，當然如果預算允許的話，可以考慮 Asus ProArt，螢幕色彩更加準確。桌上型電腦因為沒有內建電池得小心跳電或是停電導致設計師的工作損失。