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

0
votes
1answer
81 views

How to adjust online grids to desktop web design and mobile web design in Photoshop?

There are many good grids online (1200px.com, unsemantic.com) that can be downloaded as PSD and used in web design in Photoshop. Now I have 2 questions in relation with this: When I apply this ...
0
votes
1answer
28 views

How to grid inside of a shape on Illustrator

I'd like to make a shape with a grid inside of it. O course, fitting a grid exactly into a square is simple. But I'm having a hard time fitting a grid into an irregular shape like an ellipse. My ...
1
vote
1answer
17 views

Should Widgets Follow the Vertical Rhythm?

When designing for a vertical rhythm on the web, should form elements also follow along with the rhythm? I am currently working on developing a new set of guidelines and patterns for an enterprise ...
0
votes
1answer
26 views

How can I reset the grid rotation in Illustrator?

For some reason the grid got tilted in my Illustrator. Now everything has this tilted grid, even when I open new projects. I can't find anything online. Any clue what's going on?
1
vote
3answers
58 views

Why Bootstrap's grid gutters in the middle are twice as large as on the edges?

The Grid System of the popular Bootstrap Framework creates column grid where the gap in the middle between columns is twice as large as the edge margins: http://jsbin.com/baxunex/edit?html,css,output ...
2
votes
1answer
125 views

How would I restrict a path to a hexagonal grid?

So I need to create a world map using only hexagons. I have an svg of every country on earth that I got from QGIS. Basically, I need to do what I did with China (above) to every single country. ...
4
votes
2answers
66 views

Creating nested grids in Illustrator

I'm currently using Illustrator and Photoshop CS6 and my goal is to create a UI for a Battleship game. I have my eyes on this to use as a reference: Photoshop cannot do much vector and grid work so ...
1
vote
1answer
205 views

Reliable Grids in Photoshop CC15 artboards

So I was/am really happy that Photoshop finally came out with artboards. It's great for a series of web ads and a whole host of other things, but what I use it for most is what it was intended for, ...
0
votes
1answer
52 views

How to stop Photoshop CC from snapping to other elements?

I'm trying to move elements around on the grid, but Photoshop CC keeps trying to snap to other elements in the image. I've tried turning off View > Snap and then turning on View > Snap To > ...
1
vote
3answers
83 views

Can't figure out how to snap object to grid

I am learning Illustrator right now, and I follow this Adobe guide to learn how to create pixel-aligned objects. The problem is that I seem to do everything as described in the guide, but regardless ...
4
votes
4answers
20k 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 ...
8
votes
5answers
49k 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?
16
votes
4answers
101k 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 ...
2
votes
2answers
32 views

Is it possible to give an offset to page grid in Scribus?

Is it possible to offset the page grid in Scribus? My page layout has the following settings: Margins = 1.5 cm (top, left, right, bottom) Page Grid = Main spacing 5.0 cm, Secondary spacing 0.5 cm. ...
13
votes
3answers
152 views

What is the logic behind loose grids?

I am trying to understand the logic behind these "loose" grid systems often used to display photographs. I have tried deconstructing these types of grids but can't seem to find a coherent explanation ...
1
vote
2answers
88 views

Are iPhone apps based on a grid?

Google provides all design specifications in their design documentation, which is very rich and outlines every single element - its size, padding etc. Everything, including material icons and text ...
0
votes
2answers
65 views

How to work with subheads and baseline grid in InDesign?

I'm trying to figure out how to deal with subheads and baseline grid in InDesign. I want them to have different space before and space after values. But I also want my body text to have consistent ...
1
vote
1answer
6k views

Remove white grid lines when zoomed in Photoshop

I'm working on a game with lots of precise pixel artwork, and I need to be zoomed in on my work 24/7. Recently I switched to a Mac computer and this version of Photoshop automatically creates an ...
0
votes
1answer
40 views

Slice/Cut/Divide an artwork and paste them in different artboards (Illustrator)

I have an vector Logo file. I need to increase its size to 10m x 10m. Printer can only take upto 1.3m x 2.5m , so he asked me to slice/cut/divide/tile(I dunno the exact word for it) the entire file ...
0
votes
4answers
425 views

When designing PSDs for responsive design, how do grids and columns behave?

Ok, so I have this question that has been bugging me for quite a while, I'll try to explain it in detail. I'm designing a regular marketing website, and did the desktop version first using the ...
7
votes
4answers
18k views

Adobe Photoshop: Creating a matrix grid / collage of images

Is there a convenient way of creating a grid, or a collage of images, without having to do it manually? Ideally I want a 64x64 square grid of images that are each 100px * 100px. I've seen them done a ...
5
votes
1answer
158 views

How to choose a grid system for print

Grid systems are one of the most useful tools in graphic design. They can range from a simple baseline grid and margins to a complicated modular system. Some examples: I'm interested in how to ...
7
votes
1answer
196 views

Script to automatically snap all points to grid in Adobe Illustrator?

How would you write a script to move all points of all selected paths to the nearest (non-pixel grid) grid point? e.g. I want all of the points of each polygon/path to snap to the nearest point on ...
2
votes
3answers
2k views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using WordPress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
5
votes
1answer
213 views

How to align elements to Bootstrap grid?

