设计制作网站越来越复杂，通常不是一个人的工作。为确保设计的一致性，以满足业务目标和创造愉快的经历对用户是重要的。
▼
那问题来了？？？
什么是风格指南？
风格指南是整理设计元素，图形和规则设计者和开发者的集合，应遵循以确保独立网站的作品一致，并会创造出完美的视觉和用户体验。
创建一个Web设计风格指南
1.研究品牌
首先，你需要研究用户的品牌，了解品牌背后的故事，并找出了公司的愿景，使命和价值观。重要的是要深入挖掘风格指南，你会产生视觉和情感代表品牌。
如果你是一个设计师，不会写代码，只需打开Photoshop，把你的文档标题和文档，进行描述。主要包括颜色，还有字体的大小。
如果你能代码，这是更好地创建具有代码的HTML文档，能够更方面的使用。
2.定义排版
排版是网页设计的95％。
你必须设计正确的版式，因为它是访客和您的网站之间最重要的沟通工具之一。
设置等级和标识。有标题的类型：H1，H2，H3，H4，H5和H6。然后正文，粗体和斜体变。想想将用于较小的环节，介绍文字等的自定义副本。提供字体系列，颜色。
3.调色板
人类如何感知与知名品牌的色彩，这是不可思议的。想想可口可乐，我敢打赌，你想到的肯定是红色。
通过设置主色，将主宰你的网站整体色调，主色应包括不超过三个辅助色。在某些情况下，您将需要二级，甚至三级的颜色，展示你的页面。还包括中性的颜色，如白色，灰色和黑色为主要品牌颜色脱颖而出。
4.图标的运用
图标已经存在了几千年，比文字的时间还长。把图标充分利用在网页设计中，图标更能直接的传达信息，并知道接下来会发生什么。选择正确的图标将给予更多的上下文内容的提示。当使用图标，一定要考虑目标受众，宗教，历史。还有一件事更重要，想想这个品牌和它的价值。
在这个给大家推荐一个网站：http://www.iconfont.cn/?spm=a313x.7781069.1998698872.1.DLS0nL
5.图像
确保图像定义风格和图片的网站相统一。再次，想想这个品牌和它的使命的价值。（与官网产品相关联的素材或图片）
（注：例如眼镜官网）
（注：例如苹果平板官网）
6.弹窗与提示
什么样的弹窗才能让网站与用户产生互动，以便用户可以输入数据，完成输入和操作。
确保建立一个层次结构，并包括可能的形式反馈-活跃，悬停，添加错误，警告和成功的消息，包括的东西，如密码过于软弱，电子邮件是无效的或简单的成功消息如“邮件已发出。”
（注：登录窗口）
（注：提示输入窗口）
7.按钮
按钮是颜色的调色板，创建具有不同颜色，一致的设计外观和功能按钮。
9.间距
间距是非常重要的。它可以是用于布局的网格形式; 能使标题，按钮，图像，表格和其他元件之间间距限定。
正确的间距是非常重要的，因为它提供了更多的喘息空间元素。
