自動播放
自動完成
上一堂課程
完成並繼續課程
670193
Adobe XD：網頁設計真容易
介紹
六角學院線上學員社團
課程介紹 (3:07)
Adobe XD 安裝流程
Adobe XD 免費版與付費的差異（2022 年 7 月起，Adobe XD 已改為全付費版本） (1:59)
將 Adobe XD 更換成中文介面
免費作業上傳空間
Adobe XD 繁中詞彙與熱鍵表
Bootstrap 4 UI 設計模板
Apple M1 觀看公告
基本設計觀念
向量是什麼 (3:43)
RGB 與 CMYK (2:25)
解析度 (2:28)
網頁設計與平面設計的差異 (4:23)
字體介紹：襯線、無襯線 (6:34)
軟體基礎操作
Adobe XD 整體介面簡介 (6:15)
【小提醒】別忘了課後小練習
Artboard：畫布工具 (4:11)
Appearance：物件外觀樣式 (8:45)
Polygon：多邊形工具 (2:30)
操作技巧與控制鍵 (9:17)
Pen：鋼筆工具與貝茲曲線 (8:13)
Text：文字工具 (7:03)
Group & Layer：群組與圖層 (9:51)
Align & Boolean：對齊與布林運算 (6:17)
Stack & Padding：堆疊與內間距 (4:47)
Import & Mask：圖片匯入與遮色片 (9:54)
Blend Mode：色彩混合模式 (1:56)
Cloud Document：雲端檔案 (2:21)
【章節作業】使用 Adobe XD 小試身手 (4:46)
【小提醒】章節作業繳交
進階工具運用：格線、圖樣、規範
格線系統的基礎概念 (8:17)
在 Adobe XD 上使用格線系統 (6:12)
使用格線設計響應式網頁 (4:14)
Repeat Grid - 格線化複製 (6:09)
設定屬於網頁的規範：資產庫介紹 (13:52)
官方資源運用 (5:57)
外部連結的圖樣 (6:00)
使用現成的圖示資源 (2:59)
Adobe XD 插件介紹 (2:25)
【章節作業】製作你的設計規範 (1:14)
章節作業說明
設計檔案的預覽與匯出
PNG、JPG 與 SVG 的運用 (5:32)
【小提醒】別忘了課後小練習
Export：圖片匯出設定 (5:26)
Share：匯出模式 (2:47)
Design Specs：設計標注檔 (5:41)
Prototype：原型設計（上） (7:31)
Prototype：原型設計（中） (5:28)
Prototype：原型設計（下） (5:01)
Scroll Groups：滾動群組 (3:05)
Design Review：線上原型互動連結 (3:09)
【章節作業】匯出你的設計稿 (1:20)
【小提醒】章節作業繳交
網頁設計心法篇
章節介紹
網頁選色技巧：使用少量色彩突顯重點 (8:56)
字體的運用概念 (4:47)
群組化的視覺概念 (5:09)
共用的間距：讓排版設計具有一致性 (5:09)
響應式圖片選擇的方法 (4:16)
設計師必備能力：規劃並設計一個商務網站
本章節目標說明 (0:37)
課程範例說明
透過 User Story、網站地圖、單色稿規劃設計方向 (10:34)
User Story 撰寫示範 (7:07)
段落作業：User Story 及 網站地圖
選出一個主色，並找出延伸色彩 (3:59)
段落作業：單色稿 (7:29)
單色稿設計細節說明
章節最終作業：完稿設計 (3:17)
完稿作業
接下來還可以做什麼：向全世界展示你的個人作品！
共用的間距：讓排版設計具有一致性
/courses/670193/lectures/11954328/hotmart_lecture_video_download_link/24197945
670193
完成並繼續課程