In its purest form, a divider is typically a thin line that separates lists or groups of content.īelow we'll tackle horizontal content seperation using a variety of divider styles.Ī simple 1px line is often an effective solution for separating horizontal content blocks and page sections.Īdjusting the width of the line to either match the width of the surrounding content (i the example above) or allowing the line to fully bleed to the ends of the page (in the example below) can determine just how dramatic and decisive the separating will be.Īnother element that can achieve visual seperation while also allowing for more fluid content visibility is a gradient background. Let's explore some examples and discuss how to decide which style may best suit your content separation needs. We can accomplish this with a simple UI element called: dividers. It allows us to delineate different groups of content and better manage areas of dense information. Separating content is a crucial part of designing layouts and information architecture. This is Part 5 of our UI Design in Practice Series
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |