大多数设计模板有两个部分：

文字标准

视觉标准

这两个标准，是同等重要的，都是整体风格规范的一部分。把元素结合在一起将建立一个整体形象。每一个品牌或企业网站都有自己与众不同的地方。选择一个色调和风格，同步运用在字体和视觉画面的效果上，把你的网站和用户融为一体。

建立网站整理形象的时候，也正是品牌需求考虑到用户和相关利益的人对此有何种期望的时候。是否被期待？是否有关联，是否愿意在这样的网站上进行浏览使用等交互行为？

语言风格

虽然我们将主要精力集中于网站风格规范的视觉方面，但语言风格是非常重要的，是整体网站的一部分，也是你与用户“交谈”的方式。语言风格是正式还是轻松的？是冗长或更简洁的？

用同样的方式为网站格式写你的风格规范。这将有助于提示你的团队知道网站的初步设想，以及如何运用语言风格去协助于品牌标识。

语言风格是与每一位用户沟通使用的。返回到MailChimp，我们通过他的品牌语言风格的塑造上全面审视。注意到公司谈论及它的吉祥物，举个例子：“Freddie是我们的吉祥物。我们不需要使用他与我们的logo组合。Freddie的脸右侧面的，他的表情一直是眨着眼睛的。”

“准则”及用途

你的风格规范应该是你设计的“剧本”。（可能是比“规范”听起来更通俗易懂？）

它应该概括了如何以及何时使用的字体、颜色和所有其他设计元素类型，让人更容易理解。包括：

调色板，包括标准色和可适用的色彩

排版，可适用的字体、字号、缩进、行间距跳转

LOGO，包括尺寸和位置

图标或元素样式（包括分享按钮等）

拼写，选项和格式风格（应该遵循哪种编辑格式？APA格式？AP格式？或其他？）

照片格式，包括颜色、裁剪尺寸和视觉效果

SEO信息，如ALT标签和关键词

电网标准（适用于网络或打印）

间距方面的考虑（是否设计的太松或太紧）

反馈接触信息（可以向团队成员提问或建议的）

简单而具体的概念

这可能是最困难的部分，你需要明白这些信息，并将其烂熟于心，理解成简单、具体、可操作性强的概念：

当涉及到风格规范不能走极端，只是一个视觉参考，而通过这种方式去设计。

组合相关内容，并快速相关联，比如页面的颜色、已经跳转进入另一页的图形和照片等。

为可以显示的内容举一些相似的例子，不需要解释的部分用占位符。

尽可能地提供细节，色彩样式，例如，包括RGB（或HEX）和CMYK值等，使颜色可以规范使用。

打破部分常用的元素案例去设计。

片段和实例

无论你的设计风格规范是用于印刷还是数字使用或基于Web的文档，应该包含有用的工具。部分有用的元素品牌案例做得到也可能做不到，但他可以很容易把重点放在你想看到的品牌视觉上。

然后，创建一个易操作的目录。创建原型组（或一组常见的元素，这取决于你使用的软件）。保存在一个常用的位置，使其容易操作并且生成容易修改的文件。

为参与该项目的每个人提供基于云端软件的工具列表。（这包括链接、用户名等基本信息。）确保所有字体包、logo和图像文件是在一个常用的位置，所有的使用者都知道他们在哪里。（在另一个地方保留备份，以防原文件、作品丢失。）

创建代码片段，易于复制并粘贴到项目主列表。这样不用每次重建，常见的元素需要被分享在一个每个人都可以访问的共享位置。

最后一步是进化优化。每件事情都可能会变，而且必然要经历蜕变。

执行风格规范

最后，最大的问题是“如何让人们遵循风格规范呢？”按照以上这些列出的内容，你已经有一个很好的方式拥有了设计的轮廓，具有了简单、具体的概念。

风格规范是很容易被追随的，就像你写的网站一样。语言是简单的和不生僻的，可以让人们去追随这些准则。