Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [grids]

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 project.

2
votes
3answers
90 views

Create grid gradient background

I want to create a gradient background like the background in the image below: I have tried the solution in this post but the result is not satisfying. As it can be seen in this picture, it seems ...
1
vote
2answers
44 views

Is there a quick way of splitting concentric circles made with the polar grid tool equally?

I'm in the process of drawing a game board using Illustrator and Photoshop. Each tile on this board should be approx. 1.5cm x 1.5cm, and I have the basic layout done simply using the Polar Grid tool. ...
1
vote
1answer
69 views

Why are precise measurements frequently included in brand identities?

In pretty much every brand identity I've seen, there are graphs, geometric shapes and lines and grids, measurements (with whatever arbitrary base units) and whatnot, drawn all over logomarks and the ...
0
votes
2answers
41 views

Create grid in Photoshop CS6 for pixel art?

I'm a Photoshop amateur and I'm trying to make some pixel art. It'd be way easier if I had a grid as a separate layer or tool, that I can fill square after square and then remove the grid without ...
0
votes
1answer
25 views

How can I create a grid that is a rectangle in GIMP?

How can I create a grid that is 150x50 pixels? The grid feature in Filters->Renderer->Pattern->Grid does not let me create grids other than a square.
0
votes
0answers
20 views

Outside gutters in Sketch app

I'm setting up a layout grid in Sketch, and I'd like to adjust the outside gutter width. As I understand it, Sketch automatically calculates these outside gutters to be 50% of the width of the ...
0
votes
3answers
56 views

If there are any square-grid Latin fonts

Pretty much every font I can think of is in a sort of portrait, paper-proportioned-ish grid, sort of like this: _ | | |_| A 1x2 grid fits tall letters like l and short letters at the bottom like s. ...
0
votes
1answer
33 views

Grid Lines to keep objects level

I'm not even sure what this is called and no matter what I look up I cant find the right thing. I only noticed when it disappeared I feel like I hit a key or clicked something and no matter the ...
0
votes
0answers
78 views

Layout vs Grid Problem

I have trouble understanding the relationship between Material Layout definitions and Material 8px grid system. When you place one above another, they don't match. So, what do I use the layout for? ...
0
votes
2answers
479 views

How to create evenly spaced grids in Inkscape?

I would like to create a pattern of rectangular/circular grids with specified spacing from their center (that is supposed to defines the pixel pitch in my pattern). I am able to make patterns with a ...
0
votes
1answer
226 views

Krita - How to Snap Assistant Tools?

Using both the Assistant Tools and Grids and Guides in tandem with one another is useful for pixel art, comic book panels and perspective. There’s a problem with setting these up and I couldn’t find ...
-1
votes
1answer
216 views

How to split page in half horizontally in InDesign?

This should be simple question. I just want to know how to split page 50% horizontally without annoying grid. Just a absolutely simple dividing line at 5.% of the page.
0
votes
2answers
103 views

The grid system of the brochure for Die Neue Typographie

This is page 35 from the book Grid Systems: Principles of Organizing Type. In this page author give us an example of the brochure for Die Neue Typographie. I can't understand how this grid system ...
0
votes
2answers
74 views

Why are designs not done with a perfectly aligned grid and layout? [closed]

Why do so many designs have the grid and layout misaligned: Instead of having the Grid and Layout aligned: The majority of projects I have downloaded from sketch resources website, don't even use ...
2
votes
1answer
163 views

How do I set up column grid/guides for a landscape document in InDesign?

I'm relatively new to designing on a grid and was wondering if some more senior designers could share how they go about creating column guides to keep a visual consistency in their InDesign docs. ...
0
votes
1answer
148 views

How to show grid over elements and center elements to the grid?

I'm using Adobe Illustrator CS6. I've create some elements, such as a simply gray rectangles with black border. I've enabled the Grid on the settings (Gridline Every 10px, Subdivisons 10). Here's ...
9
votes
4answers
3k views

