Search This Blog

Sunday, October 13, 2013

Welcome to Designers Dairy blog here i have posted how to design Grid base layout in psd




Step1:

 Go to this site http://grids.heroku.com/   u can easily divide your templates into Columns


Step2:


Install guide guide extension in photoshop

Step3:

For example if the template with is 940px   . u have to make ur template width 960px.

each and every template u have to add 20px

Gutter (space between the span)   - width  20px;

Margin left & right - 10px;

step4:



Step4:

Enjoy Dude





No comments:

Post a Comment

Validating to select in sequencial order using angular

    < input type = "checkbox" (change) = "handleSelectTaskItem($event, taskItem)" [checked] = " taskItem . i...