网页设计规范中应该出现哪些内容

　　引导语：网页设计规范是设计网页的基本标准，以下是小编整理的网页设计规范中应该出现哪些内容，欢迎参考阅读!

　　品牌概述

　　为一个风格混乱的网站制定一套设计规范可不是一件易事。

　　大部分设计规范由两部分组成：

　　- 文案规范

　　- 视觉规范

　　每一部分的规范都同等重要，并且都应当属于整体设计规范的一部分。将不同元素组成在一起形成一套形象标识。

　　把用户的需求考虑进来，这套规范是否能够迎合他们的期望。

　　色彩和色调

　　我们将着重讨论设计规范中的视觉部分，这其中，色彩色调尤为重要。你的形象是一种与用户“对话”的方式。而这种对话风格是“正式”还是“非正式”？是“冗长”还是“简明”？

　　设计规范的风格要写的像你的网站复制品一样。如此才能让你的团队懂得什么才是预期的效果，用什么样的设计语言才能给品牌形象加分。

　　比如说MailChimp的设计规范，其中他们描述了公司的吉祥物：“Freddie是我们的吉祥物，不能用它跟我们公司的标志组合。Freddie总是面朝右边，并且它总是眨着眼睛。”

　　“教条”与惯例

　　你的`设计规范应该就像是你团队的“设计攻略。”

　　它应该将何时、并且如何使用文字颜色以及其它的设计元素清晰明确的概括下来。这里有一个清单，告诉你规范中都应该包含哪些内容：

　　- 色彩搭配，包括色卡以及可接受颜色

　　- 字体，包括可接受的字重、尺寸以及用法。

　　- 标志，包括尺寸以及位置的规范

　　- 图标以及元素风格（这其中包括了从按钮到社交媒体分享的所有图标和元素）

　　- 拼写，词语的选择和撰写风格（应该遵循什么样的编辑样式？APA、AP,还是别的？）

　　- 摄影照片规范，包括色彩、剪裁以及视觉展现。

　　- SEO信息，比如说图片的alt标签和关键词

　　- 栅格标准（包括网页和打印）

　　- 间距设置

　　- 接触点（可以团队成员如果有疑问可以一起讨论或澄清的地方）

　　简单明确的概念

　　现在是比较难的部分。你需要将上一部分列出的所有信息获取并转化为简单、明确以及可实施的概念。

　　- 不要沉溺对于设计规范内容的制作，这是一套视觉参考

　　- 将相关类目按照页面归类：一个页面是色彩，一个页面是字体等等

　　- 举例说明。能用图片解释的，不要用文字解释

　　- 提供有用的特性。比如色彩样式，要有RGB(或HEX)以及CMYK数值

　　- 挑选出一些设计样式去展示不同元素是如何组合和使用

　　摘要和示例

　　为所有元素创建一个库，包括整个项目中所用到的软件，确保所有的文件、图标、图片都有一个共同的位置，确保每一个迭代版本原始文件的保留

【网页设计规范中应该出现哪些内容】相关文章：