Providing this kind of firm foundation can help ensure content is presented in an easy-to-understand order, but it can also be used to highlight specific areas of content simply by breaking them out of the grid. Grids provide a solid foundationĪs we've seen, grids exist primarily to help determine the positioning and balance in a layout. One such example can be found at 960.gs, but there are others available too. Needless to say, numerous designers have been busy wrapping up the 960px grid into a helpful set of CSS libraries. Being able to divide the grid up in this way provides a lot of flexibility for the width of columns, offering a multi-purpose, reusable grid system. To make things more practical, a few common sizes have become the standard. Once you know the benefits of having a grid system in place, it makes sense that web designers have adopted grids. There's a 960 grid system on the webĪ 960px grid can be divided up in many different ways, making it a flexible option Remember that a grid is the invisible glue behind the content – in most cases it should be transparent to the viewer. This is important because, once again, it can help make the content more accessible. When used in combination with a grid, these simple rules for size, position and proportion can help ensure a layout feels coherent, but also aesthetically appealing. The Golden Ratio (also known as the golden mean) determines the most pleasing set of proportions for an element, and is simplified to the 'rule of thirds'. One such example of crossover is where the Golden Ratio meets the grid. Grids have existed intuitively since the earliest days of drawing and writing, but it's only recently that layout has been considered in a scholarly fashion, and as such it has never existed in isolation from other best-practice layout rules. The whole concept of a definitive grid 'system' is a relatively recent invention in the world of design. Grids work with the Golden Ratioīasing your design on the Golden Ratio can help ensure a pleasing layout Regardless of this, proportion and scale are important tools in a layout, so using a grid to determine and enforce rules helps define that all-important set of signposts that enable the reader to access and understand content. Screens can be more fluid, and as a designer it's not possible to know with the same confidence what size and shape of screen will be used to view content. On the web, this idea of reflection isn't quite so important, but grids can be used in the same way to anchor content back to the screen. ![]() This feels comfortable because the reader subliminally understands the context of the layout as a result of the physical shape and size of the delivery mechanism, such as a piece of paper. In print, proportions most commonly echo the size of the media the shape and orientation of the paper are often reflected in the size and shape of images included within a layout, for example. A key aspect of the grid is its ability to help determine and define proportion.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |