3

I'm working for a client that requires me to create website style guides from detailed photoshop mockups of the already designed website. These style guides are then passed on to the actual developers so that they can code and create the CSS based on the provided style guides.

Previously I've done all of this myself, so I never really bothered creating style guides. I was wondering if anyone has a software of preference that they use when creating style guides. I currently have been using Photoshop and just overlaying lines on top of the website layout to detail dimensions and so forth. Really I wanted to know if there's an 'industry standard' for how these should be created.

2 Answers 2

2

I'm going to answer this a little backwards, because the content of a style guide is more important than the program you create it in.

In my opinion, from both creating and working with style guides, a style guide should allow you to start with a completely blank document and end up with something which looks exactly like it came out of the client's in-house art department.

To accomplish that, you need to spec everything. Fonts, colors, style of photography, spacing, code style, the works.

By way of example, I answered this question on Writers, but my answer was mostly design: What needs to be included in a Corporate Style Guide?

So once you've determined what you need to put in your guide, the program you create it in is "whatever it's easiest for you to work in." For your example, I'd create images in Photoshop and the guide itself in InDesign.

1
  • Thanks. I'm doing this in a corporate environment and just fell in the flow of how they were doing their guides and I was trying to see if there was something more efficient. We create a layered PSD document and build a style guide based off of the approved design. I haven't had any complaints about the guides I've created, they are just a pain to create. I haven't had that much experience with InDesign but I may look into it if in the end it will be faster than using Photoshop.
    – J_Tremain
    Aug 5, 2013 at 19:56
1

There is no industry standard because 'style guides' for this purpose--waterfall software development--are going to be entirely dependent on the needs of the particular designers and developers you are working with.

Ideally, you avoid them altogether, as static PSDs-to-static-style-guides is really just asking for trouble.

That said, it's still at typical process--especially with outsourced development.

I'd start with talking with the developers your company has hired and ask them "what do you want in a style guide?" and go from there.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.