Adobe XD：網頁設計真容易
716 students enrolled
Adobe XD：網頁設計真容易
學會使用 Adobe XD 繪製屬於自己的網頁設計稿
716 students enrolled
Price:
$44.99
30-Day Money-Back Guarantee
This course includes
- 4.5 hours on-demand video
- 17 articles
- 15 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Training 5 or more people?
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business
What you'll learn
- 認識 Adobe XD 這套軟體，並學會基本操作
- 能夠使用 Adobe XD 完成一個網頁設計稿
- 了解如何繪製網頁設計稿的基本概念
Requirements
- Adobe XD CC
- 作業系統最低需求：Windows 10 Version 1703 / macOS X v10.12 以上
Description
Adobe Experience Design（Adobe XD）是一套專門設計給 UI 介面設計的繪圖軟體。不僅與 Adobe 其他軟體的相容性高（Ai、Ps、Ae），只透過 Adobe XD 就能完成設計、原型、溝通等多項工作，更有免費版本可以使用；絕對是入門網頁設計專業軟體的第一選擇！
本課程共分成六個單元，將一步步帶領學員從操作到實作，進而體會 Adobe XD 這套軟體的強大之處，也會搭配隨堂練習來溫習各個章節學到的知識。此外，還會講解設計上的基本知識以及實務心法，儘管從來沒有接觸過設計，也能獨自規劃出一份邏輯滿分的網頁設計稿。現在，就開始一起學習 Adobe XD 吧！
Who this course is for:
- 有繪製網頁設計稿需求，卻不會使用專業軟體
- 想要學習如何使用 Adobe XD 來繪製網頁設計稿
Course content
Expand all
69 lectures
04:40:35
+
–
介紹
8 lectures
07:14
+
–
軟體基礎操作
16 lectures
01:26:36
Preview
06:15
【小提醒】別忘了課後小練習
00:09
Artboard：畫布工具
04:11
Appearance：物件外觀樣式
08:45
Polygon：多邊形工具
02:30
操作技巧與控制鍵
09:17
Pen：鋼筆工具與貝茲曲線
08:13
Text：文字工具
07:03
Group & Layer：群組與圖層
09:51
Align & Boolean：對齊與布林運算
06:17
Stack & Padding：堆疊與內間距
04:47
Import & Mask：圖片匯入與遮色片
09:54
Blend Mode：色彩混合模式
01:56
Cloud Document：雲端檔案
02:21
【章節作業】使用 Adobe XD 小試身手
04:46
【小提醒】章節作業繳交
00:20
+
–
設計檔案的預覽與匯出
12 lectures
45:31
PNG、JPG 與 SVG 的運用
05:28
【小提醒】別忘了課後小練習
00:09
Export：圖片匯出設定
05:26
Design Specs：設計標注檔
05:41
Share：匯出模式
02:47
Prototype：原型設計（上）
07:31
Prototype：原型設計（中）
05:28
Prototype：原型設計（下）
05:01
Scroll Groups：滾動群組
03:05
Design Review：線上原型互動連結
03:09
【章節作業】匯出你的設計稿
01:20
【小提醒】章節作業繳交
00:26
+
–
網頁設計心法篇
6 lectures
28:13
+
–
設計師必備能力：規劃並設計一個商務網站
11 lectures
36:18
本章節目標說明
00:37
課程範例說明
00:35
透過 User Story、網站地圖、單色稿規劃設計方向
10:34
User Story 撰寫示範
07:07
段落作業：User Story 及 網站地圖
00:47
選出一個主色，並找出延伸色彩
03:59
段落作業：單色稿
07:29
單色稿設計細節說明
00:38
章節最終作業：完稿設計
03:17
完稿作業
00:29
接下來還可以做什麼：向全世界展示你的個人作品！
00:45