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
22 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 ...
1
vote
1answer
29 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
1answer
76 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 ...
2
votes
1answer
73 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. ...
0
votes
0answers
11 views

How I can adjust the pen tool to the standard gray grid in Sketch3?

you see the pen tool does not meet the standard grid
5
votes
1answer
98 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 ...
7
votes
1answer
115 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 ...
4
votes
3answers
170 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?
0
votes
1answer
135 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 ...
1
vote
1answer
64 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
75 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 ...
1
vote
1answer
121 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, ...
1
vote
2answers
56 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 ...
1
vote
2answers
65 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
1answer
94 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
0answers
52 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
246 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
182 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
54 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 ...
0
votes
1answer
44 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 ...
0
votes
1answer
64 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
352 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
26 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
167 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.
2
votes
1answer
82 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 ...
0
votes
4answers
321 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 ...
2
votes
0answers
174 views

Aligning Brushes to Edge with Grid (PS)

I've made a custom brush in Photoshop and I'm trying to use it on a pixel grid that I've set up however whenever I try to use it, either with brush or pencil (I'm relying on the pencil tool for it's ...
-1
votes
2answers
179 views

Illustrator basic: 3d grid view

Anyone knows how to hide this "3d grid looking" object? I must have used some smart shortcut.
1
vote
1answer
3k 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 ...
2
votes
1answer
2k views

Set an alternate baseline grid in an InDesign document, different to the rest of the document

Baseline grids in InDesign are set on a per-document basis, in preferences. What if I need a different baseline grid somewhere in a document? Can I override the document baseline grid in one ...
0
votes
1answer
112 views

What is the natural aspect ratio of a 12 column grid?

If I have a 12 column grid, what's the natural aspect ratio for items in the grid? Or, more specifically, I'm using 3 content-columns - each 4 grid-columns wide. Is there a natural height of images ...
0
votes
1answer
447 views

How do I make an image grid with logos? Photoshop, Illustrator or Indesign

I'm looking for a way to make automated image grids to be filled with logos. Like this one: I work on a firm which every month makes an event and invites hundreds of companies to participate. There ...
1
vote
2answers
1k views

How to align text exactly to grid?

I am having a very hard time trying to align my text (among other elements) to my grid. I want the text area to line up flush to my grid lines.
1
vote
1answer
422 views

What's more important, baseline font-size or baseline line-height when creating grids based on a modular scale?

I'm trying to understand grids based on modular scales and how to use them in web design. From what I understand, there's two ways to decide a baseline value for your scale...using your baseline ...
3
votes
2answers
1k views

Tell element to not snap to custom baseline grid

I'm editing a template with a baseline grid (the pink lines). The one you turn on/off with Cmd+Option+' by default. I added an icon with Font Awesome and can't align it vertically with my text ...
3
votes
3answers
211 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
0
votes
1answer
405 views

checkerboard draw behind in Illustrator

Is there a way to create a quick checkerboard pattern that can used to draw behind a shape? I can use the Rectangle Grid to make a normal grid to do this but when I create a checkerboard shape the ...
2
votes
3answers
1k 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 ...
2
votes
2answers
72 views

Trying to “select all” and dragging whole document - but some lines do not move

In Inkscape I am editing an SVG file (please click the Raw button to download; copyright CC-BY-SA by Denelson83). I have defined a grid of 15 x 15 for the whole document and toggled the Snap bounding ...
1
vote
2answers
146 views

Should the gutter and the baseline have the same value?

So, I'm trying to set up a rather strict grid system and wondering what the "rules" for dealing with the gutter and the baseline. Should they have the same value?
1
vote
1answer
213 views

How to paint the pixel I'm currently hovering on, not the one underneath it or to the right, with the 1px pencil in Photoshop?

I'm trying to use Photoshop for some quick pixel art. I have my 1 px grid set up, and am using the 1 px pencil to color in pixels. However, if the crosshair is even slightly below center of the ...
3
votes
3answers
159 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 ...
1
vote
2answers
199 views

Grid system building methodology for web

For a long time now, I have been using premade grid systems, like foundation grid for instance, which consists a grid of 12 70px columns, and 30 px gutters. But as my design passion seeks the best ...
1
vote
3answers
2k views

What is the PSD to HTML best practices with HTML5?

I'm getting quite confused with all the different methods of converting from psd to html 5. I'm trying to practice converting PSDs to HTML so i get enough experience. There are a ton of complicated ...
3
votes
4answers
2k 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
0answers
30 views

Method of filling several cells in a grid quickly in Photoshop [duplicate]

I am using Photoshop 7.0 and want to fill a grid with diffent colors After creating a grid with the pattern-tool (works fine), each cell has to be individually clicked and filled with the ...
1
vote
1answer
987 views

How to create a grid system on a tri fold leaflet or brochure in InDesign

I’m new to working with grids and tri folds, and I was wondering if anyone could help me out? As you well know when creating a tri fold, the fold in panel width becomes a different size than the ...
2
votes
4answers
591 views

How to choose a grid, for a complex mixed content web page

Planning a web page design in wireframes is super easy, but the next step is to choose a grid and build the page in Photoshop. This is a mine field to me. What is your methodology for choosing a grid ...
3
votes
3answers
272 views

What should be the relation between margin and padding?

In grid-based layouts, should there be any relation between margins (the distance between elements) and padding (the distance between an element content to its edges)?
0
votes
0answers
22 views

PDF gridlines only viewable when viewing via web [duplicate]

I have a PDF file that shows grid-lines, but only when viewing it in Firefox (when I open the PDF on my computer, or in Chrome, I see no grid-lines). Does anybody know how to remove the grid-lines ...