Sorry for the beginner question, but I'm having a hard time trying to figure this out. I'm using a grid for a Bootstrap design but my problem is how do I align elements to the grid? See my image for ...
0
votes
1answer
2k views

Snap to grid in Inkscape

How do I set up snap to grid in Inkscape? I have a grid enabled but snapping doesn't seem to be working. This answer pointed me in the right direction but still didn't solve my problem. I am sharing ...
4
votes
3answers
484 views

What is the purpose of having outside gutters on a responsive grid?

Sketch has the option to add outside gutters to the grid. What are these for and what would be an example of a situation where these are useful?
6
votes
3answers
21k 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 ...
10
votes
5answers
135k views

How to quickly and easily create a grid with Adobe Photoshop?

Suppose I need to draw a grid in Photoshop, each square being the same size, and a certain amount of pixels tall and wide, and the grid lines having a certain pixel width. Like this: Currently I ...
3
votes
1answer
746 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 ...
1
vote
1answer
72 views

How to achieve this kind of color effect (colors in “anarchic grid”)?

I'm trying to get a result close to the one below in Illustrator, but I never end up with a satisfactory result. I think this kind of logos was pretty popular some time ago, with vivid colors and ...
0
votes
1answer
130 views

Can't find preferences tab to adjust and customize grids

I was just going through this tutorial HERE , and this guy adjusts his grids, by going to preferences, see the screenshot that I grabbed from the video: Now I have the following Photoshop ...
3
votes
4answers
3k views

Why is Photoshop's pixel grid smaller than my actual pixels?

I'm trying to set up Photoshop cc 2014 for pixel art graphics, but I have this weird issue where my pixels don't align to the grid. I can't work out if it's my pencil which is creating pixels too ...
1
vote
2answers
72 views

Visible grid using Indesign CS6

I am volunteering at a non-profit, and creating a document for an upcoming event. One of the pages will resemble a 'blueprint' like theme that contains instructions for people to follow. I want it to ...
0
votes
1answer
131 views

Why do they use “dp square” unit for measurements of baseline grid in relation to “icons”, but “dp” unit in relation to “type”?

In this specification document for Material Design in Android, it is written, All components align to an 8dp square baseline grid. Type aligns to a 4dp baseline grid. Iconography in toolbars ...
0
votes
1answer
85 views

Snapping to grid while using smart guides

Here it says I can't use snap to grid and smart guides at the same time: Note: When Snap To Grid or Pixel Preview is turned on, you cannot use Smart Guides (even if the menu command is ...
4
votes
1answer
1k 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 ...
0
votes
1answer
53 views

Change snapping boundary

Here it says when using "snap to grid", that it snaps when I am within 2 px of the grid When the object’s boundaries come within 2 pixels of a gridline, it snaps to the point. How can I change ...
1
vote
2answers
363 views

How to align a single letter within a text object to the edge of the bounding box in Adobe Illustrator?

I want to align a textfield to the top left of a box, as per how the Grid Systems cover looks: The round letters in the headlines should overhang slightly. I am able to get quite close by using: ...
0
votes
0answers
74 views

How do I stretch the texture on a specific area GIMP

I am trying to stretch a texture on a specific area, to do that I thought of trying to use the Cage Tool, and when I finish(join) the path(curve) around my texture I don't see anything like this, ...
4
votes
1answer
421 views

Spacetime Fabric Curvature

I'm using Illustrator to create a 10x10 grid that I wish to manipulate so I can achieve this effect: But I'm unsure how to do it. Using the various Warp filters does not achieve the result I need, ...
0
votes
0answers
246 views

Should I adjust the 960 grid system width for bigger screens?

I'm designing a website in photoshop and using the 960 Grid System 12 column. Automatically the canvas width is 1,020 Pixels. For bigger screen resolution screens should I expand the width of the ...
0
votes
1answer
82 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
1
vote
0answers
436 views

Photoshop CC 2015 artboards have phantom grid lines being displayed [closed]

I am seeing strange 1px black lines on 'unselected' artboards. I've gone through my 'view' settings thinking, maybe, I had inadvertently hit a quick command that toggled on my grid. But I quickly ...
1
vote
1answer
30 views

What does the Dreamweaver grid layout refer to, and what is the standard?

I saw that in Dreamweaver, as well as in .psd, designers use guides to separate the page layout in 'grids'. I suppose this is tied to the idea of responsive web design, but I want to know why a ...
0
votes
1answer
261 views

Inkscape: How to export the grid to PDF?

When saving an Inkscape graphics as a PDF, I also want to save the grid. How can I do this? If I just export to PDF, the grid is not saved.
4
votes
3answers
168 views

Aesthetic rules for sizing items in grid cells

(TL;DR: How big should the black boxes be in the grid below?) I have a grid of cells containing a rectangular shaped image (it's actually the same image repeated). The ratio of the image width/height ...
8
votes
2answers
9k 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 ...
2
votes
1answer
84 views

What's the reason of this statement? “Content is usually best served by appearing as far left as reasonably possible” [closed]

I was reading "Ordering Disorder" Grid principles of Web design from Khoi Vinh, in where he mentions that without much explanation. He got a long copy (8 units wide) inside a column of 10 units, in ...