以坚实的专业知识 新颖的设计
满足每一位客户的个性需求

网页风格指南制作

发布时间:2016/6/13 来源:沈阳志鼎科技有限公司

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

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

  
品牌概述
  

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

  绝大多数的个性攻略是由两个有些构成的:
 
·案牍规范

·视觉攻略

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

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

口气与语调
  


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

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

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

规矩和用途
  

 
  个性攻略即是你所规划的“剧本”。相比于强调“规矩”,“剧本”的说法是不是愈加亲热呢?

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

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

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

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

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

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

  ·SEO信息,比方可选的标签和要害词

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

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

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

  
简略而详细的概念
  

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

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

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

  ·用图像事例来展示界面应有的外观,而不要单纯用单调的文字来做介绍;

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

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

示例和代码片段


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

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

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

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

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

个性攻略的施行
  

 
  最终的一个疑问总算来了。那么究竟要怎么让大家遵从个性攻略中的规矩呢?假如你的个性攻略规划的满足有条理,概念清楚,请求明确,条理清楚,那么这套个性在规矩上至罕见了厚实的根底。

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

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