The use of a grid system for design is a popular concept in the world of web design, and it has become even more essential with the rise of responsive design.
The Nine Sixty Design System, developed by Josh Jeffrey in 2012, is a popular grid system used by designers to create responsive websites. Drawing inspiration from previous grid system work by Nathan Smith and Eric Myer. In this post, we’ll explore the concept of using a grid system for design and how the Nine Sixty Design System works.
A grid system is a series of horizontal and vertical lines that are used to structure content on a page. This structure helps designers create a sense of order and hierarchy in their designs. The grid system divides a page into columns and rows, which can be used to create a layout that is easy to read and navigate. By using a grid system, designers can ensure that their designs are visually balanced and that elements are aligned correctly.
The Nine Sixty Design System is a grid system that is based on a 960-pixel-wide grid. This grid is divided into 12 columns, which can be combined to create different layouts. The Nine Sixty Design System is designed to be flexible and can be used to create designs for a wide range of screen sizes, from desktop to mobile devices.
One of the benefits of using a grid system like the Nine Sixty Design System is that it makes designing responsive websites much easier. Responsive design is the practice of designing websites that can adapt to different screen sizes. This is essential because more and more people are accessing the internet on mobile devices. By using a grid system, designers can create layouts that adapt to different screen sizes without having to redesign the entire site.
Another benefit of using a grid system is that it helps designers create a consistent visual language across different pages on a site. By using the same grid system across all pages, designers can create a sense of unity and coherence in their designs. This helps users navigate the site more easily and can make the overall experience more enjoyable.
The Nine Sixty Design System is just one example of a grid system that designers can use. There are many other grid systems available, each with its own strengths and weaknesses. Some other popular grid systems include Bootstrap, Foundation, and Gridlover.
In conclusion, the use of a grid system for design is a popular concept in web design, and it has become even more essential with the rise of responsive design. The Nine Sixty Design System is a popular grid system that is based on a 960-pixel-wide grid and is designed to be flexible and responsive. By using a grid system, designers can create layouts that are visually balanced, easy to navigate, and adaptable to different screen sizes. There are many other grid systems available, each with its own strengths and weaknesses, and designers should choose the one that best suits their needs.