第1部分 Adobe XD從零到精通 第1章　Adobe XD基礎(chǔ)入門(mén)　1 1.1　Adobe XD簡(jiǎn)介　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的常見(jiàn)問(wèn)題　14 1.4.1　Adobe XD是否是完全免費(fèi)的　14 1.4.2　Adobe XD對(duì)系統(tǒng)版本的要求　14 1.4.3　Adobe XD是否可以離線安裝　15 1.4.4　Adobe XD的卸載　15 1.4.5　能否使用Windows 10的觸控功能操作Adobe XD　16 1.4.6　Adobe XD官方中文版　16 第2章　Adobe XD的設(shè)計(jì)模式詳解　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　畫(huà)板工具　37 2.2.8　縮放工具　39 2.3　Adobe XD的資源面板和圖層面板　40 2.3.1　資源面板　40 2.3.2　圖層面板　45 2.4　重復(fù)網(wǎng)格　47 2.4.1　創(chuàng)建重復(fù)網(wǎng)格　48 2.4.2　為重復(fù)網(wǎng)格添加內(nèi)容　50 2.4.3　批量修改樣式　54 2.5　Adobe XD其他補(bǔ)充知識(shí)　55 2.5.1　蒙版遮罩　55 2.5.2　將文本轉(zhuǎn)換為路徑　57 第3章　Adobe XD的原型模式詳解　59 3.1　Adobe XD的原型模式　60 3.1.1　進(jìn)入Adobe XD的原型模式　60 3.1.2　設(shè)置主界面　60 3.1.3　設(shè)置滾動(dòng)頁(yè)面　61 3.1.4　設(shè)置固定位置　62 3.1.5　設(shè)置頁(yè)面跳轉(zhuǎn)　62 3.1.6　設(shè)置跳轉(zhuǎn)效果　64 3.1.7　錄制交互預(yù)覽效果　67 3.2　在移動(dòng)設(shè)備上預(yù)覽設(shè)計(jì)和原型　68 3.2.1　移動(dòng)版Adobe XD的App安裝　68 3.2.2　Adobe XD文檔　68 3.2.3　實(shí)時(shí)預(yù)覽　69 3.2.4　設(shè)置　70 第4章　Adobe XD的導(dǎo)出和共享　71 4.1　Adobe XD的導(dǎo)出　72 4.1.1　導(dǎo)出畫(huà)板和圖層　72 4.1.2　導(dǎo)出選項(xiàng)　74 4.2　Adobe XD的共享　75 4.2.1　共享原型　76 4.2.2　共享設(shè)計(jì)規(guī)范　78 4.2.3　管理發(fā)布的鏈接　79 第2部分　Adobe XD設(shè)計(jì)實(shí)例 第5章　用Adobe XD設(shè)計(jì)圖標(biāo)　81 5.1　線框圖標(biāo)設(shè)計(jì)　82 5.1.1　搜索圖標(biāo)設(shè)計(jì)　82 5.1.2　燈泡圖標(biāo)設(shè)計(jì)　85 5.1.3　扳手圖標(biāo)設(shè)計(jì)　86 5.2　扁平圖標(biāo)設(shè)計(jì)　88 5.2.1　圖片文件圖標(biāo)設(shè)計(jì)　88 5.2.2　實(shí)驗(yàn)器材圖標(biāo)設(shè)計(jì)　90 5.2.3　花朵圖標(biāo)設(shè)計(jì)　92 第6章　用Adobe XD設(shè)計(jì)UI界面　97 6.1　UI設(shè)計(jì)前的準(zhǔn)備　98 6.2　登錄界面的設(shè)計(jì)　98 6.2.1　輕量化登錄界面設(shè)計(jì)　98 6.2.2　帶鍵盤(pán)交互的登錄界面設(shè)計(jì)　106 6.2.3　傳統(tǒng)的登錄界面設(shè)計(jì)　111 6.3　主界面的設(shè)計(jì)　117 6.3.1　App store的Today界面設(shè)計(jì)　118 6.3.2　旅游App的首頁(yè)設(shè)計(jì)　122 6.4　內(nèi)容界面的設(shè)計(jì)　130 App　store的內(nèi)容頁(yè)設(shè)計(jì)　130 6.5　個(gè)人中心界面的設(shè)計(jì)　132 App　store的個(gè)人中心界面設(shè)計(jì)　132 第3部分　Adobe XD和第三方應(yīng)用的銜接 第7章　將外部資源導(dǎo)入Adobe XD　137 7.1　PSD文件的導(dǎo)入　138 7.1.1　在Photoshop中復(fù)制內(nèi)容　138 7.1.2　用Adobe XD打開(kāi)PSD文件　140 7.2　AI文件的導(dǎo)入　143 7.3　Sketch文件的導(dǎo)入　144 7.3.1　在Sketch中復(fù)制內(nèi)容　144 7.3.2　使用Adobe XD打開(kāi)Sketch文件　146 7.4　其他資源的導(dǎo)入　149 第8章　Adobe XD與藍(lán)湖的銜接　151 8.1　快速上手藍(lán)湖　152 8.1.1　認(rèn)識(shí)藍(lán)湖　152 8.1.2　使用藍(lán)湖前的準(zhǔn)備工作　153 8.1.3　上傳畫(huà)板到藍(lán)湖　154 8.1.4　藍(lán)湖的基礎(chǔ)使用　156 8.1.5　切圖　159 8.2　藍(lán)湖的其他實(shí)用功能　160 8.2.1　團(tuán)隊(duì)管理　160 8.2.2　交互原型　160 8.2.3　在移動(dòng)設(shè)備上預(yù)覽　161 8.2.4　項(xiàng)目文檔　161 第9章　用ProtoPie與Adobe XD銜接制作交互動(dòng)效　163 9.1　ProtoPie的基礎(chǔ)入門(mén)　164 9.1.1　了解ProtoPie　164 9.1.2　ProtoPie的官網(wǎng)　166 9.1.3　ProtoPie的安裝與購(gòu)買(mǎi)　168 9.1.4　ProtoPie的界面　170 9.1.5　ProtoPie的工作邏輯　173 9.1.6　ProtoPie的預(yù)覽和視頻錄制　176 9.1.7　移動(dòng)設(shè)備預(yù)覽原型　176 9.1.8　原型上傳和云端共享　177 9.2　ProtoPie和Adobe XD的銜接　178 9.3　幾種常見(jiàn)交互動(dòng)效的制作　179 9.3.1　滑屏交互動(dòng)效制作　179 9.3.2　翻頁(yè)交互動(dòng)效制作　180 9.3.3　文字輸入交互動(dòng)效制作　182