什么是风格指南？简单的说，就是一份告诉你如何讲故事的文档。它确立了一些标准，例如怎样撰写文案、怎样排版、怎样打造视觉元素和交互方式等等。风格指南源自于印刷领域，例如报刊(看看卫报的风格指南)；在Web领域，它同样体现出了巨大的价值。

    无论是传统印刷，还是互联网，最关键的都是“内容”。风格指南的最终目标就是让内容以清晰并且一致的视觉风格呈现出来。BBC的全球体验语言(Global Experience Language,GEL)就是网站风格指南的绝佳范例。不妨通过页面右侧的“Download GEL Web Styleguide”下载一份PDF文档来稍作了解先。

    关于系统的故事

    好的风格指南看上去就像是网站的自传，它能够让其他人与之进行互动，从而进一步了解并扩展这个网站。风格指南应该包含相关人员在网站项目过程中所积累的知识与经验，并以直白的方式描述出来；它在设计系统的层面上诠释了项目过程中的各种设计思路，使团队中的其他设计师，或是将来的团队，能够更好的了解项目，展开工作。

    也许你会想，作为设计师，这些难道不是我们在本能当中应该了解的吗，何必搞到文档中呢？在实际工作中，设计师不可能包揽所有的事情，例如商业研究、内容策略、用户体验、技术开发、QA、部署等方面的工作需要涉及到的人员和团队也许会有很多，你要在恰当的环节将文档交付给对应的合作部门，使他们在必要的时候可以更加准确的了解网站产品的特性。

    通常，在网站的界面设计工作结束之后，交互设计师与视觉设计师就该展开风格指南方面的工作了。看看你是否熟悉下面这样的情景：你们已经在Photoshop或Fireworks当中打造了完美的视觉稿，每个像素都很到位，行间距控制的不错，配色即合理又富有含义。很棒，接下来应该将设计稿交付给前端开发了；你准备怎样就方案中的每个细节元素与开发人员进行沟通呢？回想一下你们在设计过程中作出的各种重要的设计决策，那些背景的不透明度为60%、拥有一像素浅灰色边框的容器，那些像素级精确的padding与margin设定...所有这些，你们应该以怎样的方式与开发人员进行交流，才能让他们了解到这些重要的细节呢？