Using Grids in Interface Designs

Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.


This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon

Summary: Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.



If you’ve been to New York City and have walked the streets, it is easy to figure out how to get from one place to another because of the grid system that the city is built on. Just as the predictability of a city grid helps locals and tourists get around easily, so do webpage grids provide a structure that guides users and designers alike. Because of their consistent reference point, grids improve page readability and scannability and allow people to quickly get where they need to go.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.

There are three common grid types used in websites and interfaces: column grid, modular grid, and hierarchical grid.



Read Full Article


This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon


Print Share Comment Cite Upload Translate Updates
APA

Kelley Gordon | Sciencx (2022-07-17T16:00:00+00:00) Using Grids in Interface Designs. Retrieved from https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/

MLA
" » Using Grids in Interface Designs." Kelley Gordon | Sciencx - Sunday July 17, 2022, https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/
HARVARD
Kelley Gordon | Sciencx Sunday July 17, 2022 » Using Grids in Interface Designs., viewed ,<https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/>
VANCOUVER
Kelley Gordon | Sciencx - » Using Grids in Interface Designs. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/
CHICAGO
" » Using Grids in Interface Designs." Kelley Gordon | Sciencx - Accessed . https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/
IEEE
" » Using Grids in Interface Designs." Kelley Gordon | Sciencx [Online]. Available: https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/. [Accessed: ]
rf:citation
» Using Grids in Interface Designs | Kelley Gordon | Sciencx | https://www.scien.cx/2022/07/17/using-grids-in-interface-designs/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.