设计指南是最大程度提升设计团输出效率和确品牌一致的核心工具,成功的设计规范并蹴而,需要注意问题并不少。
对一个网站甚至一个品牌而言,设计指不仅仅是一份规范文档么简单。优的设计指身就同艺术品一样令人赏心悦目,在际的设计工中,它还有着不替代的重要功能。它展示出你的产品应有的样式和形态,并且以一种管理、易使用和易理的方式将整个设计系统合到一。
制作设指南的时候,下面6关键点一不能忽视。
1、品牌标识示例
首先,的设指南中应该包含可视化的品牌标识展示案例,以这样的方式呈品牌标识应的样子。
最好的案例,其实是就是贴真实应用景的案例,而这的实战案例也正贴了计指南的真实存在图。
这些设计案例,通是牌页、移端页面、APP的截图,这些案例展示牌标识的正确使方法,及相应的他元素的展示样式。
下图是 Love to Ride 品设计指南。他们设计指南页都设计如网页样,本身呈现出了足够致性。设计指南甚至讲些常见小元素到起予以说明,比如不地APP图标应该以什么样样来呈现。
在设计指中采用案例,最大的优势在,你不用创建额外的应用场和模拟说明,而是用最的案例直接说明,对团其他成而言,也是最为有效的展示。
2、完整的设计说明
从配色案到排版布局,从图形运用到具体控件出现位,都要有详细说明。
在整个设计当中,样式和功能要遵循哪规律,背的设计哲学是什么,应当予以说明。
这些完整的解释明,能够帮整设发团队尽可能不同的媒体准确一致采用统一的设风格。相同的元素内核高度一致的设,能让用户查看网页平面广告的时候感知到品牌的独特性统一性,让不同置的内呈出明显的关联关系。举例子,线的网页常常会因用户所用设备呈出不同的字体,设师会限度借Google Fonts Typekit 调用尽可能接近品牌默认字体的第三方字体,达到尽可能一致的体验。
所以,如果字体是你的品牌策略中不可替代的一部,那你应该在整体计规范中考虑好这一点。
对于需要注意的点,一定要予清晰的说明,如H1标签的字体尺寸一定是88点,而缩略图的尺寸始终是200×200像素,过对于非键点就没有必要全都进行限定。将设计的精神和格与这些键点结合起来,才够你的团队在规定范围进行有效的设计,如果将有的细节都限定死,那么整个规范就沦为一词典了,有人都只靠停的查阅规范来成设计。
3、风格和调性
在计指南中针对各个计素来描述和规范风格可能并不那有趣,但是足够重要。
对于格的描述案同样会影响到视觉的设计。这些描述的本会影响到设计人员对于格体验的把控和图片类的取,甚至连色彩和字体的控制会被影响到。有的这些东西共同组成了牌整体的个性。
更要是,它们决定了界如何识你品和品。
强大的风和是视识别的核心之一。设计元素应该有属品牌的独特个,样才能确用户即使看不到LOGO读不到文,也能清晰地判断出它们是属谁的。看看口乐的红和迪士尼的字吧,它们就是典型。
4、SEO 关键词
搜索引擎优化要性日渐突出。在网页设计,关键词优化可能是讨论最多是最趣组成部分。是,你需要尽早考虑关键词优化这件事情。
你应该将你的品牌相关的关键词用设计的语言表述出来,在设计指中清晰的指出来。
Urban Outfitters 它的品牌设指南当中,精到列举出它们相关的关键词。虽然作服装品牌,列举出的关键词非常多,但其中核的关键词,使用不同的色彩突出展示,让可以瞬间知道哪些应该重突出。
这的关键词列表对于负责网站文案的营销策划和计人员而言,无疑是非常有用的。对于文案写作者而言,凭空去想和回忆往往容易卡住,而这的列表的存在,则不会让这的情况发生。
容创作和键词系统统一起来,在名上的优势会更明显,距离目标户就更一步了。
5、元素的样式的控制
现如今网上各种各的图案和计素材层出不穷,素材的滥用已经成为非常常见的计问题了。所以,在规范计的候,应当控制图案和相关素的使用范围。
这包括LOGO和 图标的使限定范围,配色的限制,表单和导航的掌控,及静态和态元素的控制。你可在设计指南之外创一个在线的风格指南,便于计人员快速的复制和粘贴这些素。
6、代码片段
如今许多网站的设指南当中,已包含了许多常用的码片段了。从按钮的小动效到滑动效果,这些码片段许多细节的体验相互关联,关键的它们降低手动输入码的本,确保了码的复用率。
对于网站的文本和媒体内容而言,相关的常用代码片段是提升效率的关键之一。
Firefox 在它的最的设计指南当中就囊括了元素使相的代码。即使你从来没有供整的代码片库,尽量包含一些基本的、的代码,设计师和相的开发人员够更为统一效地成日的编辑工作。
结语
计指南这种西并不一定要做成静的图书或者简的PDF文档,它所涵盖的素类型可以多种多,可以借助工创造在线的多功能的计指南和风格指南,让计事半功倍。