How to make a hexagonal grid?

I'm trying to make a hexagonal grid, I want each hexagon to be it's own shape, with no extra paths. I've tried a bunch of different methods to create a hexagon grid, something like this (where each ...
1
vote
1answer
119 views

Grid and design guidelines for 3D system icons?

I'm experimenting with 2D interfaces for 3D design and spatial interfaces and looking for some guidelines such as material design Note: I'm not talking about 3d icons in general (style) but icons ...
0
votes
2answers
323 views

Is it possible to create a grid in Gimp that is part of the image?

I want to make pixel art in Gimp, but the grid that I pull up is only a filter. I'd like to get a perfect fill for each pixel instead of having to measure the pixel and line it up each time. Is it ...
1
vote
1answer
92 views

Iconography Sizing - Creating a Grid

I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
0
votes
2answers
167 views

Can I adjust the grid to fit the screen size? [closed]

Everywhere I look, I come across the 96o grid, like it's the only one that exists, so I am wondering if I can adjust the grid width to what I need, for example to "stretch" it to 1400 on the 1440 ...
0
votes
1answer
42 views

How to display a grid of images that have different aspect ratios?

If I have a grid of images, let's say political cartoons, that have differing aspect ratios and cannot be cropped, how can I display them in a grid or even linear fashion? My current solution is ...
-1
votes
0answers
45 views

What's the supposed size of the grid? [duplicate]

I know it's a pretty basic question, but I am struggling to find any definitive answers by myself. I know that the default size of the grid is 960 pixels. But why is it so, when screen sizes are ...
1
vote
1answer
2k views

How do you modify horizontal blue lines in InDesign?

I did run across Horizontal blue lines resembling notebook paper? and when searching through the documentation under Layout grids it indicates: However, in CC 2017 there is only Liquid Layout, so how ...
0
votes
1answer
719 views

Designing with “bootstrap grid system” in mind

I've designing for web since 2006 and I waste a lot of time ignoring things like bootstrap. I understand how grids, and the specific bootstrap, work but I have a theoretical question about it. How do ...
1
vote
1answer
99 views

Photoshop grid not vertical/horizontal?

This seems like a bizarre question to have to ask - why are my grid lines not perfectly horizontal and vertical?
3
votes
2answers
489 views

Why would I want to a use baseline grid in Illustrator cc?

What are the benefits be of using a baseline grid in Illustrator for a limited amount of text?
2
votes
1answer
266 views

Difference between vertical spacing system and baseline grid in digital design

What's the easiest way to explain the difference between vertical spacing system and baseline grid in digital design? By vertical spacing I understand distances between all elements on a web page and ...
-1
votes
1answer
1k views

Remove grey vertical bars in Sketch [closed]

I am getting the following lines in Sketch, what do they mean and how can I remove them?
0
votes
1answer
1k views

Aligning the baseline grid to guides and margins in InDesign

When I create a grid using the "Create Guides" feature in InDesign (I want rows, columns and margins), I can not figure out how to align the baseline grid with the guides. Is there a mathematical ...
1
vote
2answers
2k views

how can i make custom grid lines to act as guides in Illustrator?

I want custom angle grid lines. i learned that i can make them act as guidelines, but how can i have grid lines other than vertical and horizontal gird lines ?
1
vote
1answer
159 views

Illustrator: Clean lines and snapping with curves

So I'm new to using the grid. This is the effect I am going for. If you look closely you will notice the curves don't quite match up with the edges as shown by the next picture. At first I thought ...
0
votes
1answer
747 views

Photoshop: shift+resize (transform) disables snap to grid function?

When I grab any side of an object in transform mode, I can have them snap to a grid (purple line is visible to indicate alignment) but whenever I grab a corner to keep the correct ratio, the shift+...
1
vote
0answers
1k views

Number of columns for mobile devices in grid systems

