零基礎(chǔ)學(xué)Adobe XD產(chǎn)品設(shè)計(jì)

第 1 章 簡述Adobe XD軟件
1．1 概念\t10
1．1．1 Adobe XD軟件來源\t10
1．1．2 共同協(xié)作\t10
1．1．3 未來發(fā)展方向\t10
1．2 特色\t11
1．2．1 體驗(yàn)設(shè)計(jì)\t11
1．2．2 界面設(shè)計(jì)、創(chuàng)建原型、共享文檔\t12
1．2．3 插件支持\t12
1．2．4 Adobe 公司官方改進(jìn)\t13
1．3 項(xiàng)目流程\t14
1．3．1 開發(fā)App軟件的8個(gè)步驟（瀑布式）\t14
1．3．2 Adobe XD軟件的作用\t14
1．4 Adobe XD軟件的安裝\t16
1．4．1 系統(tǒng)要求\t16
1．4．2 準(zhǔn)備材料\t16
1．4．3 安裝過程\t17
第 2 章 入口頁功能使用技巧
2．1 尺寸詳細(xì)介紹（Home）\t19
2．2 附加功能說明 （Add-ons）\t20
2．2．1 Plugins類插件\t21
2．2．2 UI Kits類插件\t22
2．3 從本地計(jì)算機(jī)導(dǎo)入文件（Your Computer）\t23
2．4 知識點(diǎn)案例\t24
第 3 章 菜單功能使用技巧
3．1 新建（New）\t27
3．2 打開 （Open和 Open from Your Computer）\t28
3．3 打開最近文件（Open Recent）\t29
3．4 獲取用戶界面套件（ Get UI Kits ）\t30
3．5 重命名 （Rename）\t31
3．6 保存 （Save） \t33
3．7 另存為 （Save As）\t35
3．8 導(dǎo)出（Export）\t36
3．8．1 所選內(nèi)容（Selected）\t36
3．8．2 導(dǎo)出所有藝術(shù)板資料（All Artboards） \t37
3．8．3 導(dǎo)出到AE軟件做后期（After Effects） \t37
3．9 導(dǎo)入（Import）\t38
3．10 共享（Share）\t39
3．10．1 共享文檔（Share Document）\t39
3．10．2 共享供審查（Share for Review）\t40
3．10．3 共享給開發(fā)人員（Share for
Development）\t42
3．10．4 管理共享的鏈接內(nèi)容
（Manage Links）\t44
3．10．5 錄制視頻（Record Video）\t45
3．11 插件（Plugins）\t46
3．11．1 已安裝的插件\t47
3．11．2 發(fā)現(xiàn)插件（Discover Plugins）\t48
3．11．3 管理插件（Manage Plugins）\t48
3．11．4 開發(fā)（Development）\t49
3．12 幫助（Help）\t51
3．12．1 新增功能（What’s New）\t52
3．12．2 學(xué)習(xí)和支持（Learn & Support）與XD
幫助 （XD Help）\t52
3
．12．3 提供反饋（Provide Feedback）\t53
3．12．4 發(fā)布說明（Release Notes）\t53
3．12．5 XD教程（XD Tutorial）\t53
3．12．6 關(guān)于XD（About XD）\t54
3．12．7 升級XD（Upgrade XD）\t54
3．12．8 管理我的賬戶（Manage My
Account）\t54
3．12．9 注銷（Sign Out）\t54
3．12．10 更新（Updates）\t55
3．13 知識點(diǎn)案例\t55
第 4 章 視圖欄工作區(qū)功能使用技巧
4．1 設(shè)計(jì)視圖（Design）\t62
4．2 原型交互視圖（Prototype）\t62
4．3 文件名顯示（Edit）\t63
4．4 縮放視圖（Zoom）\t63
4．5 手機(jī)預(yù)覽（Mobile Preview） \t65
4．6 計(jì)算機(jī)預(yù)覽（Desktop Preview）\t66
4．7 共享（Share）\t66
4．8 知識點(diǎn)案例\t66
第 5 章 基礎(chǔ)工具欄功能及延伸技巧
5．1 選擇（Select）\t70
5．2 矩形（Rectangle）\t71
5．3 橢圓（Ellipse）\t71
5．4 直線（Line）\t71
5．5 鋼筆（Pen）\t72
5．6 文本（Text）\t74
5．7 藝術(shù)板（Artboard）\t74
5．8 放大（Zoom）\t75
5．9 資源（Assets）\t75
5．10 圖層（Layers）\t76
5．11 下拉功能\t77
5．12 斷開圓形和矩形功能\t79
5．13 將截圖放入圓形里\t80
5．14 知識點(diǎn)案例\t81
第 6 章 美化欄功能使用技巧
6．1 豎線布局設(shè)計(jì)\t87
6．2 橫線布局設(shè)計(jì)\t88
6．3 重復(fù)網(wǎng)格（Repeat Grid）\t88
6．4 圖形大小和位置設(shè)置\t89
6．5 響應(yīng)式調(diào)整大小
（RESPONSIVE RESIZE）\t90
6．6 文字美化（Text）\t91
6．7 外觀美化（APPEARANCE）\t94
6．7．1 外觀美化基礎(chǔ)\t94
6．7．2 漸變色技巧\t96
6．8 知識點(diǎn)案例\t98

