●部分 Adobe XD從零到精通
章 Adobe XD基礎入門1
1.1 Adobe XD簡介2
1.2 Adobe XD的安裝6
1.2.1 macOS版Adobe XD的安裝6
1.2.2 Windows版Adobe XD的安裝8
1.3 Adobe XD的歡迎界面9
1.4 Adobe XD的常見問題14
1.4.1 Adobe XD是否是接近免費的14
1.4.2 Adobe XD對繫統版本的要求14
1.4.3 Adobe XD是否可以離線安裝15
1.4.4 Adobe XD的卸載15
1.4.5 能否使用Windows 10的觸控功能操作Adobe XD16
1.4.6 Adobe XD官方中文版16
第2章 Adobe XD的設計模式詳解17
2.1 Adobe XD的界面布局18
2.1.1 macOS版Adobe XD的界面布局18
2.1.2 Windows版Adobe XD的界面布局18
2.2 Adobe XD的工具及其用法20
2.2.1 選擇工具20
2.2.2 矩形工具22
2.2.3 橢圓工具31
2.2.4 直線工具31
2.2.5 鋼筆工具31
2.2.6 文本工具35
2.2.7 畫板工具37
2.2.8 縮放工具39
2.3 Adobe XD的資源面板和圖層面板40
2.3.1 資源面板40
2.3.2 圖層面板45
2.4 重復網格47
2.4.1 創建重復網格48
2.4.2 為重復網格添加內容50
2.4.3 批量修改樣式54
2.5 Adobe XD其他補充知識55
2.5.1 蒙版遮罩55
2.5.2 將文本轉換為路徑57
第3章 Adobe XD的原型模式詳解59
3.1 Adobe XD的原型模式60
3.1.1 進入Adobe XD的原型模式60
3.1.2 設置主界面60
3.1.3 設置滾動頁面61
3.1.4 設置固定位置62
3.1.5 設置頁面跳轉62
3.1.6 設置跳轉效果64
3.1.7 錄制交互預覽效果67
3.2 在移動設備上預覽設計和原型68
3.2.1 移動版Adobe XD的APP安裝68
3.2.2 Adobe XD文檔68
3.2.3 實時預覽70
3.2.4 設置70
第4章 Adobe XD的導出和共享71
4.1 Adobe XD的導出72
4.1.1 導出畫板和圖層72
4.1.2 導出選項74
4.2 Adobe XD的共享75
4.2.1 共享原型76
4.2.2 共享設計規範78
4.2.3 管理發布的鏈接79
第2部分 Adobe XD設計實例
第5章 用Adobe XD設計圖標81
5.1 線框圖標設計82
5.1.1 搜索圖標設計82
5.1.2 燈泡圖標設計85
5.1.3 扳手圖標設計86
5.2 扁平圖標設計88
5.2.1 圖片文件圖標設計88
5.2.2 實驗器材圖標設計90
5.2.3 花朵圖標設計92
第6章 用Adobe XD設計UI界面97
6.1 UI設計前的準備98
6.2 登錄界面的設計98
6.2.1 輕量化登錄界面設計98
6.2.2 帶鍵盤交互的登錄界面設計106
6.2.3 傳統的登錄界面設計111
6.3 主界面的設計117
6.3.1 App store的Today界面設計118
6.3.2 旅遊APP的首頁設計122
6.4 內容界面的設計130
App store的內容頁設計130
6.5 個人中心界面的設計132
App store的個人中心界面設計132
第3部分 Adobe XD和第三方應用的銜接
第7章 將外部資源導入Adobe XD137
7.1 PSD文件的導入138
7.1.1 在Photoshop中復制內容138
7.1.2 用Adobe XD打開PSD文件140
7.2 AI文件的導入143
7.3 Sketch文件的導入144
7.3.1 在Sketch中復制內容144
7.3.2 使用Adobe XD打開Sketch文件146
7.4 其他資源的導入149
第8章 Adobe XD與藍湖的銜接151
8.1 快速上手藍湖152
8.1.1 認識藍湖152
8.1.2 使用藍湖前的準備工作153
8.1.3 上傳畫板到藍湖154
8.1.4 藍湖的基礎使用156
8.1.5 切圖159
8.2 藍湖的其他實用功能160
8.2.1 團隊管理160
8.2.2 交互原型160
8.2.3 在移動設備上預覽161
8.2.4 項目文檔161
第9章 用ProtoPie與Adobe XD銜接制作交互動效163
9.1 ProtoPie的基礎入門164
9.1.1 了解ProtoPie164
9.1.2 ProtoPie的官網166
9.1.3 ProtoPie的安裝與購買168
9.1.4 ProtoPie的界面170
9.1.5 ProtoPie的工作邏輯173
9.1.6 ProtoPie的預覽和視頻錄制176
9.1.7 移動設備預覽原型176
9.1.8 原型上傳和雲端共享177
9.2 ProtoPie和Adobe XD的銜接178
9.3 幾種常見交互動效的制作179
9.3.1 滑屏交互動效制作179
9.3.2 翻頁交互動效制作180
9.3.3 文字輸入交互動效制作182