Adobe XD:網頁設計真容易
4.3 (157 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
716 students enrolled

Adobe XD:網頁設計真容易

學會使用 Adobe XD 繪製屬於自己的網頁設計稿
4.3 (157 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
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
六角學院線上學員社團
00:32
Adobe XD 安裝流程
00:28
將 Adobe XD 更換成中文介面
00:28
免費作業上傳空間
00:16
Adobe XD 繁中詞彙與熱鍵表
00:08
+ 基本設計觀念
5 lectures 19:05
RGB 與 CMYK
02:25
解析度
02:28
網頁設計與平面設計的差異
04:23
字體介紹:襯線、無襯線
06:34
+ 軟體基礎操作
16 lectures 01:26:36
【小提醒】別忘了課後小練習
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
+ 進階工具運用:格線、圖樣、規範
11 lectures 57:36
在 Adobe XD 上使用格線系統
06:12
使用格線設計響應式網頁
04:14
Repeat Grid - 格線化複製
06:09
設定屬於網頁的規範:資產庫介紹
13:52
官方資源運用
05:57
外部連結的圖樣
06:00
使用現成的圖示資源
02:59
Adobe XD 插件介紹
02:25
【章節作業】製作你的設計規範
01:14
章節作業說明
00:17
+ 設計檔案的預覽與匯出
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
+ 設計師必備能力:規劃並設計一個商務網站
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