Rob Huddleston

Educator

Project Details

Design

The primary audience for Adobe XD is designers, so logically, that was also my audience for the book. I needed to focus on the design elements of the project first and foremost.

However, the title of the book includes the word "beginning" and it's not unresonable to assume that at least a portion of my audience might be less experienced designers, so I also wanted a design that wouldn't be too imtimidating.

By maintaining a simple color palette and a straight-forward layout, I was able to achieve both of these goals.

Icons and Alignment

Two important features of the program are its support for SVG images and its smart alignment tools. A navigation bar that was a way to combine both. SVG icons from iconmonstr.com (which are licensed for even commercial use) allowed me to show XD's SVG editing capabilities, and the navigational element's alignment to both the logo and to each other provided a perfect platform for showing the smart tools.

Repeat Grid

Without question, XD's coolest feature is Repeat Grid, which allows users to set up a grid layout, and then drag-and-drop images and content from text files to populate the grid.

The book walks users through the creation of two interior pages that are simple to create using Repeat Grid.

Prototyping and Responsive Design

Creating additional layouts for mobile devices is also shown in the design, using symbols, alignment tools, and the Repeat Grid.

The design needed to demonstrate XD's prototyping features, so I also had to build in links and even a method to demonstrate how a mobile menu would be able to be triggered from a "hamburger menu" and then link to an internal page.