Questions about grids, a guide laid under or over a graphic with user or software specified measurements. They're often used in the development process to create layouts, align elements, and/or restrict the size of a graphic element. Ask anything about creating, defining and using grids in a design ...

learn more… | top users | synonyms

1
vote
1answer
367 views

Draw a grid for a Scrabble-like word game

In Gimp (preferrably) or Photoshop, how would you please draw such a board for a word game? I wonder how to: Draw a grid with equidistant lines for a 15 x 15 board? In the colored rectangles - ...
0
votes
1answer
137 views

Toggle visibility of Photoshop group on the fly

While watching PSD to WordPress Minimal Portfolio Theme in Tuts+, i notified that the author toggle the first group of layers GRID on the fly in order to move some elements, i jest see this group of ...
2
votes
1answer
2k views

Why don't Photoshop shapes align to the pixel grid?

I have Photoshop CS3 on a Windows 7 32bit machine with onboard / integrated Q45/Q43 chipset graphics. I have a problem where it seems any Photoshop element; shapes, text and the like do not align ...
0
votes
1answer
1k views

12 or 16 column grid for a full width website? [duplicate]

So I'm looking for the right answer for my grid system: 1) Should I use 12 or 16 column grid for a full width website similar to these websites: http://xfinitytv.comcast.net http://www.vevo.com 2) ...
2
votes
2answers
233 views

How does the grid system work for a full width page?

How does the grid system work for those websites that expand to the full size of the browser (no matter how you resize) while working with a base 12 grid system (such as 960.gs)? For example, take a ...
1
vote
0answers
65 views

Formula for grid that supports 2:1 and 1:1 units?

I'm trying to create a grid that supports 2:1 and 1:1 units. I cannot figure out if this can be done or is even mathematically possible without compromising the 1:1 or 2:1 unit. The grid will be ...
6
votes
3answers
2k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
1
vote
2answers
786 views

Specific-sized grids such as 49x49 in Photoshop for sprite generation?

I need to generate sprites where images must not intersect. How can I get a custom-sized grid in Photoshop?
3
votes
4answers
1k views

How do I decide how many columns to use in my grid?

I'm trying to create a UI design for my 1024x768 screen. I know there's a grid system out there. I've read about the benefits, etc. I understand, I think from a fundamental level, why I need to use ...
2
votes
1answer
216 views

How does Grid design helps and what are their roles in Website Design

I'm not a designer but I'm learning how to implement an efficient design on a website. How do we decide on the grid used, as far as I can grasp, 3x3 boxes looks good to me. But as I keep reading, i ...
9
votes
2answers
495 views

Where can I find visual examples of the thought process behind different logo designs?

In this image you can see a preliminary grid and then circles are added that are aligned with the grid and then the shapes are formed by the intersecting circles, etc: http://i.imgur.com/ZErtNHC.jpg ...
1
vote
2answers
171 views

Is there a way to record an action that sets guides to a 3 or 5 grid for a variable doc size?

I'm looking to record an action that will set guides in a 3x3, 5x5, 3x5 and 5x3 grid on my canvas in equal partitions, but I want it to be able to work for any document size. I'm interested in doing ...
0
votes
1answer
401 views

Designing by the grid 1140px

I'm using a theme based on 1140px grid and I'd like to make the content area narrower while making the sidebar wider (currently it's 250px). How do I ensure everything stays proportional? I'm looking ...
1
vote
2answers
794 views

Grid Template Not Snappable in Fireworks CS6

I've seen many blogs highly recommend using a grid like 960 for prototyping in newer version of Fireworks. I'm using CS6. When I create a new fireworks document from template, I select the ...
0
votes
3answers
1k views

Determining Gutter Size in Grid Design

Is there a rule of thumb for determining grid gutter size as it relates to type size? I'm struggling with this issue on the web, especially when dealing with larger size type set at 20px and above. ...
14
votes
4answers
2k views

Baseline Grid vs. Readability

Any designer worth their salt will talk about the importance of the grid, and rightfully so. However, as I've continued to practice my trade, I've found that the baseline grid in particular doesn't ...
1
vote
1answer
242 views

How can I use align to pixel grid without messing up the outline view in Adobe Illustrator?

In Adobe Illustrator there is the feature of using 'Outline View'. It shows you the wireframes of your objects so you can see that they are properly aligned. When I use 'Pixel Preview' I can see what ...
0
votes
1answer
283 views

Possible to use fill tool in grid cells?

I would like to reconstruct a simple bitmap to vector, so I have put a grid and a layer on top of it. Is it possible to e.g. use the fill tool, to just fill out one of the grid squares at a time? Or ...
0
votes
4answers
1k views

How to remove the black grid from pictures done with black-gridded papers?

Suppose I draw with grid -paper, I want some automated way to remove the grid fast. I have earlier used the magic-wand tool in Gimp but it is not really robust and now looking some good solution for ...
0
votes
2answers
158 views

How can graphics be made with “snap-to-grid” movements?

In an image like the one below, the graphics are organized very neatly. The mugs are aligned horizontally and vertically, the text below is centered with the mug, as well as the text in the mug ...
4
votes
4answers
451 views

designing websites using grids

I read a lot about grids and how they make the websites look good (needless to say I agree) though I have not been able to work with them. Have not been able to "feel" the advantage whilst using the ...
4
votes
2answers
742 views

Mixing the classic type size scale, grid systems and modular scales

I'm coming from a programmers background and just trying to understand how sizes should relate. I read in the book "designing for the web" that these are the classic type sizes and text set in these ...
3
votes
1answer
20k views

What's the best way to create custom grid lines in Photoshop?

Is there a way to quickly define a baseline grid on photoshop using the guides tool? For example, if I want to create a 24px vertical rhythm, can I do this quickly on PS?
5
votes
4answers
849 views

When to break out of a grid in webdesign?

Grid systems like the 960 grid and BluePrint can be useful to place the main elements for a website in a mockup: header, slider, content blocks, sidebar, footer etc. But do you use the same grid ...
4
votes
1answer
817 views

Looking for a grid template for Powerpoint

I'm new to this community. I wouldn't describe myself so much as a designer but rather someone who has a need to create presentations as part of my job and would like to improve the design of those ...
2
votes
1answer
817 views

Please help me grid this A4 landscape poster

I'm working on this simple A4 landscape poster basically saying "adobe.com/" (newline) "indesign" with big letters in the middle of the page, and a small lipsum footer at the bottom. But I'm having a ...