This horizontal grid system gives you the option of setting the space between elements with spacing intervals of 8px (8, 16, 24, 32, 40, etc.). Working with an eight-point grid means that all horizontal lines have a space of 8px between them, with which your text is aligned. I like working with an eight-point grid for websites myself, but this is a personal preference. Enables faster decision-making regarding the distances between text elementsĪ grid is a system of horizontal lines with specific spacings in between them.Efficient for creating components in Figma or Sketch.Provides a good way to scale a page for different devices.Increases the aesthetic beauty of the website.A baseline grid provides a good way to scale up a page for different mobile devices.The structure and guidelines make it easier for frontend developers to read the design.Using a baseline grid speeds up the designing process, and perhaps more importantly, increases the consistency of your designs. Or consider the alignment of a text in a CTA button that always uses the same spaces in your design system. Examples could be a main menu with icons, a submenu, a body text, or a H1 heading title. Why use a baseline grid?Ī baseline grid has supporting lines that help you to align everything horizontally with the same space. The book Grid Systems in Graphic Design by Josef Müller-Brockmann. An interesting book I read and can highly recommend deepening your understanding of grids is
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |