网页设计丨网页风格指南制作

文章分类标准化规划下的页面，一般都会有系统的页面个性攻略。假如你想保证你的页面规划可以愈加共同，并保证每个参与者和运用者都能在标准的结构内规划、开发和运用，那么个性攻略的存着就适当有意义了。

　　已然咱们要规划个性攻略，那么它傍边应当包括哪些信息呢?又是怎么保证别人可以遵从它的标准，让规划和体会保持共同呢?今天咱们就来聊聊这个论题。

　　
品牌概述
　　

 
　　假如你从未做过个性攻略，那么从头开始创立一整套个性攻略肯定是一件适当费劲的工作。菜鸟上路最好找一个自个偏好的个性攻略作为参阅模板——MailChimp 的个性攻略就做的适当不错，还符合CC答应。

　　绝大多数的个性攻略是由两个有些构成的：
　
·案牍标准

·视觉攻略

　　原则的两个有些其实是相同首要的，而且贯穿全部个性攻略。将不同的元素整合到一同就可以构建出具有满足的辨认度的品牌形象，每个品牌、网站其实都会有不同的。当你预备为你的文本和视觉挑选颜色和个性的时分，你和你的用户也应当归入到全部系统傍边来考虑。

　　在制造品牌辨认的时分将用户和利益有关这归入考虑，品牌当时的规划是不是是他们想要的，是不是为他们所等待?是不是将一切要素都归入考虑?用户是不是有与之进行交互的欲望?

口气与语调
　　


　　虽然个性攻略中视觉占据着最大的比重，可是案牍中的口气与语调相同是非常首要的。它们是品牌、网站的“身份”的一有些，它们决议了与用户进行交流的方法，是正式仍是休闲，是冗长精确，仍是直白清楚?

　　你的个性攻略在表述上应当和网站的案牍以及个性保持共同。这可以让你的团队对规划的预期更清楚，关于表述方法关于品牌形象的影响有更清晰的认知。

　　所以，你同外界耐以交流的每一个文字都应当保持共同的语谐和口气。从头回到 MailChimp 这个事例，假如你仔细审读会发现他们相同力求经过言语来构建共同的品牌形象。在个性攻略中提及他们的吉祥物的时分，他们是这么说的：“Freddie 是咱们的吉祥物。咱们并不会让他同咱们的LOGO结合到一同，Freddie 永久向右看，也一向向你眨眼。”

规矩和用处
　　

 
　　个性攻略即是你所规划的“剧本”。比较于着重“规矩”，“剧本”的说法是不是愈加亲热呢?

　　个性攻略应当详勾勒出啥时分、啥地方别离应当运用啥字体、啥颜色以及款式，而且以简洁移动的方法表述出来。下面是清单：

　　·配色计划，包括每种颜色的详细参数，以及别的可接受的颜色

　　·字体和排版计划，包括每个有些的字体类型、尺度、字重以及详细用法

　　·LOGO，包括它的款式、变体、尺度以及方位的阐明

　　·拼写、要害字的挑选、案牍的个性(包括按钮、交际媒体等)

　　·图像运用标准，包括颜色、裁剪规矩和视觉体现方面的标准

　　·SEO信息，比方可选的标签和要害字

　　·栅格标准(首要用作页面排版和打印)

　　·空间与留白方面的阐明(规划的松紧度等)

　　·要害点的阐明(团队成员可能会提出的疑问或许有待弄清的点)

　　
简略而详细的概念
　　

 
　　接下来要进入要害的环节了。当你总算把上面说的那些信息都收集全了以后，需求将他们打散、重组，安排成简略、详细、可执行的概念。

　　·在内容表述上不要约束太多，这毕竟是个性攻略，要点是视觉上的引导，规划是核心;

　　·将有关、相联的条目整合到一同做迅速指引：一个页面介绍颜色，在别的一个页面做排版的标准等等;

　　·用图像事例来展现界面应有的外观，而不要单纯用枯燥的文字来做介绍;

　　·供给可用的详细阐明。比方配色计划中供给颜色的RGB或许CMYK的详细值，保证颜色的运用可以共同;

　　·将一有些的规划事例分化阐明，保证每个元素的功能和运用规矩都满足清楚;

示例和代码片段


 
　　你的款式攻略无论是打印的、电子版的仍是根据页面的文档，它都应当包括可用的东西和资料。其间最要害的即是运用事例，以及哪些工作可以做，以及哪些工作是被制止的。你可以将要点放在品牌的视觉展现上去。

　　随后，你可以将易于拜访的有些制造变成列表，而且根据运用频率发明一个一切团队成员都能拜访的资料库，这个资料库最好是先在本地存储，便于拜访，而且其间的资料和文档可以跟着项目的推动而更新。

　　以后，供给一系列根据云端的软件列表(供给连接、登录信息等)，将资料提交到云端，而且包括相应的字体包、Logo、图像资料。这些文档和资料应当被合理地安排收拾，当别的成员拜访的时分，可以根据安排逻辑找到相应的文档、东西或许资料。(本地、云端还有备份都应当有条理地安排好)

　　涉及到款式和特定功能的开发的时分，应当创立代码片段列表，保证前端人员可以迅速调用，尤其是那些最常见的有些，应当在最简单拜访的同享方位，便利每个人拜访和调用。

　　最终一点，即是一定要记得更新。当文档、资料确定要改变的时分，保证本地、云端的文档与资料都完好的、即时地更新。

个性攻略的施行
　　

 
　　最终的一个疑问总算来了。那么究竟要怎么让大家遵从个性攻略中的规矩呢?假如你的个性攻略规划的满足有条理，概念清楚，请求清晰，条理清楚，那么这套个性在规矩上至少有了扎实的基础。

　　简略直白的言语能让读者更简单理解、重视，像规划网站一样慎重对待你的个性攻略才能让它具备可用性和易用性，这样一来，用户会在不自觉中依照你的规矩来推动。

　　作为一个网站的个性攻略，它本身并不是静态的。你应当留下满足的空间来供团队别的成员完善、添加内容，保证它的灵活性。相同了，个性攻略还应当有一个“管理员”，管理员用来同意修正、掌控修正，统筹全部系统。