Pagepro Blog

Agency Resources

PSD Delivery Checklist

Posted on .

PSD Delivery Checklist

Introduction

The quality of design source files is very important for delivering high-quality HTML/CSS code.

We’ve written a short checklist for designers. Now before sending PSD files for front-end team you can check if you have everything well prepared.

Package with design and design related files

  • Have you included JPG files for all pages (home page) and all page variants (home page popup, filters opened, menu expanded)?
  • Have you includedJPG & PSD files for desktop, tablet and smartphone if the project requires RWD?
  • Have you included PSD files covering all the pages and page variants including RWD version?
  • Do you have a naming convention for PSD and JPG (if page named about you should name PSD “about_vol-6.psd”)?
  • Have you included all web fonts in all needed formats: .ttf, .eot, .woff, .svg, .otf?
  • Have you sent the latest version of the files without duplicates or outdated versions?

PSD Quality

  • Are you naming your layers / folders properly (“logo – hover” instead of “Copy of Layer 234”)?
  • Are you using and sticking to grid (unified columns, paddings and margins)?
  • Have you removed all unused layers / folders?
  • Are you grouping your layers (header, footer…)?
  • Have you provided hover examples?
  • Have you gotten rid of blending modes in your PSD?
  • Have you sent files in good resolution and quality (with Retina support)?
  • Are you familiar with http://photoshopetiquette.com?

An interactive version of this checklist is available here: PSD Delivery Checklist.

Please feel free to contribute, fork and submit issues about this checklist on our GitHub account.

Chris Lojniewski

Chris Lojniewski

http://pagepro.co

There are no comments.
View Comments (0) ...
Navigation