: 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

Posted in: #AdobePhotoshop #Grids #InterfaceDesign #WebsiteDesign

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 template in my Photoshop document, they have small right and left margins, how do I adjust such templates to my needs because I want MORE white space, not 5-10px as the templates have? (do I go to canvas size and increase the size of canvas on both sides or else?)
How to use same 12 column grid template for mobile web design?

May be I am thinking the wrong direction, I am just confused, your help would be appreciated

10.02% popularity Vote Up Vote Down

: How to break object by anchor points? Suppose I have a rectangle, which has 4 anchor points in it's angles. How to break it into set of 4 sides in the same places? Below I show them shifted

@Lee3735518

Posted in: #AdobeIllustrator #AnchorPoint #Path

2 Comments

: I had create a logo using illustration and my client want to use it in a video what format will be good form saving logo? I am using illustrator to create the logo and my client want to

@Lee3735518

Posted in: #AdobeIllustrator

2 Comments

: Does anyonw have a script for adding sequential numbers (as a prefix) to layer names in Illustrator I'm looking for a script that can add sequential numbers as a prefix to existing names of

@Lee3735518

Posted in: #AdobeIllustrator #IllustratorScripting

1 Comments

: How Do I Make a Sharp Corner I'd like to know the best way to make a sharp corner after a corner point has been set. I've tried dragging the handle around, but maybe I'm missing a step?

@Lee3735518

Posted in: #AdobeIllustrator #Path

1 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Angela777

As Afterteam wrote Griddify is a cool plugin.

You can also use:

960.gs/ guideguide.me/

If you have Photoshop CC go to ViewNew Guide Layout and choose your measurements that you want to use :)

Your second question can be solved in two ways:

again like Afterteam wrote :)
set less number of columns (this same size as in desktop view) for mobile (example: Desktop: 12 column, Tablet 8 column, mobile 3 column)

10% popularity Vote Up Vote Down

@Martha945

how do I adjust such templates to my needs because I want MORE white
space

Griddify is a free plugin for PS that allows you to easily compose custom grid systems with columns and white spacing.

How to use same 12 column grid template for mobile web design?

Simply adjust the settings to fit your new screen size.

10% popularity Vote Up Vote Down

Feed

: 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

More posts by @Lee3735518

: How to break object by anchor points? Suppose I have a rectangle, which has 4 anchor points in it's angles. How to break it into set of 4 sides in the same places? Below I show them shifted

: I had create a logo using illustration and my client want to use it in a video what format will be good form saving logo? I am using illustrator to create the logo and my client want to

: Does anyonw have a script for adding sequential numbers (as a prefix) to layer names in Illustrator I'm looking for a script that can add sequential numbers as a prefix to existing names of

: How Do I Make a Sharp Corner I'd like to know the best way to make a sharp corner after a corner point has been set. I've tried dragging the handle around, but maybe I'm missing a step?

Login to post a comment!

2 Comments

Back to top | Use Dark Theme