Posts Tagged ‘Grids’

We are pleased to present below all posts tagged with ‘Grids’.

Establishing Your Grid In Photoshop

Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie. In this article, we’ll provide two different methods for efficiently establishing a grid. These methods enable you to quickly and smartly form a grid so that you can spend more time designing.

Establishing Your Grid In Photoshop

We hope this article will increase your efficiency and precision in establishing a grid. In the end, the way you set up the grid will depend on your workflow. Evaluate your needs, then choose the method best suited to them. Either method requires minimal set-up but can save much time and frustration.

Read more...

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.

Grids are everywhere in our society, and have been for centuries, as this city plan for Washington, DC drawn in 1792 by Charles L’Enfant demonstrates. If you’re even vaguely acquainted with the fundamentals of graphic design, you’ve probably worked on some kind of a grid or at the very least seen examples of grid-based layouts. Grids are an established design tool, and a wealth of knowledge exists in the literature discussing the theory of grids and extolling their benefits. I will make no attempt to summarize them here (if you want a good primer on grid theory, have a look at this piece by Mark Boulton).

Read more...

20 Stunning Illustrations of US Soldiers

What happened yesterday in Fort Hood, Texas was devastating. A madman went on a shooting rampage inside an Army base and after all was said in done, 12 people were killed and 31 others were wounded. This is really a sad moment in our country. I for one am devastated just thinking about it. One of my cousins is in Iraq right now, serving our country.

Well, I wanted to honor those who died and I was thinking of something that I could do, so I decided to blog about it. Here are 20 stunning illustrations of US Soldiers. Hopefully, while viewing these illustrations, we can remind ourselves of the great and ultimate sacrifice that these soldiers have given us. Let us also spend a moment to think about all those families who have just lost a loved one.

Read more...

Grid-Based Design: Six Creative Column Techniques

Grid systems bring visual structure and balance to site design. As a tool grids are useful for organizing and presenting information. Used properly, they can enhance the user experience by creating predictable patterns for users to follow. From designer's point of view they allow for an organized methodology for planning systematic layouts.

After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.

We Eatt

Like skyscrapers in city centers, overwhelmingly, columns dominate Web design grids. Once you've mastered the grid as a tool then it's time to get creative with it. Work on establishing a visual rhythm in your design. Then you can step in and break the visual flow for effect. The techniques discussed in the next section present effective ways of getting creative with your columns in grid-based Web design.

Read more...

Designing With Grid-Based Approach

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it's quite hard to find your way through all the theory behind grid systems: it isn't easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.

Grid-based Design

And this is what this article is all about. Inspired by Khoi Vinn's and Mark Boulton's presentation Grids are Good, we've decided to take a deep look in the articles about grid-based designs. We've read through over 50 articles and selected some of the most important and interesting facts web-developers should know about the grid-based approach. Besides, we've listed the most useful references, tutorials and tools we found - with precise descriptions of what the articles are about.

Read more...

↑ Back to top