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 成都动态。

最新文章

  1. 手机网站的优化排名方法
  2. 网站关键词优化不好的原因介绍
  3. 医院网站设计的要素有哪些
  4. 网站极简设计风格元素有哪些
  5. 网站改版要注意什么事项
  6. 自助建站怎么样?需要考虑哪些方面?
  7. 企业建站用什么CMS建站系统会更好 三大系统优缺点对比
  8. 开源CMS系统哪个比较好 如何选择
  9. 企业外贸网站制作的要求及注意事项
  10. 如何做好网站建设方案的制定 这些一定要懂

最新案例