Udemy線上課程 從 Adobe XD 入門網頁設計 講師:Riven 林育正 影音教學 中文發音 繁體中文版(DVD版)
初學者友善!跟著這門線上課程練習,你將很快的上手軟體工具、了解設計概念並嘗試創作作品。講者將帶領你繞過那些自學的冤枉路,用有效率且系統化的方法學習,取得 UI/UX設計的敲門磚。
每一位參與的學員都將進入課後交流的臉書社團,任何問題都可以在上面進行討論,當然,你也可以透過線上問答取得我們的協助 :)
並且,這是一堂會根據使用者(學員) 的反饋持續迭代的課程,若對於目前的內容有任何想法,可以隨時跟我說,將進行內容的追加;不定期的新增專案示範,讓大家可以持續加溫學習熱度。
同時,也會根據Adobe XD官方釋出的改版、與最新功能進行影片整理新增上來,購買一次,終生學習。
--
設計界佔有一席之地的的軟體公司Adobe 在2018年 5/16 日宣佈推出Adobe XD CC起步方案(Adobe XD CC Stater Plan),免費提供全面整合的UX/UI設計平台。
Adobe XD成為目前唯一結合設計、建立原型功能與提供工業級效能的跨平台體驗設計平台,且能夠整合設計師的現有工作流程及Photoshop CC和Illustrator CC等工具。
【從 Adobe XD 入門網頁設計】課程大綱
第一章節「UI/UX設計概論」:讓我們先來了解為什麼要做 UI/UX設計,從數位產品的開發歷史到現在一般的網頁設計架設有哪些不同之處。
第二章節「Adobe XD入門工作坊」:還沒有用過 Illustrator 、 Sketch 的同學可以在這裡對介面設計軟體有基礎認識。
第三章節「規劃 Wireframe 線框稿」:運用入門技巧來實際進行線框稿 (Wireframe) 的製作,並在其中帶到設計實務上需要注意的項目。
第四章節「製作 Prototyping 原型」:到了這裡你可以製作真正 UI 設計稿畫面,並同樣透過專案的方式,理解商業專案中可能會遇到的挑戰。
完成之後邀請你一起在我們的社群中一塊挑戰 Daily UI Challenge,透過每天不同的題目練習,持續精進自己的UI設計能力。
你將會學到的
習得基礎電腦繪圖,並可以自己繪製 icon、圖像等
練習自己做一套網頁的 Wireframe 線框稿
知道怎麼運用數位工具,找到適合專案的圖庫、字體、插圖?,等等
快速上手 Adobe XD 軟體操作
學習過程中有問題隨時討論
實際設計一套網頁的 Prototype 設計稿原型並可進行互動
取得 UI/UX設計的入門磚!
├─01 UI_UX 設計概論
│ 001 Adobe XD 介紹-zh.srt
│ 001 Adobe XD 介紹.mp4
│ 002 Adobe XD 課程概要.mp4
│ 002 Adobe-XD-.txt
│ 002 Daily-UI-100-FB-.txt
│ 002 Riven-.txt
│ 003 這是一門會根據使用者回饋而迭代的線上課程.mp4
│ 004 產品開發歷史、一般開發流程(瀑布流)與精實開發流程.mp4
│
├─02 Adobe XD 入門工作坊
│ 005 -Adobe-XD-.txt
│ 005 Artboard 畫布介紹.mp4
│ 006 形狀、大小與縮放.mp4
│ 007 顏色與 Assets運用.mp4
│ 008 高手都用快捷鍵!.mp4
│ 009 鋼筆與貝茲曲線.mp4
│ 010 施放文字 與 Character Assets.mp4
│ 011 XD的特殊功能:Repeat Gird.mp4
│ 012 置入 Illustrator_Sketch與外部圖片、高斯模糊效果.mp4
│ 013 案例練習 -- Social icon.mp4
│ 014 來畫一隻小叮噹吧!從塗鴉開始.mp4
│
├─03 規劃 Wireframe 線框稿
│ 015 【規劃 Wireframe 線框稿】前導.mp4
│ 016 如何使用 Wireframe Kit.mp4
│ 017 製作Menu選單線框稿 以及 Symbol的基本運用.mp4
│ 018 放置預設圖以及假文假字 Lorem ipsum.mp4
│ 019 製作 部落格(Blog) 區塊線框稿 、Repeat Grid的基本運用.mp4
│ 020 聊聊 Webfont 網頁字體.mp4
│ 021 專案實作 -- 會員註冊流程《使用者登入畫面》.mp4
│ 022 專案實作 -- 會員註冊流程《個人資料填寫》.mp4
│ 023 專案實作 -- 會員註冊流程《方案選擇》.mp4
│ 024 專案實作 -- 會員註冊流程《付款方式》.mp4
│ 025 專案實作 -- 會員註冊流程《互動模型》.mp4
│ 026 作業 -- 製作 Wireframe 線框稿.mp4
│
├─04 製作 Prototyping 原型
│ 027 用 Moodboard 搜集靈感.mp4
│ 028 匯入圖片到 XD 的兩種方法.mp4
│ 029 專案實作 -- 部落格《主選單製作》.mp4
│ 030 專案實作 -- 部落格《設計導覽卡片》.mp4
│ 031 專案實作 -- 部落格《部落格文章樣式》.mp4
│
└─05 網頁設計素材蒐集
032 Find-a-photo.txt
032 Pakutaso.txt
032 pexels.txt
032 設計稿常用圖庫推薦.mp4
033 undraw.txt
033 拼湊插畫向量素材.mp4
034 -.txt
034 用人工智慧製作 LOGO 放置網頁上.mp4
035 Font-Ninja.txt
035 忍術偷看網頁用什麼字體之術.mp4
036 -.txt
036 一次擷取整個網頁.mp4
|
|