Christopher Smith - Adobe Creative Cloud All-in-One For Dummies

44 Book 6 Chapter 7FIGURE 7-1: Make artwork that you wish to reuse frequently as a component.FIGURE 7-2: The original component is on the left, a copy on the right.FIGURE 7-3: A change in color is reflected in all instances but a change in the...FIGURE 7-4: Save frequently used colors in the Libraries panel.FIGURE 7-5: Update all color instances automatically by saving the color in the...FIGURE 7-6: Publish your XD file as a library to share its assets with others.FIGURE 7-7: Share your library at any time by selecting the Share Library icon ...FIGURE 7-8: Click the arrow to the left of Document Assets to find your publish...FIGURE 7-9: The Material Design kit provides patterns and other UI elements.

45 Book 6 Chapter 8FIGURE 8-1: Define the first page as your Home. It turns blue, indic...FIGURE 8-2: Click and drag from the connector to wire the button object to the ...FIGURE 8-3: You can preview interactions using the Preview button in XD.FIGURE 8-4: Activate an object in the Prototype mode by clicking the blue conne...FIGURE 8-5: Create a rectangle that will represent a navbar. Make sure to name ...FIGURE 8-6: Clone the artboards and drag one rectangle down, but not totally ou...FIGURE 8-7: Implementing the drag feature with animation.FIGURE 8-8: Apply the Drag trigger to only the small images on either side of t...FIGURE 8-9: You can delete an existing wire by selecting the wire in Prototype ...FIGURE 8-10: Click and drag the guide to reposition where the overlay appears o...FIGURE 8-11: Create and name a shape object that will be used for a rollover.FIGURE 8-12: After an object has been converted to a component you can add addi...FIGURE 8-13: Create your own state and have it triggered with a Tap.

46 Book 6 Chapter 9FIGURE 9-1: Create multiple flows from different start pages to demonstrate a p...FIGURE 9-2: You can record your interactions in a movie using the Desktop Previ...FIGURE 9-3: Preview your app right on your device by using the XD app.FIGURE 9-4: Access your main menu in the XD mobile app by triple-clicking on yo...FIGURE 9-5: Switch to the Share mode to share your prototype, via the cloud, wi...FIGURE 9-6: Create a design review that can be accessed with a URL.FIGURE 9-7: Reviewers can drag a Pin from the commenting section on the right a...FIGURE 9-8: Click the View Specs in the preview URL to see developer informatio...FIGURE 9-9: Set up the Custom view to share your prototype.FIGURE 9-10: Invite others to collaborate in your document.

1 Cover

2 Title Page

3 Copyright

4 Table of Contents

5 Begin Reading

6 Index

7 About the Authors

1 i

2 ii

3 1

4 2

5 3

6 4

7 5

8 7

9 8

10 9

11 10

12 11

13 12

14 13

15 14

16 15

17 17

18 18

19 19

20 20

21 21

22 22

23 23

24 24

25 25

26 26

27 27

28 28

29 29

30 30

31 31

32 32

33 33

34 34

35 35

36 36

37 37

38 38

39 39

40 40

41 41

42 42

43 43

44 44

45 45

46 46

47 47

48 48

49 49

50 51

51 52

52 53

53 54

54 55

55 56

56 57

57 58

58 59

59 60

60 61

61 62

62 63

63 64

64 65

65 66

66 67

67 68

68 69

69 71

70 72

71 73

72 74

73 75

74 76

75 77

76 78

77 79

78 81

79 82

80 83

81 84

82 85

83 86

84 87

85 89

86 90

87 91

88 92

89 93

90 94

91 95

92 96

93 97

94 98

95 99

96 100

97 101

98 102

99 103

100 104

101 105

102 106

103 107

104 108

105 109

106 111

107 112

108 113

109 114

110 115

111 116

112 117

113 118

114 119

115 121

116 122

117 123

118 124

119 125

120 126

121 127

122 128

123 129

124 130

125 131

126 132

127 133

128 134

129 135

130 136

131 137

132 138

133 139

134 140

135 141

136 142

137 143

138 144

139 145

140 146

141 147

142 148

143 149

144 150

145 151

146 152

147 153

148 154

149 155

150 156

151 157

152 158

153 159

154 161

155 162

156 163

157 164

158 165

159 166

160 167

161 168

162 169

163 170

164 171

165 172

166 173

167 174

168 175

169 176

170 177

171 178

172 179

173 180

174 181

175 182

176 183

177 184

178 185

179 187

180 188

181 189

182 190

183 191

184 192

185 193

186 194

187 195

188 196

189 197

190 198

191 199

192 200

193 201

194 202

195 203

196 204

197 205

198 206

199 207

200 208

201 209

202 210

203 211

204 212

205 213

206 214

207 215

208 216

209 217

210 218

211 219

212 220

213 221

214 222

215 223

216 225

217 226

218 227

219 228

220 229

221 230

222 231

223 232

224 233

225 234

226 235

227 236

228 237

229 238

230 239

231 240

232 241

233 243

234 244

235 245

236 246

237 247

238 248

239 249

240 250

241 251

242 252

243 253

244 254

245 255

246 257

247 258

248 259

249 260

250 261

251 262

252 263

253 264

254 265

255 266

256 267

257 268

258 269

259 270

260 271

261 272

262 273

263 274

264 275

265 276

266 277

267 278

268 279

269 281

270 282

271 283

272 284

273 285

274 286

275 287

276 288

277 289

278 290

279 291

280 292

281 293

282 294

283 295

284 296

285 297

286 298

287 299

288 300

289 301

290 302

291 303

292 304

293 305

294 306

295 307

296 309

297 310

298 311

299 312

300 313

301 314

302 315

303 316

304 317

305 318

306 319

307 320

308 321

309 322

310 323

311 324

312 325

313 326

314 327

315 328

316 329

317 330

318 331

319 332

320 333

321 334

322 335

323 336

324 337

325 338

326 339

327 340

328 341

329 342

330 343

331 344

332 345

333 346

334 347

335 348

336 349

337 350

338 351

339 352

340 353

341 354

342 355

343 356

344 357

345 358

346 359

347 360

348 361

349 362

350 363

351 364

352 365

353 366

354 367

355 368

356 369

357 370

358 371

359 372

360 373

361 374

362 375

363 376

364 377

365 378

366 379

367 380

368 381

369 382

370 383

371 384

372 385

373 386

374 387

375 388

376 389

377 390

378 391

379 392

380 393

381 394

382 395

383 396

384 397

385 399

386 400

387 401

388 402

389 403

390 404

391 405

392 406