Using Alignment & Distribution Tools

By 22. January 2018Creative Tools

Mail Designer 365’s Alignment and Distribution Tools

Alignment:

The alignment tool in Mail Designer 365 makes it quick and easy to align design elements accurately and effectively. Its visual interface is representative of where design elements will be positioned within a layout block:

To begin, click on a design element (e.g. text style, shape, image) and you will notice the alignment tools appear in the “Style” menu within the app sidebar.

Select the middle button to position a design element directly in the center of the image area. Here is an example:

Use the other buttons to position your design element in the respective areas of an image are:

Aligning multiple design elements in an image area:

You can use the alignment tools to quickly align multiple design elements. Hold down the cmd key and select the elements you want to align, then you can align them either vertically:

or horizontally:

Alternatively, if you have two or more elements which you want to position together (e.g. a CTA button with text) you can multi-select the elements using the cmd key, then use the interface to position them together. Here is an example:

Distribution

If you have three or more design elements in an image area, you can use distribution tool to equally distribute them. This works well for icons (i.e. when creating social media buttons) or for text styles (i.e. when creating lists.) You can distribute elements vertically:

Or horizontally:

Search through the manual

A Quick Tour of Mail Designer 365
Layout Blocks
Background
Image Areas
Graphics and Other Objects
Images
Creative Tools
Working with Text
Working with Links and Buttons
Preview your Design
Optimizing your Template for Mobile
Plain Text
Using Retina Images with your Design
The Inbox View
Teamwork
Preparing your Design for Sending
Setting Up Mail Designer 365 for Sending
Send via Mail Designer 365
Send via Apple Mail
Advanced Design Techniques
Sharing your Designs
HTML Export
Exporting a Design to MailChimp
Exporting a Design to Campaign Monitor
Appendix: Compatibility
Appendix: Keyboard Shortcuts
Tables