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.
Monday, May 30, 2011
The Photoshop Etiquette Manifesto for Web
Labels:
adobe,
faulty files,
Graphic Designer,
paragraphs styles,
photoshop cs5,
psd,
RGB,
text wrap,
tips,
Web designer,
webdesign,
website,
wireframe
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.
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.