課程推薦
與此堂課程的差異在於專注於前端設計開發
包括Adobe Illustrator、Adobe Photoshop出圖、Zeplin、Sketch、Html、Css動畫、jQuery、SVG、RWD響應式設計、業界常用前端設計框架、程式碼管理、設計切版、開發流程等應用。
社團連結
課程介紹
新的世代，新的產業，UI 設計師成為設計市場上最搶手的職缺之一
AI 的崛起，機器廣泛的運用在我們生活中，因此人與介面的溝通（HCI）越來越頻繁且重要。UI 是在資訊時代中與使用者溝通的唯一媒介，而 UI 設計師就是這過程中不可或缺的角色之一。
職缺不斷釋出，意味著這個職位越趨重要！但許多想跨入介面設計這個產業朋友們總是有這樣的疑問，當一個 UI 或網頁設計師是不是一定要先花一大筆錢買一台 Mac 電腦呢？
其實從我與許多已經在業界的設計師朋友身上的經驗來看，非常多大公司的設計部門其實都是用 Windows 系統，而他們所使用的設計軟體就是強大的 Adobe 系列軟體。他們當然不會讓 UI / UX 這個趨勢專美於 Mac，因此有了最近討論度很高的 Adobe XD 新的 UI / UX 原型設計工具！就讓我們來了解最新的設計趨勢吧！
課程介紹
一直以來當我們談到網頁設計，Adobe Photoshop 幾乎是大家的共通語言，然而近年 UI 設計崛起，越來越多針對介面設計的工具出現。
2010 年出的 Sketch 贏得許多 Mac 設計人使用者的心，不過並不是每個設計師都想花這麼高昂的費用去買一台 Mac 電腦，因此 Photoshop 在 Windows 系統佔據主流的世界，在目前還是非常普遍的介面設計工具。
令人振奮的是，Adobe 在 2016 年 2 月推出了一套與 Skech 相同，為了 UI / UX 打造的設計軟體——Adobe Experience Design，簡稱 XD。
與 Sketch 不同的是 ，Adobe XD 不只能在 Windows 系統上操作，也能在 Mac 電腦上操作。因此國外的使用人數正快速的增加，相信在未來必會成為 UI 主流的原型設計工具，這堂課程，就讓我們來帶領大家快速的上手 Adobe XD！
這將會是一門扎實的課程，從網頁與 App 重要觀念，到軟體應應用、設計溝通都有完整的內容與練習。
初學者能全方位掌握的基礎課程
如果你是新手也不要擔心！跟著課堂練習，你將很快的上手核心工具、了解設計慣例並累積更多作品。每個人都是從 0 開始學習的，而這堂課程，就是要帶領自學的你繞過那些冤枉路，用最有效率的方法正確的學習，包含從入門到進階的概念。而我們會從以下幾個方向切入，並以影片錄製的教學方式，手把手的帶大家完成作品～
在職設計師也可以吸取我們的經驗提升自我實力
如果你已經是在職設計師，期待這堂課可以給你新的想法與資訊，包含改善使用者體驗、增加轉換率也學習最新的原型設計工具。
課堂中會帶入我入行以來增加流量的一些小技巧。除此之外，學習新的原型設計工具，跟上時代變化絕對是設計師不被新一代淘汰的不變法則。讓我們一起掌握設計最新的趨勢！
第一階段：由淺入深的了解 UI / UX 的意義與流程 - 打下穩固基礎
要成為一個好的 UI / UX 設計師，絕對不只是知道如何操作軟體。了解背後的精神與用途，結合對於美的解析與判斷，才能真正地說服業主並與工程師良好協作，奠定不易取代的角色。
在第一階段中，我們會從 UI / UX 基本概念開始講解起，讓你知道這個新產業的責任與位置，以及整個發展的流程。從 UI flow 認識到 flow chart 的觀念整合，再由此創造印證 wireframe 的畫面。
第二階段：Adobe XD 的入門操作到進階應用
了解觀念與流程後，就可以實際在軟體中實現。這個部分我們會逐一介紹 Adobe 最新的原型工具 Adobe XD，並讓你在短時間內從入門到熟練軟體技巧。
第三階段：Adobe Photoshop 的入門操作到進階應用
雖然為了方便區分，UI / UX 設計在台灣大多數被意旨為 App 設計，但是其實 UI / UX 包含了所有裝置設備的使用者介面。而目前需求最多的就是大家每天都在使用的 website 和 App 了。搜尋職缺訊息，其實你會發現兩者是都是常見的加分條件。因此我們也在課堂中增加了網頁設計的教學，希望大家能培養更強大的競爭力。這一部分，將會帶你快速熟練 Photoshop 的介面與最常使用到的工具（教學將使用 Photoshop CC）。
而其他有經驗的設計師也不要擔心，在這裡我會整理出 Photoshop CC 的新功能與插件，讓你在作業上更有效率！
不管是公司還是個人，品牌是很重要的，馬上示範如何利用 AI 做出自己的網站 Logo
第四階段：iOS App 觀念
在這一階段我們將學習 iOS 開發的基礎概念、正確的程式觀念與邏輯。從基本的流程架構開始，實際嘗試設計 iOS 的介面與 icon，同時也會帶著你瞭解該如何閱讀 Apple 的 Human Interface Guidelines 來滿足基本的設計規範。
第五階段：網站設計範例指導
模仿就是最快的學習方法。因此這裡我們會利用約 7-10 個單元，帶你從頭到尾練習一次，讓你快速地進入狀況，並在之後的小作業中更能發揮自如！什麼樣的構圖，能讓你的網頁不再死板板，這邊也帶你一起思考這個問題！在範例中，老師們會一邊實作、一邊告訴你們每一個動作背後的理由（例如：按鈕擺放的位置，大小⋯等規則），跟著這些步驟思考一次，對之後獨立作業會非常有幫助。從零開始跟著我們的教學教材一起做，並完成你的第一個網站吧！
第六階段：App 設計範例指導
為了讓大家有更多的練習。這裡我們也會利用約 7-10 個單元的篇幅，帶你從頭到尾走一次 App 設計範例製作，完成你的第一個 App 設計吧！
第七階段: 課堂小作業與課後指導
在帶你 run 過兩個精選的業界專案後，同學就可以自行做出完整的 App 和網頁的專案囉！課堂外也會提供許多好用的素材與練習作業，我們會親自批改並給予建議。課程結束後，你不但會熟悉整個設計流程且清楚了解設計需求，也能獨立發想並完成設計稿繪製。
導師作品區
關於講師團隊
Ellie
美術科班出身，畢業於實踐大學工業產品設計學系，不務正業的來玩人機介面。
目前於 amazon 官方第三方軟體公司擔任設計師，除了開發官網也負責 marketing 相關網站開發。
從大學開始就是接案達人，擁有七年業界經歷。
Louis（Adobe XD課程/UX課程）
台大 D.thinking 不一樣思考社幹部
台大創意設計學院設計思考課程助教
在知名新媒體、電商和外商專案公司
分別擔任 UI/UX 設計師、專案執行企劃、前端設計、前端工程
近期任職於
台達電子前端工程師
遊戲橘子設計和網站技術顧問
講師經歷一年
Alan（課程指導）
工業設計背景，帶著具條理的理性邏輯思考在介面設計領域遊玩中。
重度手遊患者、每週都要看電影的男子、英雄漫畫死忠粉絲，用這些嗜好填滿不斷消耗的設計靈感。
曾任自有產品公司經手全平台開發與設計經驗
現任果思設計的設計指導、講師經驗一年
經手專案包括：國泰世華、第一銀行-考量複雜金流規則和注重安全性的銀行專案、品牌導向的介面設計到遊戲化的導入（例如：遠傳、王道銀行、Nespresso），並且目前致力於補教領域傳播中二功力。
