Archive: Page 1
-
How To Choose The Right Grid
It's easy enough to understand how grids are helpful in organizing your content. Not as easy is deciding what type of grid best suits your content and how to build it. Here's how I made decisions about what grid to use for the redesign of this site.
-
New Visual Proportions for the iOS User Interface
The quote above is taken from Josh Clark’s book Tapworthy, an authoritative book on iPhone UI design. Apple’s Mobile HIG (Human Interface Guidelines) does recommend 44 × 44 pixels as the comfortable minimum size for tappable UI elements. Most apps and including practically all of the native apps follow this 44-pixel rhythm. Everyone is happy. So what is the problem?
-
Designing for the Web: Templates and Grid Systems
In this article, we will cover some important issues and introduce some tools for you to use when designing a website. Just keep in mind that as in the print sphere, the web sphere contains a multitude of choices for design as well as development. This is only one method and we are attempting to come from more of a designer angle rather than a developer one.
-
On Modern Layouts and Semi Fluid Grids
One of the key benefits to designing a fluid theme is the instantly correct look you get when you open the site. Its not something people will or should consciously expect, it should simply BE the correct size the instant it appears, regardless of size, screen, or orientation.
-
Rethinking CSS Grids
Off the back of this article in Net Magazine last week, and the subsequent few tweets popping up in my stream, I’ve finally managed (in no small part from the help of Nathan and Alex) to pull together some of my thoughts and concerns regarding CSS grids and how they could (or, maybe, should) be created.
-
Anatomy of a Typographic Grid
Grids act as guides for the placement of elements in a design. No matter how simple or complex, grids share some common parts, each fulfilling a specific function. Not every one of these parts needs to be present in every grid.
-
Extensible Baseline Grids
In addition to the Y-axis grid we all know and love, a baseline-style grid can be a valuable X-axis alignment tool during design compositing. In this discussion, I dive into a method to create an extensible baseline grid within a Photoshop-based web design workflow.
-
Process Journal: The Grid
Thomas Williams, one of the talents behind the excellent Process Journal, has documented the changes that were made to the grid system for Edition Two of the journal.
-
30 Grid-Based WordPress Themes
30 WordPress themes that have been developed with a grid framework. All of the themes have been built using popular CSS Grid Frameworks such as the 960.gs, Blueprint, YUI2 and The Golden Grid. We have also included a couple of WordPress grid frameworks at the bottom of the post which you may find useful.
-
Grid-Based Web Design, Simplified
A grid at its barest is nothing more than a series of intersecting horizontal and vertical lines spaced at regular intervals, but its innate propensity for creating order out of chaos makes it one of the most powerful tools at a designer’s disposal. If you want to reap their benefits of grids on your next project but are unsure of the specifics, this article is for you.