Nicht aus der Schweiz? Besuchen Sie lehmanns.de
Beginning Adobe Experience Design - Rob Huddleston

Beginning Adobe Experience Design (eBook)

Quickly Design and Prototype Websites and Mobile Apps

(Autor)

eBook Download: PDF
2017 | 1st ed.
XVII, 179 Seiten
Apress (Verlag)
978-1-4842-2964-4 (ISBN)
Systemvoraussetzungen
56,99 inkl. MwSt
(CHF 55,65)
Der eBook-Verkauf erfolgt durch die Lehmanns Media GmbH (Berlin) zum Preis in Euro inkl. MwSt.
  • Download sofort lieferbar
  • Zahlungsarten anzeigen
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 Learn
  • Create links and interactivity to see just how your site or app will function
  • Preview your site or prototype live in a
web browser or your mobile device
  • Use Adobe XD on both Mac and Windows
  • Who This Book Is For

    Web 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.

    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?
    PDFPDF (Wasserzeichen)
    Größe: 9,5 MB

    DRM: Digitales Wasserzeichen
    Dieses eBook enthält ein digitales Wasser­zeichen und ist damit für Sie persona­lisiert. Bei einer missbräuch­lichen Weiter­gabe des eBooks an Dritte ist eine Rück­ver­folgung an die Quelle möglich.

    Dateiformat: PDF (Portable Document Format)
    Mit einem festen Seiten­layout eignet sich die PDF besonders für Fach­bücher mit Spalten, Tabellen und Abbild­ungen. Eine PDF kann auf fast allen Geräten ange­zeigt werden, ist aber für kleine Displays (Smart­phone, eReader) nur einge­schrä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.

    Mehr entdecken
    aus dem Bereich
    Das umfassende Handbuch

    von Jürgen Sieben

    eBook Download (2023)
    Rheinwerk Computing (Verlag)
    CHF 61,45
    Mini-Refactorings für besseres Software-Design

    von Kent Beck

    eBook Download (2024)
    O'Reilly Verlag
    CHF 12,65
    Grundlagen, Menschen, Prozesse, Techniken

    von Jochen Ludewig; Horst Lichter

    eBook Download (2023)
    dpunkt (Verlag)
    CHF 48,75