From the course: Interaction Design: Structure
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Organizing with a grid - Sketch Tutorial
From the course: Interaction Design: Structure
Organizing with a grid
- [Instructor] Grids have roots in the discipline of graphic design, and were developed to create a sense of order, structure and rhythm to layout. The grid system is very flexible and is used to layout design, including books, to establish a sense of hierarchy. While used in graphic design, we also use grids for interface design. Most web interfaces are based on a 12 column grid, and popular frameworks like Bootstrap and Foundation both use a 12 column grid as their base. Different organizations might use different grid layouts as part of their design system. For example, I've used a 24 column grid for design system I've used in the past. Laying out the interface in a grid is important, because it helps us with creating a sense of uniformity, hierarchy, alignment and organization. There's a lot of nuance to grid systems, but for the purpose of interface design, there's only a few concepts that we need to understand to layout the design. The first is columns. Columns separate the page…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.