每个设计师都有一套自己的设计习惯,但是不是每个经手的项目都能良好的在这个习惯或规范下运作,因此在设计之前,需要你系统的整理一份关于你所要设计的网站的设计指导。
这个指导纲领不仅仅是一个新网站或品牌标识的文档。一个好的指导纲领本身就是一件艺术品,在日常的设计工作中有实际的应用。它展示了你的项目是什么,并渴望成为什么样的人。它应该以一种易于管理、易用和易于理解的方式将设计、语音甚至代码元素组合在一起。
首先,需要在文档中包含这几个设计指导元素。
1。品牌标识
你的指导纲领应该以一种视觉形式展示你的品牌形象,它代表了你想要的设计材料的外观。这是一个类的例子,不要说出来。
最好的例子是真实案例使用,这正是设计标准所要描述的。
当设计处于最佳状态时,可以使用网站主页、移动主页、应用程序或任何其他地方的截图。
在指导纲领中使用真实例子的最好的部分是你不需要额外的工作来展示视觉元素;你已经掌握了。另外,团队成员会知道,书面的指导原则在实际的实践中是有效的,因为有了直观的证据。
2。设计指导方针
从色板到版式调色板,各种形状和设计元素的使用都应该清晰地勾勒出来。
为什么设计的外观和功能在某种程度上?它背后的哲学是什么?
解释这些东西可以帮助用户更准确、更一致地应用设计风格。当涉及到网站设计时,最好将可能不同于打印品牌的元素和它们之间的关系包含进来。例如,许多设计师选择了一种不同的印刷调色板,模仿印刷的品牌,最大限度地使用谷歌字体,以方便使用。
如果这是您的设计策略的一部分,请务必注意哪些字体是替换的。
3所示。声音和个性
编写风格指南并不像设计指南中的其他视觉元素一样有趣,但它们同样重要。
一种描述性的写作风格也会影响视觉效果。它有助于您选择使用的图像类型,甚至包括颜色和类型等元素。所有这些项目共同创造了品牌的整体个性。
外部世界将如何识别你。
更重要的是,一个强大的声音和个性也成为了视觉识别的一部分。在设计元素中表现出良好的个性,因为用户几乎可以识别出设计元素,即使是在品牌的其他内容之外。
4SEO关键字
搜索引擎优化可能是网站设计中最热门、最不有趣的部分之一。尽早和经常地考虑关键字。
把它们包括在你谈论品牌的方式中,用描述性的语言描述设计,并在设计指南中列出最重要的关键词。
像这样的关键字列表会让你在每次看到它们的时候都想对它说。大多数写过的人会告诉你,一旦你在某个特定的语境中看到或思考一个词,它就会卡在你的脑海里。这正是SEO关键字列表应该做的。
设计元素在任何时候都应该与这些关键字相关,而这些内容在整个网站设计中都是相关的。
5。模式和元素风格
在网上有这么多不同的媒介(更不用说还有设计印刷元素的公司),对所有可能的用途都有指导是很重要的。
这适用于仍然和动画版本的标识,颜色调色板,图案,甚至设计元素,如表单域和导航。
你的设计书应该有一个专门针对这些元素的部分。如果你想让团队真的喜欢你,在一个在线的位置创建一个模式和元素风格指南,这样用户就可以复制粘贴元素来快速使用。
6。代码片段
每个网站设计指南都需要包含大量常用的代码片段。从按钮到小动画到滑块效果,这些小的代码片段添加了几个小时到您的日常工作流程,消除了需要手动输入每一个新元素的规格。
这适用于从博客帖子——添加一个代码块的图片,博客作者可以复制和粘贴合适的大小和crop -到更复杂的UI效果。
Firefox在其最近修订的品牌和标志用法的设计指南中包含了设计组件信息。即使你没有提供完整的代码片段库,也要记得包含一些基本信息,比如在网站设计中使用H1到H4的位置,以及如何设计按钮和图像。
结论
关于设计规范,最好的部分是它不需要是静态文档。它可以随着你的品牌和视觉形象的改变而增长和改变。
大多数设计师——尤其是网站设计者——都选择了在线版本的设计指南,这样一来,修改和抓取代码和彩色代码段就变得快捷而简单。考虑在你的网站上添加一个风格指南页面,并且记住要经常引用它(并更新它)。