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

14
votes
4answers
1k 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 ...
9
votes
4answers
44k views

How to cut a large photo into a grid of smaller photos automatically in Photoshop?

Is there a way, maybe a script, that would help me cut an image into say 50 images? I have a massive panorama I would like to print on normal stock photo paper and I am using Photoshop. The output ...
8
votes
2answers
376 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 ...
6
votes
2answers
4k views

Grid-based design in Illustrator — need help setting up a grid!

I'm trying to explore grid-based layout design in Illustrator to help me create mockups for prototypes. I was wondering if anybody here could help me set up a grid based layout easily in Illustrator ...
6
votes
3answers
1k 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 ...
5
votes
4answers
761 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 ...
5
votes
2answers
914 views

Grid is not zeroed in Illustrator

I have a document with several artboards (7), which I resized, but now my grid (cmd–") is not centered or zeroed correctly (please see photo). I need to adjust the elements on the artboards, and I ...
5
votes
4answers
15k views

Photoshop CS6 - Can't find Show -> Pixel Grid

I can't find the Pixel Grid option like I would have in CS5. I just upgraded. Any ideas?
5
votes
1answer
488 views

How to create grid in GIMP (not sure if the filter is good)

I'm a beginner to GIMP, and I'd like to create a grid. I searched Google and all it gave me was to use the Filter > Render > Grid plugin, but for my job all I want to do is something like this: ...
4
votes
4answers
421 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
538 views

How to align all selected points to a grid?

I'm working with Illustrator to make some icons. I use grid with step = 1px and after I scale/rotate shape elements I want them to automatically align to the grid. I know CS4+ has such an option in ...
4
votes
1answer
722 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 ...
3
votes
1answer
17k 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?
3
votes
2answers
623 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
3k views

Drawing grid in Inkscape in millimeter

If I try to draw a grid in Inkscape, there are two different options: Extra -> Render -> Grid Extra -> Render -> Kartesian Grid But both of them use pixel-metric(?). Is it possible to use other ...
3
votes
1answer
62 views

Restore snap-to-grid behaviour for path handles in AI CC 2014

one of the new features in AI CC 2014 is path handles ignoring any grid. However, when one wants to construct C2-contious joins between separate objects, precise control over the handle position is ...
3
votes
1answer
212 views

Is there an automated, configurable way to organize many layers into a sprite sheet grid with exact pixel coordinates in Photoshop?

I have a huge grid of icons that need to be positioned so that I can write sprites out of them after I'm done. Right now, I have so many layers, it'd take me forever to click on each one ...
2
votes
4answers
778 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
2answers
91 views

How can I create a curved grid

I would like to create a (preferably conformal, but not necessary) curved grid like this: trying to match the outline of a curve I have: Kind of like the lines on an athletics track, but a grid. ...
2
votes
3answers
5k views

Disable pixel grid magnetism (snap) in Photoshop CC

In previous Photoshop versions, we were able to move freely anchor points in the document but in Photoshop CC, by default, anchor points follow the pixel grid. I found how to disable it (visually) but ...
2
votes
1answer
166 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 ...
2
votes
1answer
81 views

How to make gradient tool annotators snap to grid

I'd like to have precise control over a gradient fill. From Expression Studio I'm used to the gradient tool annotator to automatically snap to a grid. By default, the Adobe Illustrator gradient ...
2
votes
1answer
235 views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
2
votes
1answer
1k 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 ...
2
votes
1answer
65 views

How to create an irregular triangle grid in Illustrator?

How might I create an irregular trianglular grid like this one? It would be nice to be able to distort the pentagons/hexagons rather than drawing the grid using the pen tool. Thanks..
2
votes
1answer
725 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 ...
1
vote
2answers
5k views

How do I efficiently create a grid in Photoshop?

Suppose I need to draw a grid in Photoshop, each square being a certain amount of pixels tall and wide, and the grid lines having a certain pixel width. Like this: Currently I do this by drawing ...
1
vote
2answers
196 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
1answer
57 views

How make rulers relate with grid somehow in Illustrator?

How to make rulers and grid show the same coordinates and units? Currently it shows absolute delirium for me:
1
vote
2answers
1k views

Illustrator CC: align new objects to pixel grid - TURN OFF!

I have inadvertently created an illustration with the align new objects to pixel grid turned on (not sure why it was on, I did not know or ever turn it on) and want to now scale the image. When I ...
1
vote
1answer
76 views

How can I display text results/posts/sections in a user-friendly and intuitive way?

I've been exploring design trends that use various ways to lay out text data (i.e. an Email app, Search Results, Blog Posts, etc.), and so I'm curious if anyone has any ideas for new ways to display ...
1
vote
1answer
272 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 - ...
1
vote
2answers
490 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?
1
vote
3answers
27k views

Grid / ruler toggle button at top of photoshop missing in CS6

In Photoshop CS5 there was a button at the top bar of the program where you could toggle rulers / grids (it was a square button and the had a ruler-looking border). I'd like to know how I can get this ...
1
vote
3answers
84 views

Make your own grid with custom ratio, start

How do you make the formula to make divisions in a grid given a ratio? For example 2÷3. I like the tool gridappset.com, but I would prefer to do the math myself and experiment with the results. Any ...
1
vote
2answers
81 views

Is there a way to snap the brush to the guidelines in Adobe Illustrator?

In Adobe Illustrator CS5, is there a way to snap the brush to the guidelines? This is the effect I'm aiming to create: I have created my grid and now I want my brush to align or snap to the ...
1
vote
1answer
355 views

What is proper methodology for creating a mood board for a logo design?

There exists a fair amount of references online on how to create mood boards using various online services. I'm looking to create a mood board that has a visual hierarchy, incorporated's colors, ...
1
vote
1answer
164 views

Adjusting leading on headers vs. working with a set baseline grid

I've been trying to lay out my type on a baseline grid. The head of my department always wants me to add more leading between my headings and body copy. I've attached two images to illustrate what I ...
1
vote
1answer
128 views

Is it possible to show symbol grid in Illustrator?

If I turn on grid inside symbol, then it has no relation with symbol's coordinates and it's registration point, which is at zero. So I can't use snap-to-grid function correctly. How to ...
1
vote
2answers
134 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 ...
1
vote
1answer
206 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 ...
1
vote
2answers
699 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 ...
1
vote
0answers
37 views

How to use viewport-relative sized typography without breaking vertical rhythm? [migrated]

For quite a while now, I've been using a baseline grid in my webdesign. I really value the vertical rhythm, with the typography's baselines alingning with the design elements and each other. Up till ...
1
vote
2answers
2k views

Setting up responsive grids in photoshop

I'm having some serious trouble understanding one aspect of responsive design. I understand almost all of the basics but one thing that is troubling me is setting up correct grids in photoshop for ...
1
vote
0answers
59 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 ...
0
votes
2answers
132 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 ...
0
votes
2answers
182 views

Learning how to design graphics using grids

I am a web designer, using grids in web design is pretty easy. I would really like to try and design 2d illustrations, though I am not good at drawing. Recently I keep coming across drawings (like the ...
0
votes
1answer
176 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
1answer
55 views

gap between text on baseline grid

I have applied a baseline grid to some text but there is a gap between the two lines of text. I want the text to sit on the baseline underneath the top baseline. It has a character style applied to it ...
0
votes
4answers
773 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 ...