启新网站SEO优化标准化设计下的网页通常有系统的网页风格指南。如果你想确保你的网页设计更一致，并确保每个参与者和用户都能在标准框架内设计、开发和使用，那么风格指南的存在就很有意义了。既然要设计风格指南，应该包含哪些信息？如何保证别人遵循其标准，保持设计和体验一致？今天我们来谈谈这个话题。品牌概述 如果你从来没有做过风格指南，那么从头开始创建一套完整的风格指南绝对是一件非常困难的事情。新手在路上找到自己喜欢的风格指南作为参考模板——MailChimp风格指南做得很好，符合要求CC许可。大多数风格指南由两部分组成：·文案规范·视觉指南标准的两部分同样重要，贯穿整个风格指南。将不同的元素整合在一起，可以构建出具有足够认可度的品牌形象，每个品牌、网站都会有差异。当你准备为你的文本和视觉选择颜色和风格时，你和你的用户也应该考虑到整个系统。在制作品牌识别时，要考虑用户和利益的相关性。品牌目前的设计是他们想要的还是他们期待的？思考中是否包含了所有因素？用户有与之互动的欲望吗？语气与语调 来源：Mailc虽然视觉在风格指南中占有很大例，但文案中的语气和语调也很重要。它们是品牌和网站身份的一部分。它们决定了与用户沟通的方式，是正式的还是休闲的，冗长准确的还是直截了当的？你的风格指南应该与网站的文案和风格一致。这可以让你的团队对设计的预期更明晰，对于表述方式对于品牌形象的影响有更明确的认知。因此，你与外界耐心交流的每一句话都应该保持一致的语调和语气。重新回到MailChimp如果你仔细阅读这个案例，你会发现他们也试图通过语言建立独特的品牌形象。当他们在风格指南中提到吉祥物时，他们说：Freddie是我们的吉祥物。我们不会让他和我们在一起LOGO结合在一起，Freddie永远向右看，永远向你眨眼。”规则和用途 来源：Tamu风格指南就是你所设计的“剧本”。剧本的说法是否比强调规则更友好？风格指南应详细概述何时何地使用字体、颜色和样式，并以简单移动的方式表达。以下是清单：·配色方案包括每种颜色的具体参数和其他可接受的颜色·字体和排版方案包括字体类型、尺寸、重量和每个部分的具体用法·LOGO，包括其风格、变体、尺寸和位置描述·拼写、关键词选择、文案风格（包括按钮、社交媒体等）·图片使用规范包括颜色、裁剪规则和视觉表达标准·SEO信息，例如，可选标签和关键字·网格标准(主要用于网页排版和印刷)·空间与留白方面的说明(设计的松紧度等)·重点说明(团队成员可能会提出的问题或需要澄清的点)概念简单具体 来源：Trello接下来要进入关键环节。当你终于收集了上面提到的所有信息时，你需要将它们分散和重组，并组织成一个简单、具体和可执行的概念。·不要在内容表达上限制太多。毕竟是风格指南，重点是视觉引导，设计是核心；·整合相关、相关的项目进行快速指导：一页介绍颜色，另一页排版规范等；·用图片案例来展示界面应有的外观，而不仅仅是用枯燥的文字来介绍；·提供可用的具体说明。例如，在配色方案中提供颜色RGB或者CMYK具体值，保证色彩的使用能够一致；·解释一些设计案例，确保每个元素的功能和使用规则都足够清晰；示例和代码片段 来源：Handdy无论是印刷、电子版还是基于网页的文档，您的风格指南都应该包含可用的工具和材料。关键是使用案例，什么可以做，什么被禁止。关键是使用案例，什么可以做，什么被禁止。你可以专注于品牌的视觉展示。然后，您可以将易于访问的部分制作成列表，并根据使用频率创建一个所有团队成员都可以访问的材料库。该材料库首先在本地存储，便于访问，材料和文档可以随着项目的推广而更新。之后，提供一系列基于云端的软件列表(提供链接、登录信息等)，将素材提交到云端，并且包含相应的字体包、Logo、图片素材。这些文件和材料应合理组织整理，其他成员可以根据组织逻辑找到相应的文件、工具或材料。(本地、云、备份要组织好)在开发风格和特定功能时，应创建代码片段列表，以确保前端人员能够快速呼叫，特别是那些常见的部分，应该在易于访问的共享位置，以方便每个人访问和呼叫。后一点，一定要记得更新。当确定要更改文档和材料时，确保当地和云的文档和材料完整和即时更新。实施风格指南 来源：jquery后来的问题终于来了。那么如何让人们遵循风格指南中的规则呢？假如你的风格指南设计得足够有条理，概念清晰，要求清晰，那么这种风格至少在规则上有坚实的基础。简单直白的语言可以让读者更容易理解和关注。只有像设计网站一样仔细对待你的风格指南，它才能有可用性和易用性。这样，用户就会无意识地遵循你的规则。作为一个网站的风格指南，它本身并不是静态的。为团队其他成员完善和添加内容留出足够的空间，以确保其灵活性。同样了，风格指南还应当有一个“管理员”，管理员用来批准修改、掌控修改，统筹整个体系。
