Monday, May 30, 2011

The Photoshop Etiquette Manifesto for Web

I'm a designer . I don't do any coding, just design. I work in InDesign, Illustrator, occasionally photoshop. I then hand off my Illustrator/PSD design files to the developer who applies the code. Sometimes i run into trouble and endless QA with my friend web designer over the mock up sites i design

In my opinion, there's two sides to this:

1) as a Graphic designer i should know the limitations that exist when designing for the web.
2) the developer should be able to match my design perfectly as long as my requirements are realistic for a web design (hence point #1) such as using a 960 Grid System template and using a 10px grid with snap to to grid turned on in photoshop/illustrator. That way all my layout elements will be 10px/20px/30px/etc apart and easier to work out, code wise.

Here's a website that lists a set of guidelines for communicating your designs to the developer:
The Photoshop Etiquette Manifesto for Web Designers
photoshopetiquette dot com



Hope it's useful for the designers who mostly do print collateral.

The Photoshop Etiquette Manifesto for Web

7:25 AM Posted by Unknown
I'm a designer . I don't do any coding, just design. I work in InDesign, Illustrator, occasionally photoshop. I then hand off my Illustrator/PSD design files to the developer who applies the code. Sometimes i run into trouble and endless QA with my friend web designer over the mock up sites i design

In my opinion, there's two sides to this:

1) as a Graphic designer i should know the limitations that exist when designing for the web.
2) the developer should be able to match my design perfectly as long as my requirements are realistic for a web design (hence point #1) such as using a 960 Grid System template and using a 10px grid with snap to to grid turned on in photoshop/illustrator. That way all my layout elements will be 10px/20px/30px/etc apart and easier to work out, code wise.

Here's a website that lists a set of guidelines for communicating your designs to the developer:
The Photoshop Etiquette Manifesto for Web Designers
photoshopetiquette dot com



Hope it's useful for the designers who mostly do print collateral.
You can leave a response, or trackback from your own site.