专业的网页格调指南应当怎样制作?
标准化设计下的网页,平常都会有系统的网页格调指南。要是你想确保你的网页设计能够更加一致,并确保每个参与者和运用者都能在标准的框架内设计、开发和运用,那么格调指南的存着就相当成心义了。
既然我们要设计格调指南,那么它当中应该包含哪些信息呢?又是怎样确保他人能够遵循它的规范,让设计和体验维持一致呢?今天我们就来聊聊这个话题。
品牌概述
要是你从未做过格调指南,那么从头开端新建一整套格调指南绝对是一件相当吃力的事情。新手上路最佳找一个本人偏好的格调指南作为参考模板——MailChimp 的格调指南就做的相当不错,还相符CC许可。
绝大多数的格调指南是由两个局部组成的:
·案牍标准
·视觉指南
原则的两个局部其实是一样重要的,并且贯通整个格调指南。将不一样的元素整合到一起就能够构建出具有足够的辨认度的品牌形象,每个品牌、网站其实都会有差别的。当你预备为你的文本和视觉挑拣色协调格调的时候,你和你的会员也应该纳入到整个体系当中来考虑。
在制作品牌辨认的时候将会员和利益相干这纳入思索,品牌目前的设计是否是他们想要的,是否为他们所等待?是否将所有因素都纳入思索?会员是否有与之进行交互的愿望?
语气与语调
虽然格调指南中视觉占领着最大的比重,但是案牍中的语气与语调一样是非常重要的。它们是品牌、网站的“身份”的一局部,它们决议了与会员进行沟通的方式,是正式还是休闲,是冗长正确,还是直白清晰?
你的格调指南在表述上应该和网站的案牍以及格调维持一致。这可以让你的团队对设计的预期更明晰,关于表述方式关于品牌形象的影响有更明白的认知。
所以,你同外界耐以沟通的每一个文字都应该维持一致的语协调语气。从新回到 MailChimp 这个案例,要是你细心审读会发明他们一样力图通过说话来构建奇特的品牌形象。在格调指南中说起他们的祥瑞物的时候,他们是这么说的:“Freddie 是我们的祥瑞物。我们并不会让他同我们的LOGO联合到一起,Freddie 永远向右看,也不断向你眨眼。”
法则和用途
格调指南就是你所设计的“剧本”。比拟于强调“法则”,“剧本”的说法是不是更加亲切呢?
格调指南应当详勾勒出什么时候、什么地方离别应当运用什么字体、什么颜色以及样式,并且以简约移动的方式表述出来。下面是清单:
·配色方案,包括每种颜色的具体参数,以及其他可承受的色调
·字体和排版方案,包括每个局部的字体类型、尺寸、字重以及具体用法
·LOGO,包括它的样式、变体、尺寸以及位置的注明
·拼写、要害词的选中、案牍的格调(包括按钮、社交媒体等)
·图片运用标准,包括颜色、裁剪法则和视觉体现方面的规范
·SEO信息,比方可选的标签和要害词
·栅格规范(主要用作网页排版和印刷)
·空间与留白方面的注明(设计的松紧度等)
·要害点的注明(团队成员可能会提出的题目或者有待澄清的点)
简略而具体的概念
接下来要进入要害的环节了。当你终于把上面说的那些信息都搜集全了之后,需要将他们打散、重组,组织成简略、具体、可施行的概念。
·在内容表述上不要限定太多,这究竟是格调指南,重点是视觉上的指导,设计是中心;
·将相干、相联的条款整合到一起做迅速指引:一个页面介绍颜色,在另外一个页面做排版的标准等等;
·用图片案例来展现界面应有的外观,而不要单纯用干燥的文字来做介绍;
·供给可用的具体注明。比方配色方案中供给颜色的RGB或者CMYK的具体值,确保颜色的使用能够一致;
·将一局部的设计案例分讲解明,确保每个元素的功能和运用法则都足够明晰;
示例和代码片段
你的样式指南不管是印刷的、电子版的还是基于网页的文档,它都应当包含可用的工具和素材。其中最要害的就是运用案例,以及哪些事情可以做,以及哪些事情是被制止的。你可以将重点放在品牌的视觉展示上去。
随后,你可以将易于访问的局部制作成为列表,并且依据运用频率创造一个所有团队成员都能访问的素材库,这个素材库最佳是先在当地存储,便于访问,并且其中的素材和文档能够随着项目的推动而更新。
之后,供给一系列基于云端的软件列表(供给链接、登录信息等),将素材提交到云端,并且包含响应的字体包、Logo、图片素材。这些文档和素材应该被合理地组织整理,当其他成员访问的时候,能够依据组织逻辑找到响应的文档、工具或者素材。(当地、云端还有备份都应该有层次地组织好)
波及到样式和特定功能的开发的时候,应该新建代码片段列表,确保前端人员能够迅速调用,尤为是那些最常见的局部,应当在最容易访问的同享位置,利便每个人访问和调用。
最后一点,就是一定要记得更新。当文档、素材肯定要转变的时候,确保当地、云端的文档与素材都完备的、即时地更新。
格调指南的实施
最后的一个题目终于来了。那么到底要怎样让人们遵循格调指南中的法则呢?要是你的格调指南设计的足够有层次,概念明晰,要求明白,层次分明,那么这套格调在法则上至少有了踏实的根基。
简略直白的说话能让读者更容易了解、关注,像设计网站同样稳重看待你的格调指南才能让它具备可用性和易用性,这样一来,会员会在不盲目中按照你的法则来推动。
作为一个网站的格调指南,它自身并不是静态的。你应该留下足够的空间来供团队其他成员完美、增加内容,确保它的灵活性。一样了,格调指南还应该有一个“治理员”,治理员用来核准修改、掌控修改,统筹整个体系。