掌握这些关键点，您还可以创建系统设计指南

设计指南是一个核心工具，可以极大地提高网页设计团队的输出效率并确保品牌的一致性。成功的设计规范不是一次性过程，需要注意许多问题。

对于网站甚至是品牌，设计指南不仅仅是规范文档。优秀的设计指南本身就像艺术品一样令人愉悦，在实际设计工作中具有不可替代的重要功能。它展示了您的产品应具有的风格和形式，并以可管理，易于使用且易于理解的方式将整个设计系统整合在一起。在制作设计指南时，不得忽视以下六个要点。 1.品牌识别示例首先，您的设计指南应包括一个可视化的品牌标识展示案例，以便展示品牌标识应该是什么样子。众所周知的案例实际上是符合实际应用场景的案例，这样的实际案例也符合设计指南的真实意图。这些设计案例，通常是品牌的网站主页，移动页面，APP截图，这些案例展示了正确使用的品牌标识，以及相应的显示风格的其他元素。下图是Love to Ride的品牌设计指南。他们的设计指南的每一页都像网页一样设计，并且本质上是一致的。设计指南甚至讨论了一些常见的小元素，这些元素组合在一起来说明，例如应该在不同的地方呈现哪些样式的APP图标。在设计指南中使用真实示例的真正优势在于您不必创建其他场景和模拟，而是使用真实示例直接说明它们，对于团队的其他成员，它们也是有效的示威游行。 2，从配色方案到布局布局的完整设计描述，从使用图形到具体控件的外观，必须有详细的描述。在整个设计中，应该在风格和功能方面遵循哪些规则，并且应该解释设计理念背后的内容。这些完整的解释有助于整个设计和开发团队在不同媒体上准确一致地采用一致的设计风格。 内核上相同的元素和高度一致的设计允许用户在查看网页和平面广告时感知品牌的独特性和统一性，从而使不同位置的内容显示出明确的关系。例如，由于用户的设备，在线网页通常显示不同的字体。设计人员将使用Google字体和Typekit调用尽可能接近品牌默认字体的第三方字体，以实现相同的可能一致性。经验。因此，如果字体是您品牌战略中不可替代的一部分，那么您应该在整体设计规范中考虑这一点。对于需要注意的点，必须明确说明。例如，H1标签下的字体大小必须为88磅，缩略图的大小始终为200×200像素，但不必限制所有非关键点。将设计的精神和风格与这些关键点相结合，将使您的团队能够在规定的范围内有效地进行设计。如果定义了所有细节，那么整个规范就变成了一个字典，每个人都只能依靠对规范的不间断访问来完成设计。 3.样式和色调设计指南中每个设计元素的描述性和标准样式可能不是那么有趣，但足够重要。风格的描述也会影响视觉设计。这些描述的文字将影响设计师对风格体验和图片类型选择的控制，甚至对颜色和字体的控制也会受到影响。所有这些事物共同构成了品牌的整体个性。更重要的是，它们决定了外部世界如何识别您的产品和品牌。强大的风格和色调是视觉识别的核心之一。设计元素应具有属于品牌的独特个性，以便用户即使看不到文本也能清楚地确定他们属于谁。看看可口可乐的红色和迪斯尼字体，这是典型的。搜索引擎优化关键词在搜索引擎优化中的重要性日益凸显。在网页设计中，关键字优化可能是一个讨论得多但很无聊的组件。 但是，您需要尽早考虑关键字优化。您应该以设计语言表达与品牌相关的关键字，并在设计指南中明确指出。 Urban Outfitters在其品牌设计指南中仔细列出了相关的关键字。虽然作为服装品牌，列出了许多关键字，但核心关键字以不同颜色突出显示，以便您可以立即知道哪些应突出显示。对于负责网站副本的营销策划人员和设计人员来说，这样的关键字列表无疑是非常有用的。对于撰稿人而言，思考和回忆往往很容易被困住，而这种列表的存在并不会使这种情况发生。为了使内容创建和关键字系统统一，网站在排名方面的优势将更加明显，并且它将更接近目标用户。 5，对元素风格的控制如今，互联网上的各种图案和设计材料相继出现，滥用材料已成为一种非常常见的设计问题。因此，在规范设计中，应该控制模式和相关元素的使用范围。这包括使用LOGO和图标，颜色匹配的限制，表单和导航的控制，以及静态和动态元素的控制。您可以在设计指南之外创建在线样式指南，以便设计人员可以快速复制和粘贴这些元素。 6.代码片段许多网站设计指南现在包含许多常见的代码片段。从按钮的小动画到滑动效果，这些代码片段与许多细节的体验相互关联。关键是它们降低了手动输入代码的成本并确保了代码的重用率。对于网站文本和媒体内容，相关的公共代码片段是提高效率的关键之一。 Firefox在其新设计指南中包含了元素使用的通用代码。 即使您从未提供完整的代码段库，也要尝试包含一些基本的常用代码，以便设计人员和相关开发人员能够更加一致，高效地完成日常编辑工作。