Jump Start Adobe XD
()
About this ebook
Get a Jump Start on the up and coming UX design and prototyping power tool, Experience Design!
Experience Design CC (also known as XD) is a brand new design tool from Adobe. With a clean, uncluttered UI and a raft of powerful features--such as live preview, Repeat Grids, artboards, symbols and collaboration tools--XD is designed from the ground up to streamline the UX design process. It makes creating interactive, sharable prototypes a snap!
This book provides a rapid and practical introduction to using Adobe XD for UX design and prototyping. You'll:
- Get to grips with XD's clean UI and efficient keyboard shortcuts
- Use XD's powerful tools, such as repeat grid and symbols, to rapidly create wireframes and prototypes
- Create interactive prototypes with ease
- Collaborate with stakeholders using built-in sharing and feedback tools
- And more!
Daniel Schwarz
Previously, design blog editor at Toptal and SitePoint. Now Daniel advocates for better UX design alongside industry leaders such as Adobe, InVision, Marvel, Wix, Net Magazine, LogRocket, CSS-Tricks, and more.
Read more from Daniel Schwarz
The Designer’s Guide to Figma: Master Prototyping, Collaboration, Handoff, and Workflow Rating: 0 out of 5 stars0 ratingsUX: Essential Tools Rating: 0 out of 5 stars0 ratings
Related to Jump Start Adobe XD
Related ebooks
THE 12 BEST GRAPHIC DESIGN SOFTWARE IN 2024: "Mastering Design Excellence: Unveiling the Top 12 Graphic Design Software Rating: 0 out of 5 stars0 ratingsBeginner’s Guide to Adobe InDesign Rating: 0 out of 5 stars0 ratingsMastering Adobe InDesign 2020: Complete guide to taking your digital design skills from beginner to professional Rating: 0 out of 5 stars0 ratingsDesigning UX: Prototyping: Because Modern Design is Never Static Rating: 0 out of 5 stars0 ratingsLean Mobile App Development: Apply Lean startup methodologies to develop successful iOS and Android apps Rating: 0 out of 5 stars0 ratingsAdobe InDesign CS6 Digital Classroom Rating: 0 out of 5 stars0 ratingsThe Web Performance Collection Rating: 0 out of 5 stars0 ratingsInDesign CS4 For Dummies Rating: 4 out of 5 stars4/5Teach Yourself Visually WordPress Rating: 0 out of 5 stars0 ratingsUsing Graphics In Books: The Reflowable Edition Rating: 1 out of 5 stars1/5Photoshop CC For Dummies Rating: 0 out of 5 stars0 ratingsAdobe Photoshop CC For Dummies Rating: 0 out of 5 stars0 ratingsPhotoshop CC For Beginners: The Ultimate Digital Photography and Photo Editing Tips and Tricks Guide For Creating Amazing Photos Rating: 0 out of 5 stars0 ratingsApp Design Basics for Professionals Rating: 0 out of 5 stars0 ratingsMobile App Development for Beginners: A Beginner's Guide to Creating Your First App Rating: 0 out of 5 stars0 ratingsSilverStripe: The Complete Guide to CMS Development Rating: 0 out of 5 stars0 ratingsAngular 9 UI/UX Mastery Rating: 0 out of 5 stars0 ratingsLearn to Code With JavaScript Rating: 0 out of 5 stars0 ratingsWork 2.0: How Artificial Intelligence is Changing the Future of Work: CEO's Advice on Computer Science Rating: 0 out of 5 stars0 ratingsMastering HTML and CSS for Modern Development Rating: 0 out of 5 stars0 ratingsAppvertising - How Apps Are Changing The World Rating: 5 out of 5 stars5/5Profitable Programming: Unlocking Success in the Digital Age Rating: 0 out of 5 stars0 ratingsCreating your first Ebook Rating: 0 out of 5 stars0 ratingsAdobe Creative Suite 6 Design and Web Premium All-in-One For Dummies Rating: 0 out of 5 stars0 ratingsPHP Package Mastery: 100 Essential Tools in One Hour - 2024 Edition Rating: 0 out of 5 stars0 ratingsHands-On UX Design for Developers: Design, prototype, and implement compelling user experiences from scratch. Rating: 0 out of 5 stars0 ratingsAmazon Echo: How to Get the Most Out of Your Amazon Echo: User Guide, Tips, Tricks & Commands (Revised, Expanded & Updated for 2016) Rating: 0 out of 5 stars0 ratingsGrowth Hacking for Web Designers Rating: 0 out of 5 stars0 ratingsThe Secret Source: The culture, skills, and process for making great digital products Rating: 0 out of 5 stars0 ratings
Internet & Web For You
No Place to Hide: Edward Snowden, the NSA, and the U.S. Surveillance State Rating: 4 out of 5 stars4/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5The Gothic Novel Collection Rating: 5 out of 5 stars5/5How To Start A Profitable Authority Blog In Under One Hour Rating: 5 out of 5 stars5/5Social Engineering: The Science of Human Hacking Rating: 3 out of 5 stars3/5Six Figure Blogging Blueprint Rating: 5 out of 5 stars5/5Coding For Dummies Rating: 5 out of 5 stars5/5Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Rating: 4 out of 5 stars4/5How to Be Invisible: Protect Your Home, Your Children, Your Assets, and Your Life Rating: 4 out of 5 stars4/5The Hacker Crackdown: Law and Disorder on the Electronic Frontier Rating: 4 out of 5 stars4/5The $1,000,000 Web Designer Guide: A Practical Guide for Wealth and Freedom as an Online Freelancer Rating: 4 out of 5 stars4/5JavaScript All-in-One For Dummies Rating: 5 out of 5 stars5/5The Digital Marketing Handbook: A Step-By-Step Guide to Creating Websites That Sell Rating: 5 out of 5 stars5/5HTML in 30 Pages Rating: 5 out of 5 stars5/5Grokking Algorithms: An illustrated guide for programmers and other curious people Rating: 4 out of 5 stars4/5Beginner's Guide To Starting An Etsy Print-On-Demand Shop Rating: 0 out of 5 stars0 ratingsThe Beginner's Affiliate Marketing Blueprint Rating: 4 out of 5 stars4/5Coding with AI For Dummies Rating: 0 out of 5 stars0 ratingsTor and the Dark Art of Anonymity Rating: 5 out of 5 stars5/5Cybersecurity For Dummies Rating: 5 out of 5 stars5/5Ultimate guide for being anonymous: Avoiding prison time for fun and profit Rating: 5 out of 5 stars5/5How to Disappear and Live Off the Grid: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratingsPodcasting For Dummies Rating: 4 out of 5 stars4/5Python QuickStart Guide: The Simplified Beginner's Guide to Python Programming Using Hands-On Projects and Real-World Applications Rating: 0 out of 5 stars0 ratingsWireless Hacking 101 Rating: 5 out of 5 stars5/5Cybersecurity All-in-One For Dummies Rating: 0 out of 5 stars0 ratings500 Writing Prompts for Fiction, Journaling, Blogging, and Creative Writing: Writing Prompts, #1 Rating: 0 out of 5 stars0 ratings48 Really Useful Web Sites Rating: 5 out of 5 stars5/5
Reviews for Jump Start Adobe XD
0 ratings0 reviews
Book preview
Jump Start Adobe XD - Daniel Schwarz
Preface
Adobe Experience Design CC (otherwise known as Adobe XD, for short) is a minimalist desktop app for designers that need to:
Design user interfaces
Prototype user flows and interactions
Export image assets for the development of apps and websites
While you can accomplish all three of these things (in one way or another) using the two biggest design apps on the market today – Photoshop and Sketch – Adobe XD is the only tool to offer design and prototyping functionality natively, and that’s why it’s quickly becoming a top contender in the design space.
Adobe XD is everything a designer needs, right out of the box.
Why Adobe XD Exists
Bohemian Coding built Sketch because user-interface designers needed a design application that was focused on the needs of user-interface designers. Since Adobe Photoshop is a multi-disciplinary design tool (it was originally aimed at photographers), the app had an abundance of features that weren’t relevant to user-interface designers. However, while Sketch simplified the designing experience, its makers neglected to create a Windows version of the app, nor include any prototyping tools (Sketch requires third-party plugins for this).
Adobe built Adobe XD to re-enter the competition – by offering the same minimalist experience as Sketch, but with added tools that Sketch is yet to introduce (ie, prototyping tools), and by releasing a Windows version (which Bohemian Coding said it would never do). It’s assumed that even Adobe recommends that user-interface designers should switch from Adobe Photoshop to Adobe XD – but what about Sketch users? Let's take a quick look.
Photoshop vs. Sketch vs. Adobe XD
Choosing an app isn't about which one is best. It comes down to your individual needs, and what you’re already familiar with.
Photoshop, for example, is very multi-disciplinary, and many of the tools are aimed at photography experts and those who need to manipulate bitmap images. UI designers simply don't need most of the features that Photoshop offers, which is why Adobe sought to create a desktop app dedicated to crafting user interfaces.
Sketch, on the other hand, is specifically aimed at UI designers, but isn't available for Windows, nor does it offer prototyping tools natively, both of which Adobe XD does. Sketch users must download plugins to extend their workflow. So if you’re already a happy user of InVision, Marvel, or some other kind of prototyping tool that integrates with Sketch, and you’re a macOS user, then you might be better suited to Sketch.
If you're a macOS user and you think Sketch could also be a contender for your design workflow, then check out my book Jump Start Sketch, which is also available on SitePoint Premium.
Figma is another tool that’s been gaining some traction lately. It's a user-interface design tool for both Windows and macOS, but again, without prototyping tools. Now we know more about these design tools, I think we should summarise them:
So Who Should Read Jump Start Adobe XD?
Jump Start Adobe XD is for:
Designers with an Adobe CC subscription who want to switch from Photoshop to a tool more focused on user-interface design
Designers who want to combine design and prototyping tools into a single app to improve their workflow and productivity
Curious designers who want to see if Adobe XD can replace their current design tool without taking up too much time
Beginner-level designers keen to kickstart their learning
Conventions Used
You’ll notice that we’ve used certain typographic and layout styles throughout this book to signify different types of information. Look out for the following items.
Tips, Notes, and Warnings
Hey, You!
Tips provide helpful little pointers.
Ahem, Excuse Me ...
Notes are useful asides that are related—but not critical—to the topic at hand. Think of them as extra tidbits of information.
Make Sure You Always ...
... pay attention to these important points.
Watch Out!
Warnings highlight any gotchas that are likely to trip you up along the way.
Supplementary Materials
https://www.sitepoint.com/community/ are SitePoint’s forums, for help on any tricky web problems.
books@sitepoint.com is our email address, should you need to contact us to report a problem, or for any other reason.
The book’s file archive, which contains support files that will be used in the book.
Chapter 1: Getting Familiar with the UI
In the first chapter of this book we'll familiarise ourselves with the XD interface before taking a very hands-on approach to low-fidelity prototyping. All of the screenshots in this book are taken from the macOS version of Adobe XD. However, the walkthroughs (and shortcuts) are applicable to Windows, too.
If you're switching from Sketch, you'll notice many similarities in Adobe XD (both visually and in terms of features). Although if you're switching from Photoshop, Adobe XD will still feel like an Adobe app in some ways, even if it doesn’t look like it, or some of the features seem a little unfamiliar to you.
Here's a swift comparison of XD (above) and Sketch (below).
Sketch vs. XDSketch vs. XD
Before We Begin
You can download Adobe XD via Creative Cloud like any other Adobe app. So if you already have a Creative Cloud subscription, you're all set. If not, you can start your Creative Cloud trial right