Beginning Adobe Experience Design (eBook)
XVII, 179 Seiten
Apress (Verlag)
978-1-4842-2964-4 (ISBN)
- Create links and interactivity to see just how your site or app will function
- Preview your site or prototype live in a
Rob Huddleston has been designing and developing web pages for almost 25 years, and has been teaching on those topics for over 15 years. He is currently on the Design Faculty at the Art Institute of California, where he teaches web and graphic deisgn. He is the author of nine previous books, and currently also writes as a Core Contributor for GeekDad.com. He lives in Northern California with his wife and two children.
Render high quality designs and interactive prototypes of web sites and mobile apps using Adobe XD's powerful drawing and layout tools. This book provides an in-depth look at XD and shows you how to quickly get up-to-speed to simplify these processes with intuitive design tools and a powerful prototyping function. Since the advent of the web, designers have struggled with the need to create functioning demo prototypes of their layouts and designs without an extensive amount of code for their clients. The dawn of mobile apps, which are exponentially more difficult to mock-up and demonstrate, has only intensified this problem. Beginning Adobe Experience Design resolves this for you with it's easy-to-use approach to leveraging XD. What You'll LearnCreate links and interactivity to see just how your site or app will functionPreview your site or prototype live in a web browser or your mobile deviceUse Adobe XD on both Mac and WindowsWho This Book Is ForWeb front-end designers and user experience professionals and educators interested in teaching the tool
Rob Huddleston has been designing and developing web pages for almost 25 years, and has been teaching on those topics for over 15 years. He is currently on the Design Faculty at the Art Institute of California, where he teaches web and graphic deisgn. He is the author of nine previous books, and currently also writes as a Core Contributor for GeekDad.com. He lives in Northern California with his wife and two children.
Contents at a Glance 5
Contents 6
About the Author 12
About the Technical Reviewer 13
Acknowledgments 14
Chapter 1: Overview of the Web and Mobile Design Process 15
The Challenges of Designing for the Web 15
The Web Wasn’t Designed for Design 15
Designing for Screens 16
Designing for Interaction 17
Mobile App Design 17
Using Comps and Prototypes to Design Live Sites and Apps 18
Summary 19
Chapter 2: Introduction to Adobe Experience Design 20
Adobe XD in the Workflow 20
Downloading and Installing Adobe XD 21
New Document Setup 27
The Design Workspace in Adobe XD 28
The Prototype Workspace 32
Using the Keyboard 32
Basic Keyboard Shortcuts 32
Selecting Tools 33
Switching Workspaces 33
Zooming With the Keyboard 34
Other Useful Keyboard Commands 34
Summary 34
Chapter 3: Using XD’s Drawing Tools 35
Adding Shapes 35
Rectangles 35
Ellipses and Lines 38
Shapes and the Properties Panel 39
Alignment 39
Smart Guides 40
Combining Objects 40
Size and Position 40
Appearance 41
Stacking Order 44
Using the Context Menu 44
Mac Menus 45
Changing Opacity 46
Working with Layers 46
Changing Stacking Order with Layers 47
Selecting and Grouping Objects 47
Renaming Objects 48
Locking and Hiding Layers 48
Combining Objects into Symbols 49
Using Symbols 50
Editing Symbols 51
Deleting Symbols 51
Drawing Objects with the Pen Tool 51
Straight Lines 51
Curves 53
Modifying Paths 54
Putting It Together 56
Drawing the Header and Footer 57
Creating the Navigation Bar 58
Summary 61
Chapter 4: Working with Text 62
Beginning a Logo 62
Understanding Fonts on the Web 63
Downloading a Web Font from Google 64
Installing Fonts on Windows 67
Installing Fonts on a Mac 67
Using New Fonts in XD 68
Formatting Text 68
Font Size 68
Font Styles 69
Alignment 69
Character and Line Spacing 69
Appearance 69
Text Best Practices 70
Adding More Text to the Design 70
Finalizing the Logo 71
Adding Navigation Text 73
Add a Copyright Notice to the Footer 77
Summary 78
Chapter 5: Working with Images 79
Image File Types 79
Importing Images 80
Importing on Windows 80
Importing on a Mac 80
Importing with Drag and Drop 80
Importing with Copy and Paste 80
Importing the Main Images to the Design 80
Scaling and Rotating Images 84
Scaling the Main Images 85
Working with SVG 88
Finishing the Navigation Bar 95
Creating Calls to Action 98
Summary 104
Chapter 6: Creating New Pages with Artboards 105
Artboard Basics 105
Renaming Artboards 105
Creating a New Artboard 106
Selecting, Resizing, and Moving Artboards 108
Duplicating Artboards 109
Using Artboards to Set Up Designs for Mobile Devices 111
Summary 113
Chapter 7: Organizing Content Using Content Grids 114
Creating Placeholders for a Grid 114
Creating a Repeat Grid 120
Adding Padding to a Grid 122
Adding Content to a Grid 125
Manually Updating Placeholders 125
Automatically Updating Placeholders 125
Creating a Text File in Windows 125
Creating a Text File on a Mac 127
Adding Text to Replace Placeholders 128
Populating Repeat Grids with Text Files 129
Adding Images to Placeholders 131
Formatting Placeholders That Contain Data 134
Fixing Incorrect Placeholder Replacement 145
Creating a Second Page with a Repeat Grid 145
Deleting Extra Placeholders 149
Summary 151
Chapter 8: Designing for Mobile 152
Responsive Web Design Overview 152
Creating App Designs 153
Creating Mobile Web Designs 154
Virtual Keyboards 156
The Hamburger Menu 156
Using a UI Kit 157
Summary 160
Chapter 9: Creating Interactive Prototypes 161
Switching to the Prototype Workspace 161
Creating Links 162
Interaction Limitations 164
Previewing Prototypes 166
Desktop Preview 166
Mobile Preview 169
Share Online 171
Using Prototypes for Usability Tests 174
Summary 174
Chapter 10: Next Steps 175
Exporting Assets 175
Exporting All Artboards 180
Working with Developers 180
Summary 181
Index 182
Erscheint lt. Verlag | 30.9.2017 |
---|---|
Zusatzinfo | XVII, 179 p. 184 illus., 170 illus. in color. |
Verlagsort | Berkeley |
Sprache | englisch |
Themenwelt | Mathematik / Informatik ► Informatik ► Software Entwicklung |
Mathematik / Informatik ► Informatik ► Web / Internet | |
Schlagworte | AdobeXD • Creating mobile app prototypes • Creating web prototypes • Designing mobile apps • Designing web sites • New Adobe tools |
ISBN-10 | 1-4842-2964-9 / 1484229649 |
ISBN-13 | 978-1-4842-2964-4 / 9781484229644 |
Haben Sie eine Frage zum Produkt? |
Größe: 9,5 MB
DRM: Digitales Wasserzeichen
Dieses eBook enthält ein digitales Wasserzeichen und ist damit für Sie personalisiert. Bei einer missbräuchlichen Weitergabe des eBooks an Dritte ist eine Rückverfolgung an die Quelle möglich.
Dateiformat: PDF (Portable Document Format)
Mit einem festen Seitenlayout eignet sich die PDF besonders für Fachbücher mit Spalten, Tabellen und Abbildungen. Eine PDF kann auf fast allen Geräten angezeigt werden, ist aber für kleine Displays (Smartphone, eReader) nur eingeschränkt geeignet.
Systemvoraussetzungen:
PC/Mac: Mit einem PC oder Mac können Sie dieses eBook lesen. Sie benötigen dafür einen PDF-Viewer - z.B. den Adobe Reader oder Adobe Digital Editions.
eReader: Dieses eBook kann mit (fast) allen eBook-Readern gelesen werden. Mit dem amazon-Kindle ist es aber nicht kompatibel.
Smartphone/Tablet: Egal ob Apple oder Android, dieses eBook können Sie lesen. Sie benötigen dafür einen PDF-Viewer - z.B. die kostenlose Adobe Digital Editions-App.
Zusätzliches Feature: Online Lesen
Dieses eBook können Sie zusätzlich zum Download auch online im Webbrowser lesen.
Buying eBooks from abroad
For tax law reasons we can sell eBooks just within Germany and Switzerland. Regrettably we cannot fulfill eBook-orders from other countries.
aus dem Bereich