Currently designing in Adobe XD me and my team were discussing about the perfect approach to grid systems. How in You opinion should we handle the number of columns for mobile devices? 1. Go the ...
2
votes
1answer
84 views

Is there any universal grid division rule to use in any format?

I've been wondering if there's a universal grid structure to use regardless of format/page size/proportions? While researching online or reading professional books i usually can see that there are a ...
3
votes
1answer
2k views

How to make a glowing neon perspective grid in Gimp?

I’ve been experimenting in GIMP; I didn’t get on so well with Inkscape. I want to get into retro designs in an 80's style. I found this old (closed) question with an 80's text made in GIMP but the ...
1
vote
1answer
204 views

Putting a meshed object on perspective grid

I am working on a picture of a room. The room has a poster in it. I created a symbol of the poster, and it includes a picture of a soccer ball, shaded with gradient mesh. Unfortunately, I cannot put ...
1
vote
3answers
578 views

Converting shape into symbol in Illustrator distorts the box

I am trying to convert a simple shape into a symbol. When I do that, the selection box (I don't know the technical term for it) changes. So here we have the shape. Align to pixel grid is off, snap ...
3
votes
1answer
178 views

How can I replicate the Bourbon Neat grid in Sketch?

I am trying to set up a grid based on Bourbon Neat in Sketch. I tried Bootstrap grid but the grid size for Bootstrap is different compared to Neat grid. What Layout settings could be used to ...
0
votes
1answer
849 views

Stop Illustrator from snapping to other artboards?

So i'm working in Illustrator and I when I move something it tries to align it to something from another artboard as opposed to anything in actually in my current art board. Is there a setting to ...
7
votes
2answers
10k views

How to set ruler measurements in Inkscape

New to Inkscape and I just noticed that I can change the grid units. But can I also change the ruler units, If so, how?
3
votes
1answer
4k views

InDesign: any specific rules for margins in print

In InDesign when I set up a DIN A4 document, margins are usually set at 12,7mm. I was wondering if this is for a reason and if there are any rules / best practices for margins as to whether one should ...
0
votes
1answer
355 views

Pixel Grid issues and aligning anchors in Adobe Illustrator

I cannot get my anchors to align properly, whether it's a new document or an existing one. Exact same issue as this, only now with CC, there doesn't seem to be a way to "uncheck align to pixel grid" ...
1
vote
1answer
362 views

InDesign: should a baseline grid be used for 190-page magazine?

I always used a baseline grid until now for magazines up to 90 pages, but this magazine will be around 190 pages, it is more like a book, so do I need to make it with text aligned to baseline grid? ...
-3
votes
1answer
499 views

Logo Grid Design

This is my first question in this site, so I ask Apologize If I didnt understand very well how this system works, anyway I think my question was clear, specific and different from the provided link, ...
7
votes
2answers
438 views

The basics of webdesign for responsive grids

I've never designed using a grid layout. I want to do that now so my developer can easily change the current layout, that is already made using a row/column grid. I opened my software, made a grid ...
2
votes
2answers
4k views

Setting text in a grid, neatly

Look at a Yahtzee printed scorecard. I want to make a page with foreign language translations of the description column and notes/explanations, that lines up exactly with the official sheet and ...
0
votes
1answer
913 views

Best practices for defining grids/containers/spacing using responsive layouts

I am laying out a web app and have decided to use a 12-column, 30px fixed-width gutter (existing constraints dictated our layout). However, how should I design the spacing units, margin, padding, etc. ...
1
vote
2answers
439 views

Export grid of images from Inkscape to individual PNG files

How can I export a grid of icons from Inkscape to a series of PNG files? The icons are aligned correctly in a grid that define their final shape. Here is a sample of the bottom right corner: I want ...
0
votes
1answer
1k views

Logo construction (grid?)

I'm trying to figure out how this logo was constructed but I can't make sense of the highlighted (in pink) circles... Can anyone tell me how that was made? I'm looking for an Adobe Illustrator ...