Tips for Alignment
Three very crucial tips that will help you align your text and other visual elements in your design are as following:
- Use alignment as a general rule unless for some exceptions like misaligning to create visual interest.
- Media objects are a very common UI pattern, but with variable width icons, it is easy to end up with misalignment. One tip for Media object alignment is to center align your icons and left align all of your text.
- Use Layout Grids in Sketch, Figma, Adobe XD, etc. in order to create perfect layout designs.
Importance of Alignment in UI Design
Alignment is crucial, so crucial that now it is no longer considered a best practice rather it has become the de facto for most of the website. You will hardly find any website or application these days that does not follow alignment. Most people recognize Alignment as icons present in most of the word processing tools like Google Docs or Microsoft Word, the same icons are found in all design tools like Figma, Sketch, and Adobe. In this article, we will discuss about one of the most important things in layout design, alignment. We will discuss what Alignment actually is and what is the importance of alignment.
Table of Content
- What is Alignment?
- Types of Alignment
- Importance of Alignment in UI Design
- Tips for Alignment
- Conclusion