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