设计指南是最大化设计团队输出效率并确保品牌一致性的核心工具。成功的设计规范不是一次性过程，需要注意许多问题。

对于网站甚至品牌，设计指南不仅仅是规范文档。优秀的设计指南本身就像艺术品一样令人愉悦，它在实际设计工作中具有不可替代的重要功能。它显示了产品应具有的样式和形式，并以可管理，易于使用且易于理解的方式将整个设计系统整合在一起。

在制作设计指南时，不得忽视以下六个要点。

　1、品牌标识示例

首先，您的设计指南应该包含一个可视化的品牌标识展示案例，以便展示品牌标识应该是什么样子。

最好的情况实际上是一个适合实际应用场景的案例，这样的实际案例也符合设计指南的真实意图。

这些设计案例通常是品牌网站主页，移动页面和APP的屏幕截图。这些案例展示了品牌标识的正确使用以及其他元素的相应展示风格。

下图是Love to Ride的品牌设计指南。他们的设计指南的每一页都像网页一样设计，并且本质上是一致的。设计指南甚至讨论了一些常见的小元素，这些元素组合在一起来说明，例如应该在不同的地方呈现哪些样式的APP图标。

在设计指南中使用真实示例的最大优点是您不必创建其他场景和模拟，而是使用最真实的示例直接说明它们，对于团队的其他成员，最有效的展示。

2、完整的设计说明

从颜色方案到布局布局，从使用图形到特定控件的外观，必须有详细的描述。

在整个设计中，应该在风格和功能方面遵循哪些规则，并且应该解释设计理念背后的内容。

这些完整的解释有助于整个设计和开发团队在不同媒体上准确一致地采用一致的设计风格。内核上相同的元素和高度一致的设计允许用户在查看网页和平面广告时感知品牌的独特性和统一性，从而使不同位置的内容显示出明确的关系。例如，由于用户的设备，在线网页通常呈现不同的字体。设计人员使用Google Fonts和Typekit来最大化与品牌默认字体尽可能接近的第三方字体。经验。

因此，如果字体是您品牌战略中不可替代的一部分，那么您应该在整体设计规范中考虑这一点。

对于需要注意的点，必须明确说明。例如，H1标签下的字体大小必须为88点，缩略图的大小始终为200× 200像素，但没有必要限制所有非关键点。将设计的精神和风格与这些关键点相结合，使您的团队能够在规定的范围内有效地进行设计。如果定义了所有细节，那么整个规范就变成了一个字典，每个人都只能依靠对规范的不间断访问来完成设计。

3、风格和调性

描述和标准化设计指南中每个设计元素的样式可能不是那么有趣，但足够重要。

风格的描述也会影响视觉设计。这些描述的文字将影响设计师对风格体验和图片类型选择的控制，甚至对颜色和字体的控制也会受到影响。所有这些事物共同构成了品牌的整体个性。

更重要的是，它们决定了外部世界如何识别您的产品和品牌。

强大的风格和色调是视觉识别的核心之一。设计元素应具有属于品牌的独特个性，以确保用户即使不看文本也能清楚地确定他们属于谁。看看可口可乐的红色和迪士尼字体，这是典型的。

　4、SEO 关键词

搜索引擎优化的重要性正在增长。在网页设计中，关键字优化可能是讨论最多但最无聊的组件。但是，您需要尽早考虑关键字优化。

您应该以设计语言表达与品牌相关的关键字，并在设计指南中明确指出。

Urban Outfitters在其品牌设计指南中仔细列出了相关的关键字。虽然作为服装品牌，列出了许多关键字，但最重要的关键字以不同颜色突出显示，以便您可以立即知道哪些应突出显示。

这样的关键字列表无疑对负责网站文案的营销策划者和设计师非常有用。对于撰稿人而言，思考和回忆往往很容易被困住，而这样的列表的存在并不会使这种情况发生。

通过统一内容创建和关键字系统，网站在排名方面的优势将更加明显，并且将更接近目标用户。

　5、元素的样式的控制

如今，互联网上出现了各种各样的图案和设计材料，滥用材料已成为一个非常普遍的设计问题。因此，在规范设计中，应该控制模式和相关元素的使用范围。

这包括使用LOGO和图标，颜色匹配的限制，表单和导航的控制，以及静态和动态元素的控制。您可以在设计指南之外创建在线样式指南，以便设计人员可以快速复制和粘贴这些元素。

　　6、代码片段

许多常用的代码片段都包含在当今许多网站的设计指南中。从按钮的小效果到滑动效果，这些代码片段与许多细节的体验相互关联。最重要的是它们降低了手动输入代码的成本并确保了代码的重用率。

对于网站的文本和媒体内容，相关的通用代码片段是提高效率的关键之一。

Firefox在其最新设计指南中包含了元素使用的通用代码。即使您从未提供完整的代码段库，也要尝试包含一些基本的常用代码，以便设计人员和相关开发人员能够更加一致，高效地完成日常编辑工作。

　　结语

设计指南这种东西不一定是静态书籍或简单的PDF文档。它可以涵盖各种元素类型，您可以使用工具创建在线多功能设计指南和样式指南，以便设计可以用更少的资源做更多事情。

原作者: CARRIE COUSINS

译者：陈子木

翻译地址：http://www.uisdc.com/design-guide-6-key-points

本文由@陈子木授权，未经作者许可，禁止转载。

该地图来自Unsplash，基于CC0协议