掌握这几个关键点，你也能制作出系统而的设计指南

<　　

设计指南是大水平晋升网页设计团队输出效力跟确保品牌一致性的中心工具，胜利的设计标准并非一蹴而就，须要留神的问题并不少。

　　对一个网站甚至一个品牌而言，设计指南不仅仅是一份标准文档那么简单。优良的设计指南自身就如同艺术品一样令人赏心悦目，在实际的设计工作中，它还有着不可调换的重要功能。它展示出你的产品应有的款式跟状况，并且以一种可治理、易于利用跟易于理解的方法将全部设计体系统合到了一起。在制造设计指南的时候，下面6个要害点一定不能忽视。
　　1、品牌标识示例
　　先，你的设计指南中应当包含可视化的品牌标识展示案例，以这样的方法来显现品牌标识应有的样子。
　　有名的案例，切实是就是贴合实在利用处景的案例，而这样的实战案例也正贴合了设计指南的实在存在用意。
　　这些设计案例，通常是品牌旗下网站主页、挪动端页面、APP的截图，这些案例展示出品牌标识的正确利用方法，以及相应的其余元素的展示款式。
　　下图是Love to Ride的品牌设计指南。他们的设计指南每一页都设计得如同网页一样，自身就显现出了足够的一致性。设计指南中甚至讲一些常见的小元素集中到一起予以说明，比方不同处所的APP图标应当以什么样的款式来显现。
　　在设计指南中采取实在案例，大的上风在于，你不必创建额定的利用处景跟模仿说明，而是用实在的案例直接说明，对团队其余成员而言，也是为有效的展示。
　　2、完全的设计说明
　　从配色计划到排版布局，从图形的应用到具体控件的呈现位置，都要有具体的说明。
　　在全部设计当中，款式跟功能要遵守哪些法则，背地的设计哲学是什么，都应当予以说明。
　　这些完全的说明说明，可能帮助全部设计跟开发团队尽可能在不同的媒体上正确而一致地采取同一的设计作风。雷同的元素跟内核上高度一致的设计，能让用户在查看网页跟平面广告的时候感知到品牌的奇特点跟同一性，让不同位置的内容显现出明显的关联关联。举个例子，在线的网页经常会因为用户所用设备而显现出不同的字体，设计师会大限度地借助Google Fonts跟Typekit来调用尽可能濒临品牌默认字体的第三方字体，来达到尽可能一致的闭会。
　　所以，假如字体是你的品牌策略中不可调换的一局部，那么你应当在整体设计标准中考虑好这一点。
　　对须要留神的点，一定要予以清楚的说明，比方H1标签下的字体尺寸一定是88点，而缩略图的尺寸始终是200×200像素，不过对非要害点就不必要全都进行限定。将设计的精力跟作风与这些要害点结合起来，才可能让你的团队在划定范畴内进行有效的设计，假如将所有的细节都限定逝世，那么全部标准就沦为一部词典了，所有人都只能靠不停的查阅标准来实现设计。
　　3、作风跟调性
　　在设计指南中针对各个设计元素来描述跟标准作风可能并不那么有趣，然而足够重要。网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML（标准通用标记语言下的一个应用）方式展示出来。
　　对作风的描述文案同样会影响到视觉的设计。这些描述的文本会影响到设计人员对作风闭会的把控跟图片类型的选取，甚至连色彩跟字体的把持也会被影响到。所有的这些货色独特组成了品牌整体的个性。
　　更重要的是，它们决定了外界如何识别你的产品跟品牌。
　　强盛的作风跟调性是视觉识别的中心之一。设计元素应当有属于品牌的奇特个性，这样才干确保用户即便看不到LOGO读不到文本，也能清楚地判断出它们是属于谁的。看看可口可乐的红色跟迪士尼的字体吧，它们就是典范。
　　4、SEO要害词
　　搜查引擎优化的重要性日渐凸起。在网页设计当中，要害词的优化可能是探讨得多然而无趣的组成局部。然而，你须要尽早考虑要害词优化这件事件。
　　你应当将你的品牌相干的要害词用设计的语言表述出来，在设计指南中清楚的指出来。
　　Urban Outfitters在它的品牌设计指南当中，精心到位地列举出它们相干的要害词。诚然作为服装品牌，列举出的要害词十分多，然而其中中心的要害词，利用不同的色彩凸起展示，让你可能霎时晓得哪些应当着重凸起。
　　这样的要害词列表对负责网站文案的营销谋划跟设计人员而言，无疑是十分有用的。对文案写作者而言，凭空去想跟回想往往轻易卡住，而这样的列表的存在，则不会让这样的情况产生。
　　让内容创作跟要害词体系同一起来，网站在排名上的上风会更加明显，间隔目标用户就更近一步了。
　　5、元素的款式的把持
　　现当初网上各种各样的图案跟设计素材层出不穷，素材的滥用已经成为非经常见的设计问题了。所以，在标准设计的时候，应当把持图案跟相干元素的利用范畴。
　　这包含LOGO跟图标的利用限定范畴，配色的限度，表单跟导航的掌控，以及静态跟动态元素的把持。网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML（标准通用标记语言下的一个应用）方式展示出来。你可能在设计指南之外发明一个在线的作风指南，便于设计人员疾速的复制跟粘贴这些元素。
　　6、代码片段
　　现当初很多网站的设计指南当中，已经包含了很多常用的代码片段了。从按钮的小动效到滑动后果，这些代码片段跟很多细节的闭会彼此关联，要害的是它们降落手动输入代码的本钱，确保了代码的复用率。
　　对网站的文本跟媒体内容而言，相干的常用代码片段是晋升效力的要害之一。
　　Firefox在它的新的设计指南当中就囊括了元素利用相干的常用代码。即便你素来不供给完全的代码片段库，也尽量包含一些基本的、常用的代码，让设计师跟相干的开发人员可能更为同一高效地实现日常的编辑工作。

相关链接：长春网站建设，长春网站制作，长春网站设计，长春做网站，长春建网站，长春网站公司，长春网络公司，http://www.ccjz.cn/