每个设计师在网站建设工作中都需要一个风格指南(或者不仅仅只是设计师需要)。为什么?很简单,如果你想要在项目中增加更多一致性的内容,并将所有的点都放在同一页面上,那么你的风格指南将变得非常宝贵。
现在,既然我们已经知道有这样一条“出路”,那么你究竟应该如何选择指南呢?而且如何确保团队中的其他人遵守规则,使你的网页设计在视觉上保持一致性?这就有点复杂了。今天我们就来谈谈这个话题。
1.品牌概述
从头开始创建一个风格指南——如果你以前从来没有这样做过,这可能是非常吓人的。不过,幸运的是,如果你真的是第一次使用的话,你可以找一个类似风格的作为参考而从中获益——MailChimp是最好的指南之一,你可以根据知识共享许可证使用它,并将其作为开始使用的模型。
大多数风格指南有两个部分:
· 文案指引;
· 视觉准则。
每套准则或指引都是同样重要的,它们都是整体风格指南的一部分。将元素放在一起将建立一个整体。每个品牌或商家或网站设计都有所不同,在选择在参考和复制视觉效果方面你也需要选择能够和你的网站设计以及用户相关的风格和主调。
在建立主体时,你需要考虑好用户和利益相关者,品牌是什么,他们期待什么?他们可以联系吗?他们想与它进行互动吗?
2.风格主旋律
我们将主要关注您的风格指南的视觉方面,但内容表达的轻重和“音调”很重要。网站设计的一部分作用是代替你和用户“交谈”。风格是正式还是休闲?是冗长还是更简洁就显得尤为重要了?
通过与你网站上的内容相同的方式撰写你的风格指南,这将有助于提升你的团队对于品牌的认识。
上面所说的这种“主旋律”应该在你的网页设计中存在的每一个沟通内容中使用。回到MailChimp这个案例,让我们全面了解建立该品牌的“声音”。请注意该公司谈及其吉祥物的使用方式,例如:“Freddie是我们的吉祥物。我们不使用他与我们的标志相结合。Freddie总是面对正面,并且它总是眨眼。”
3.“规则”和用法
你的风格指南应该是你的网页设计的“剧本”(这听起来不像“规则”)。
它应该概述如何以及何时以易于理解的方式使用排版,颜色和所有其他类型的设计元素。以下是要包含的内容的清单:
· 调色板,包括色值和可接受的色调;
· 排版样式,所有可接受的权重,大小,以及使用的规则;
· 标志,包括大小和位置的指导;
· 图标或元素样式(包括从按钮到社交媒体共享图标的元素处理);
· 拼写,单词选择和复制风格(你应该遵循哪些编辑指南?APA,AP等)?
· 图像使用指南,包括颜色,裁剪和主视觉存在方式;
· SEO信息,如alt标签和关键字;
· 网格标准(用于网页设计和打印选项);
· 间距考虑(比如设计松散或紧密);
· 联络点(团队成员可以提出问题或说明)。
4.简单而具体的概念
现在到了最难的部分。你需要将上述所有信息整合梳理,并将其归结为简单,具体,可操作的概念。
· 不要违背或超出你的风格指南中规定的内容。这是一个视觉参考,你必须这样设计。
· 将相关项目组合统一到你的网站设计中,以便快速参考:彩色页面,排版页面,摄影页面等。
· 最终的效果你应该通过举例说明。当网页设计满足需求时,不要以书面的形式解释。
· 提供可用的细节注意点。例如,颜色样本应包括RGB(或HEX)和CMYK混合,使得颜色在所有用途中都是一致的。
· 打破网站设计中的部分内容,以展示如何使用元素。
5.代码段和示例
无论你的风格指南是纸质版还是数字版或基于Web的文档,你要确保它能够为所有人以不同的工具查阅。在品牌视觉上,你可以轻松地强调你想要看到的内容。
然后,创建易于访问的文件目录。通过为所有团队成员创建文件库,将文件保存在易于访问的公共位置,以便更改和查阅变得相对容易。
为参与项目的每个人提供一个基于云的软件的工具列表。(包括链接,用户名和其他基本信息。)确保所有字体包,logo和映像文件位于公共位置,所有用户都知道它们在哪里。(将备份保留在别的地方,以防万一有人破坏并保存了原稿。)
为易于复制和粘贴到项目中的代码片段创建主列表。没有必要在每次新的项目中都重新创建一次。公共元素应该存在于每个人都可以访问的共享位置。
最后一部分是记住要发展它们。事情会改变——他们也应该。
6.执行风格指南
最后,最大的问题是“如何让人们遵循这些规则?”如果你按照上述一些大纲设计了指南,尤其是使用简单而具体的概念的部分,那么你已经有一个很好的指南了。
该指南应易于跟踪和可用(就像你的网站设计一样)。语言应该是简单的,而不是复杂难懂的,他应该是人们会想遵循的准则。
它应该是一本指南,为灵活性和实际设计留下了足够的空间。在一系列限制内进行设计可以帮助团队成员释放出创造力,同时创造出与你的品牌相相关的东西。风格指南也应该拥有所有者。就是批准更新和更改的人,可以回答有关设计决策的问题。“所有者”可以是个人或团队,具体取决于组织的大小。
总结
现在,你已经有一个风格指南了吗?还是目前正是你正打算更新你的指南?这是你每年应该处理的一个项目,以便随时随地了解指南。
----图文来自:design shack