The Baseline Grid in Adobe InDesign is perfect to align your text! TIP OF THE WEEK: Align your text to your baseline grid! There are innumerable combinations of how many grids you can have per layout and device depending upon project needs.Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address. It can make it easier to deal with non-standard components that don’t conform to a traditional 8pt grid system.It maximizes screen real-estate when those UI’s get complex.It facilitates tighter UI’s with more complex interactions possible.Its makes your life easier with more spacing options.That being said, the mobile web and web applications has changed all of that, and moving forward, I would assert that a 4pt grid can and should be used whenever possible because: 8pt grids are traditionally used to layout less interaction-heavy interfaces such as mobile and web interfaces that are more about conveying information, and less about facilitating complex interactions.4pt grids are traditionally used to layout tight interfaces where pointer interactions are precise, and screen real-estate utilization must be maximized (such as desktop applications).Generally speaking, the logic for each of these types is as-follows: This last part is one that gets most newer designers (I know that many years ago it definitely got me), so let’s go over it in a little more detail. This allows content to be flexible, responsive, and to better conform to the view-port that it is being viewed from. In contrast to a hard grid, a soft grid defines the spacing between elements, and their relative position in the document, rather than forcing content to be placed with absolute positioning. This brings us to our next type of grid: soft grids. With a hard grid, you are positioning elements in a fixed way, by subdividing your documents into sections, and making sure that each element, all margins, gutters, and spacing is absolutely uniform to the base grid size.īecause of their limitations, hard grids really aren’t possible on the mixed-media web because of the sheer volume of device screen sizes that can access your content, which needs to be responsive to be accessible. Hard gridsĪ hard grid is almost always used in print design, because you can get away with it there. We define modern digital layout grids by grouping them into the following categories. That said, most of the layout work we do as modern designers falls into the categories of column, modular, and hierarchical grids. The human eye loves consistency, and by using the grid, we are able to create documents that are more uniform, easier to read, and with clearly identifiable design patterns. Repeatable patternsįinally, grids allow us to define the rhythm of our document, margins, padding, gutters, and to encapsulate blocks of content to create repeatable patterns. Larger elements that take up more grid space typically are more important, while smaller elements represent less important pieces of information. Document hierarchyĪnother reason we use grids is to enable us to block out sections of the document for visual hierarchy. Grids allow us to lay out our documents in rows, columns to differentiate content, and to help us place our content within our format in a more uniform way. Visual consistencyįirst and foremost is the creation of visual consistency. Let’s go over some of the most important reasons. Just so we’re all on the same page, it’s important to know why we use grids in the first place.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |