自動播放
自動完成
上一堂課程
完成並繼續課程
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)
完稿作業
接下來還可以做什麼:向全世界展示你的個人作品!
Scroll Groups:滾動群組
課程內容未解鎖
如果您已經購買此課程,
請您重新登入後再查看
.
購買本課程