2016 年 5 月 29 日

先于一切设计工作之前

视觉永远是品牌最直观的感知。Workshop 成都站第02场 ,了解品牌设计系统的承接脉络,通过解剖其中所蕴含的庞大体系,了解从认知学角度所解读的品牌设计规则。

Teambition 于4月在成都发起了第01场官方 Workshop 《从零开始品牌设计》,获得了不错的反馈,在Teambition 成都社群小伙伴的期待中,第02期Workshop于5月25日在成都3W空间再次回归并圆满结束。

《品牌设计规范》方法论

嘉宾介绍
李兴宇,INVO™ 的创建人,所创建的 INVO™ 是一个以设计工具、方法、效能为驱动的设计团队,坚持运用独特的服务设计框架及各种设计方法驱动设计需求。认为好的设计应该内外兼修,而这种好的设计所表现的思维情绪,需要从设计底层贯穿理性与感性并重的思路。

本次 Teambition 邀请到了专业设计公司  Invo  创始人李兴宇,他延续了上期的主题,继续为大家介绍品牌设计常识之——《品牌设计规范研习》,长达84页的 keynote ,为现场参与者介绍了三个板块的知识点:了解设计规范、互联网品牌设计规范、品牌字体排印系统——
设计规范的本质作用是界定设计的底限,而不是设计的顶点。设计规范是参考与标准并行的一套综合指导系统。这里的参考是一个声明,能够协助设计师用一套相对标准的方案来思考反复发生的问题,它适合大多数的理想情况,但绝不是全部。而标准则是在大部分场景中,排除多样化的一种统一规则和制程。李兴宇以Irish Red Cross、 Intreo 、Aesop 的品牌指导体系举例说明,规范的存在,就像旅游时明确指导你应该去的方向,为你介绍目的地所能获得的趣味,为你安排每一顿餐食和每晚的住宿。为你准备民俗和人文活动,给你游艇和香槟来让你尽可能获得趣味;它允许你在没有预期情况下,保证你的旅程 趣味。而当你确信自己的想法满足预期时,又给予合适的自由。 这就是设计规范的尺度和自由。

北京网站建设资讯 - 先于一切设计工作之前 - (1)
Irish Red Cross 体系中非常明确地指示,它在Uniform 部分指示制服样式,必须按照这个规则来制作和穿戴。
北京网站建设资讯 - 先于一切设计工作之前 - (2)
Intreo的品牌体系中,大部分都是硬性的规定,配色、材质、颜色都有详细的要求。

20世纪初,工业到达一个彻底标准化的时期,那时候出现分 析生产过程,制定规范的工人 操作条例。 在西方国家,一度出现过叫做 「效率机构」的机构。而且商界代表也热衷与制定标准的标准化研究院合作。

北京网站建设资讯 - 先于一切设计工作之前 - (3)
插座接口的规范历史演进,感受规范对效率的影响。

规范的初衷是为了节省成本、提升效率,企业往往希望以最低的成本去重现设计,它有几项原则:

  1. 用词约束 定标准的时候尽量不采用模棱两可的词语
  2. 使用情境 设计会被应用于不同载体
  3. 工程与工艺 根据载体材质和印刷特性考虑设计
  4. 网格化与公制单位 设计需要思考最严苛的使用条件,某些机器不能做的事情,用手工可以实现,这时候网格化与公制单位可以很好解决这样的困境。
北京网站建设资讯 - 先于一切设计工作之前 - (4)
不同语义在设计规范中有严格的界定与使用标准
北京网站建设资讯 - 先于一切设计工作之前 - (5)
Bing product guidelines
北京网站建设资讯 - 先于一切设计工作之前 - (6)
Invo Design 内部设计规范系统,蓝色跟字体有关,绿色跟空间和排列有关。
北京网站建设资讯 - 先于一切设计工作之前 - (7)
Focuslab Notion 品牌设计案例

互联网文化是开放透明的,Focuslab Notion 曾经对外开放过自己的全套设计规范案例,为设计领域提供了专业参考和业务交流的前提。Invo 在现场展示了数个为客户定制的品牌规范案例,由于合作方保密协议,此处不做展示。

好的字体规范可以为设计团队节省时间,友好的排印系统,第一步也是从字形开始,企业品牌应确定自己的品牌字体,并且分清品牌字体与产品应用字体。

北京网站建设资讯 - 先于一切设计工作之前 - (8)
Google 和 Apple 的品牌与产品字体有明确的界限

San Francisco 是苹果创造的一种字体,它背后的想法非常有意思,依应用系统的不同分为两个大的分支。它有一些结构特性:英文字体中,大写跟数字字符的大小是一样的,小写的则会短一些。冒号设计必须考虑两种场景, San Francisco很优秀的一点是,能够通过判断前后字符来调整自身的版本呈现。

头脑风暴

嘉宾李兴宇完成分享之后,是小组工作坊时间,现场一共有8组,每组5-6人,现场为每一个小组发放了一套品牌模拟设计包,包含:

  1. 品牌原理及基础说明
  2. 设计基本规范表和空白页
  3. 可自由发挥的规范附录空白页
  4. 品牌标志字体参考页
  5. 品牌色板参考页
  6. 尺子、剪刀、笔
北京网站建设资讯 - 先于一切设计工作之前 - (9)
小组协作

8个小组用一个小时的时间,开始根据今天的主题,制作自己的品牌设计规范demo.

北京网站建设资讯 - 先于一切设计工作之前 - (10)
现场小组的不同色彩方案
北京网站建设资讯 - 先于一切设计工作之前 - (11)
Mojo 小组扩展页

Show Case

最期待的show case 环节来了,8个小组的成果都很棒,每个小组分别用3分钟的时间,从基础色系选择、标志方格化制图、标志空间比例制图、标志最小尺寸限定、标准字规范、错误使用案例及扩展图案等多个协作类目,陈述各自的设计思路。

北京网站建设资讯 - 先于一切设计工作之前 - (12)
小组成员讲解协作案例
北京网站建设资讯 - 先于一切设计工作之前 - (13)
小组成员讲解协作案例

活动结束后,Teambition 制作了一个线上永久项目,在里面保存了当期活动的主要知识点、现场照片、小组协作成果,Workshop 02 期参与者受邀加入后,可以获取相应的学习及活动资料。

北京网站建设资讯 - 先于一切设计工作之前 - (14)

后记

Teambition 02 期 Workshop 顺利完结,Teambition Workshop是 Teambition 发起的线下工作坊,为想要改善工作方式、提升团队效率的用户,以产品、设计和管理为核心话题,通过模拟演练、协作沟通的方式深度学习。如果你是对我们感兴趣的小伙伴,可添加微信好友 teambitioncd ,等待加入 Teambition 成都社群,了解 Teambition 成都动态。