Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Discover millions of ebooks, audiobooks, and so much more with a free trial

From $11.99/month after trial. Cancel anytime.

Jump Start Adobe XD
Jump Start Adobe XD
Jump Start Adobe XD
Ebook232 pages57 minutes

Jump Start Adobe XD

Rating: 0 out of 5 stars

()

Read preview

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!
LanguageEnglish
PublisherSitePoint
Release dateMay 25, 2017
ISBN9781492020660
Jump Start Adobe XD
Author

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

Related to Jump Start Adobe XD

Related ebooks

Internet & Web For You

View More

Related articles

Reviews for Jump Start Adobe XD

Rating: 0 out of 5 stars
0 ratings

0 ratings0 reviews

What did you think?

Tap to rate

Review must be at least 10 words

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

    Sketch 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

    Enjoying the preview?
    Page 1 of 1