零基礎(chǔ)學Adobe XD產(chǎn)品設計

第 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 體驗設計\t11
1．2．2 界面設計、創(chuàng)建原型、共享文檔\t12
1．2．3 插件支持\t12
1．2．4 Adobe 公司官方改進\t13
1．3 項目流程\t14
1．3．1 開發(fā)App軟件的8個步驟（瀑布式）\t14
1．3．2 Adobe XD軟件的作用\t14
1．4 Adobe XD軟件的安裝\t16
1．4．1 系統(tǒng)要求\t16
1．4．2 準備材料\t16
1．4．3 安裝過程\t17
第 2 章 入口頁功能使用技巧
2．1 尺寸詳細介紹（Home）\t19
2．2 附加功能說明 （Add-ons）\t20
2．2．1 Plugins類插件\t21
2．2．2 UI Kits類插件\t22
2．3 從本地計算機導入文件（Your Computer）\t23
2．4 知識點案例\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 導出（Export）\t36
3．8．1 所選內(nèi)容（Selected）\t36
3．8．2 導出所有藝術(shù)板資料（All Artboards） \t37
3．8．3 導出到AE軟件做后期（After Effects） \t37
3．9 導入（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 學習和支持（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 知識點案例\t55
第 4 章 視圖欄工作區(qū)功能使用技巧
4．1 設計視圖（Design）\t62
4．2 原型交互視圖（Prototype）\t62
4．3 文件名顯示（Edit）\t63
4．4 縮放視圖（Zoom）\t63
4．5 手機預覽（Mobile Preview） \t65
4．6 計算機預覽（Desktop Preview）\t66
4．7 共享（Share）\t66
4．8 知識點案例\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 知識點案例\t81
第 6 章 美化欄功能使用技巧
6．1 豎線布局設計\t87
6．2 橫線布局設計\t88
6．3 重復網(wǎng)格（Repeat Grid）\t88
6．4 圖形大小和位置設置\t89
6．5 響應式調(diào)整大小
（RESPONSIVE RESIZE）\t90
6．6 文字美化（Text）\t91
6．7 外觀美化（APPEARANCE）\t94
6．7．1 外觀美化基礎(chǔ)\t94
6．7．2 漸變色技巧\t96
6．8 知識點案例\t98

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