Adobe XD:網頁設計真容易
4.5 (101 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.
584 students enrolled

Adobe XD:網頁設計真容易

學會使用 Adobe XD 繪製屬於自己的網頁設計稿
4.5 (101 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.
584 students enrolled
Last updated 4/2019
Traditional Chinese
Price: $44.99
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 16 articles
  • 11 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ 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 61 lectures 04:16:19
+ 介紹
6 lectures 05:24
六角學院線上學員社團
00:07
免費作業上傳空間
00:05
Adobe XD 繁中詞彙與熱鍵表
00:02
+ 基本設計觀念
5 lectures 19:05
RGB 與 CMYK
02:25
解析度
02:28
網頁設計與平面設計的差異
04:23
字體介紹:襯線、無襯線
06:34
+ 軟體基礎操作
12 lectures 01:13:21
【小提醒】別忘了課後小練習
00:00
Artboard:畫布工具
04:11
Appearance:物件外觀樣式
08:45
操作技巧與控制鍵
09:17
Pen:鋼筆工具與貝茲曲線
08:13
Text:文字工具
05:23
Group & Layer:群組與圖層
09:51
Align & Boolean:對齊與布林運算
06:17
Import & Mask:圖片匯入與遮色片
09:54
【章節作業】使用 Adobe XD 小試身手
04:46
【小提醒】章節作業繳交
00:04
+ 進階工具運用:格線、圖樣、規範
11 lectures 45:47
在 Adobe XD 上使用格線系統
06:12
使用格線設計響應式網頁
04:14
Repeat Grid - 格線化複製
06:09
設定屬於網頁的規範:資產庫介紹
08:16
官方資源運用
04:15
外部連結的圖樣
02:09
使用現成的圖示資源
02:59
Adobe XD 插件介紹
02:25
【章節作業】製作你的設計規範
00:46
章節作業說明
00:05
+ 設計檔案的預覽與匯出
10 lectures 45:28
PNG、JPG 與 SVG 的運用
05:28
【小提醒】別忘了課後小練習
00:00
Export:圖片匯出設定
05:26
Design Specs:設計標注檔
09:55
Prototype:原型設計(上)
11:42
Prototype:原型設計(中)
05:53
Prototype:原型設計(下)
05:32
【章節作業】匯出你的設計稿
01:20
【內容更新】匯出文字修改與雲端檔案
00:07
【小提醒】章節作業繳交
00:04
+ 設計師必備能力:規劃並設計一個商務網站
11 lectures 33:45
本章節目標說明
00:37
課程範例說明
00:03
透過 User Story、網站地圖、單色稿規劃設計方向
10:34
User Story 撰寫示範
07:07
段落作業:User Story 及 網站地圖
00:20
選出一個主色,並找出延伸色彩
03:59
段落作業:單色稿
07:29
單色稿設計細節說明
00:07
章節最終作業:完稿設計
03:17
完稿作業
00:03
接下來還可以做什麼:向全世界展示你的個人作品!
00:08