鐵人賽:別使用平面繪圖軟體繪製UI 設計 | 社區大學終身學習網
![鐵人賽:別使用平面繪圖軟體繪製UI 設計](https://i.imgur.com/1IaoGs0.jpg)
2018年10月16日—而這些活動結束後,都會有些朋友詢問到:「一定要用Sketch來做設計嗎?Illustrator或Photoshop不足夠嗎?」,我總是會不厭其煩的回答此問題,告訴這些 ...
![鐵人賽:別使用平面繪圖軟體繪製UI 設計](https://i.imgur.com/1IaoGs0.jpg)
除了前端課程外,自己也是有辦一些額外的活動,而這些都會說到我是一名設計師轉職的前端工程師,除了介紹前端外,我也會介紹一些設計觀念。介紹時我大多都會使用 Sketch 來進行說明,主要原因是 Sketch 的工具非常貼近於網頁及 UI 上的開發。
而這些活動結束後,都會有些朋友詢問到:「一定要用 Sketch 來做設計嗎?Illustrator 或 Photoshop 不足夠嗎?」,我總是會不厭其煩的回答此問題,告訴這些工具可以糾正的事項,本篇也會依據這些問題來回答為何要替換工具。 (除了 Sketch 外,Adobe XD 也是個好選擇)
在過去僅有 Sketch 是主要的 UI 設計工具,且該軟體只有在 Mac 上才能運行,而現在 Adobe XD 趨近成熟,且大多用戶都有使用 Adobe 工具,所以轉換上並非有太大問題。而好的工具能夠協助設計師正確學習,而不好的工具無法學習正確觀念,還同時浪費共事者的時間。
為何不使用 Illustrator 及 Photoshop首先,這兩套軟體設計上是平面設計為導向,許多設定都不是給予 UI 使用的,所以非 UI 出身的設計師(如:平面設計師)很容易將平面設計的觀念帶到網頁設計上,這導致「無法學習正確觀念」、「造成溝通上的問題」、「浪費多餘的開發時間」,也直接的影響團隊之間的協作關係,所以不太推薦設計師使用這兩套軟體做開發。
當然也有許多例外,也是有設計師能夠透過這兩套工具完成許多驚艷的 UI 設計,上述的起因在於「對於網頁開發不熟悉」所造成的,如果具有以下能力,就非必要使用 Sketch 或 Adobe XD 的繪圖軟體。
熟悉網頁設計規範者 設計與前端開發都是同一人 正確的工具能糾正觀念由於 AI 與 PS 這兩套工具是以平面設計為導向,所以這些設定與網頁中能運用的數值差異頗大,以下我列出常見的不同點:
網頁都是 RGB 模式,沒有 CMYK 的選項 ...Sketch vs. Photoshop 哪個才適合UI設計? | 社區大學終身學習網
UI設計師必備的Adobe Illustrator CC 應用技能 | 社區大學終身學習網
使用Adobe Illustrator 做UI 设计——前言 | 社區大學終身學習網
使用Adobe Illustrator 做UI設計教程 | 社區大學終身學習網
在App Store 上的「ai教程 | 社區大學終身學習網
如何在四小时内学会用Ai 做UI? | 社區大學終身學習網
設計AI使用者體驗(UX of AI&ML Products). 三個基本原則:期望 | 社區大學終身學習網
鐵人賽:別使用平面繪圖軟體繪製UI 設計 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
PS美工設計影像創意哪裡學?南投縣貓羅溪社區大學開課資訊
想要學習PS美工設計影像創意可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
多媒體設計學程(三):Photoshop 超簡單編修技哪裡學?新北市永和社區大學開課資訊
想要學習多媒體設計學程(三):Photoshop超簡單編修技可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學...
![](https://i.imgur.com/1IaoGs0.jpg)
排版、書冊與互動電子書製作哪裡學?臺北市萬華社區大學開課資訊
想要學習排版、書冊與互動電子書製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識...
![](https://i.imgur.com/1IaoGs0.jpg)
自由軟體影像編修不求人哪裡學?花蓮縣社區大學開課資訊
想要學習自由軟體影像編修不求人可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
PS美工設計影像創意哪裡學?南投縣貓羅溪社區大學開課資訊
想要學習PS美工設計影像創意可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
◆巧繪插畫~Illustrator哪裡學?臺北市大安社區大學開課資訊
想要學習◆巧繪插畫~Illustrator可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
PHOTOSHOP影像編輯入門(後製修容塑身)哪裡學?宜蘭縣羅東社區大學開課資訊
想要學習PHOTOSHOP影像編輯入門(後製修容塑身)可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種...
![](https://i.imgur.com/1IaoGs0.jpg)
Photoshop美工設計哪裡學?南投縣貓羅溪社區大學開課資訊
想要學習Photoshop美工設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
數位影像編修中級哪裡學?桃園市蘆山園社區大學開課資訊
想要學習數位影像編修中級可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大...
![](https://i.imgur.com/1IaoGs0.jpg)
讓您成為Photoshop視覺設計達人哪裡學?臺北市萬華社區大學開課資訊
想要學習讓您成為Photoshop視覺設計達人可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、...
![](https://i.imgur.com/1IaoGs0.jpg)
數位影像彩粧(初階)哪裡學?臺北市士林社區大學開課資訊
想要學習數位影像彩粧(初階)可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦數位影像處理基礎哪裡學?臺北市中正社區大學開課資訊
想要學習電腦數位影像處理基礎可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
Photoshop 影像平面6堂必修哪裡學?臺北市松山社區大學開課資訊
想要學習Photoshop影像平面6堂必修可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
illustrator向量繪圖平面美工設計哪裡學?臺北市松山社區大學開課資訊
想要學習illustrator向量繪圖平面美工設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能...
![](https://i.imgur.com/1IaoGs0.jpg)
PHOTOSHOP 的照片後製修圖技巧哪裡學?新竹縣竹東社區大學開課資訊
想要學習PHOTOSHOP的照片後製修圖技巧可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知...