iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 1
1
Modern Web

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven系列 第 1

關於這次 30 天的日更「用 Adobe Xd 進行 UI 使用者介面設計」系列

/images/emoticon/emoticon13.gif關於作者

嗨囉,我是 Riven。
數位遊牧型態的設計師;喜歡在社群上分享設計上的觀察與技巧,撰寫的文章在 Medium 上被選為 #Desgin 領域 Top Writer 作者,同時是 Adobe Xd 官方合作講者,在多間社群機構、企業與大學擔任講師,並與 YOTTA 等平台合作線上課程,累積超過 2000 位學員,業餘經營設計師社群也舉辦超過 100 場 Meetup 小聚。最近則是在挑戰經營 Youtuber 影片頻道,看到這邊可能會感覺生活很充實,但其實更喜歡宅在家裏打電動 ..

/images/emoticon/emoticon82.gif系列簡介

「用 Adobe Xd 進行 UI 使用者介面設計」- Riven

「Adobe Xd」是 Adobe 軍團最新推出的 UI/UX 設計工具,徹底整合以往僅用 Illustrator、Photoshop 的設計流程,現在還可以將設計稿直輸到 After Effects 做動態介面設計。

現在,我們能用 Adobe Xd 完成線框稿、介面設計以及製作原型,在同一個軟體中搞定。

還支援全球設計師通用的原型設計軟體 ProtoPie、標註協作工具 Zeplin等,更可以使用擴充外掛搭配各種線上生產力工具,提升團隊協作效力。

隨著使用者愈來愈多,但網路上的教學與解答還並不是太多,我希望透過這系列文章的推廣,讓更多朋友能成為 Adobe Xd 社群的一員 :)

適合哪些人閱讀

目標讀者設定為想踏入 UI/UX 設計的新手。無論是非本科系大學生,或是各領域的工作者,在我們這行 IT 科技與網路產業有個很棒的特點是,只要想開始任何時候都不嫌晚。
即便之前沒有接觸過電腦繪圖相關軟體也沒關係,剛好可以透過 Adobe Xd 入門(操作簡單)!

需要先準備什麼

一台電腦,PC(Windows) 或 MacOS 系統都可以!(這超棒的~)而且有免費方案可以直接安裝下載
比較需要注意的是目前系統需求為 Win10 1703 以上版本,詳細系統需求請點此 Adobe XD system requirements

免費方案對於學習來說是足夠的,若您想擴充完整版,可以訂閱 Adobe CC
目前 Adobe 軟體是走訂閱制,每月付費後即可使用 Illustrator / Photoshop / Adobe Xd..等多種設計軟體工具。

目前 Adobe Xd 尚無支援 Ubuntu(Linux),若您是想學 UI 設計的開源軟體的信仰者,可以參考 Figma


/images/emoticon/emoticon22.gif相關連結


下一篇
「欸!你覺得 Sketch 還是 Adobe XD 哪個比較好用?」
系列文
「用 Adobe Xd 進行 UI 使用者介面設計」- Riven3
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Riven 林育正
iT邦新手 5 級 ‧ 2019-09-02 18:10:52

感謝邦友來訊詢問,在此公開回答。

我是做平面設計的,如果想自學 UI,有推薦的課程嗎?

如果只是想學習軟體,建議先下載 Adobe Xd 自己摸熟,不用去上課。

然後,再 Google 查資料,養成上網爬梳的習慣,畢竟之後若想待在網路、資訊產業,自己找資料(大多是國外的英文)跟解決問題能力還滿基本的。

只是 UI 設計還涵蓋了許多設計流程、設計方法以及較深的理論基礎,這部分我曾經整理撰寫過「介面設計師轉職之路 (UI Designer Road Map)」 也許能指引一些方向 :)
https://ithelp.ithome.com.tw/upload/images/20190902/20120492dYS2bitW0A.png

我要留言

立即登入留言