第 7 章 原型交互基礎(chǔ)功能使用技巧
7．1 選項(xiàng)圖解\t103
7．1．1 觸發(fā)（Trigger）的選項(xiàng)\t103
7．1．2 動(dòng)作（Action）的選項(xiàng)\t104
7．1．3 動(dòng)畫（Animation）的選項(xiàng)\t105
7．1．4 緩動(dòng)（Easing）的選項(xiàng)\t106
7．2 原型交互案例\t107
7．2．1 交互生成案例\t108
7．2．2 預(yù)覽交互案例\t110
7．2．3 刪除交互鏈接案例\t111
7．2．4 彈出對話框的交互案例\t113
第 8 章 留言本系統(tǒng)項(xiàng)目全流程圖解案例
8．1 流程圖\t116
8．1．1 業(yè)務(wù)流程圖\t116
8．1．2 發(fā)布留言系統(tǒng)流程圖\t116
8．1．3 查看已發(fā)布留言系統(tǒng)流程圖\t118
8．1．4 管理留言系統(tǒng)流程圖\t119
8．2 原型界面圖\t120
8．3 交互圖 \t121
8．4 圖標(biāo)設(shè)計(jì) \t124
8．4．1 新建一個(gè)頁面\t124
8．4．2 創(chuàng)建素材\t125
8．4．3 創(chuàng)建圖形\t125
8．4．4 創(chuàng)建藍(lán)色圓形\t126
8．4．5 組合圖形和素材\t126
8．4．6 將組合變?yōu)榻M\t127
8．4．7 導(dǎo)出為Web格式圖標(biāo)\t127
8．4．8 查看導(dǎo)出文件\t128
8．5 高保真軟件界面圖\t128
8．6 交付開發(fā)\t129
8．6．1 前端開發(fā)\t129
8．6．2 程序開發(fā)\t129
8．7 測試和驗(yàn)收\t130
8．8 上線\t131
第 9 章 企業(yè)網(wǎng)站全流程圖解案例
9．1 設(shè)計(jì)視圖案例\t133
9．1．1 首頁\t133
9．1．2 關(guān)于\t134
9．1．3 產(chǎn)品\t135
9．1．4 新聞\t136
9．1．5 聯(lián)系\t137
9．2 交互視圖案例\t137
9．3 轉(zhuǎn)化為HTML+CSS案例\t138
第 10 章 Adobe XD設(shè)計(jì)案例
10．1 手表天氣應(yīng)用設(shè)計(jì)案例\t141
10．2 鋼琴圖標(biāo)設(shè)計(jì)案例\t146
10．3 路線圖設(shè)計(jì)案例\t159
10．4 名片設(shè)計(jì)案例\t165
10．5 簡歷設(shè)計(jì)案例\t167
10．6 App電商首頁設(shè)計(jì)案例\t177
10．6．1 App原型設(shè)計(jì)圖解技巧\t178
10．6．2 App高保真UI設(shè)計(jì)圖解技巧\t180
10．7 App即時(shí)通信頁面設(shè)計(jì)案例\t180
10．8 商品展示網(wǎng)站頁面設(shè)計(jì)案例\t185
10．9 個(gè)人中心頁面設(shè)計(jì)案例\t197
10．10 平板電腦預(yù)訂酒店頁面設(shè)計(jì)案例\t209
附錄 A 插件大全
A．1 UI Faces 自動(dòng)填充頭像插件\t223
A．2 Polygons多邊形插件 \t224
A．3 Design Hunt圖形填充插件 \t225
A．4 Icondrop圖標(biāo)插件 \t225
A．5 VizzyCharts數(shù)據(jù)可視化插件\t226
A．6 uiLogos圖標(biāo)插件 \t226
A．7 Adjust Size by Shortcut圖形拉伸插件\t227
A．8 Dribbble共享和學(xué)習(xí)插件\t228
A．9 Place Text文本空間占位插件\t229
A．10 Page No．插入頁碼插件 \t229
A．11 Web Export網(wǎng)站格式導(dǎo)出插件 \t230
A．12 Mimic顏色獲取插件\t231
A．13 Material Color Pallets顏色插件\t232
A．14 Calendar日歷插件\t233
A．15 Swapper交換位置插件\t233
A．16 Bullets文本標(biāo)記插件\t234
A．17 Tunda Image填充網(wǎng)絡(luò)圖片插件\t235
A．18 QR Code Maker二維碼插件\t236
A．19 Adobe XD手機(jī)實(shí)時(shí)預(yù)覽\t236