Insta360 品牌成立于 2014 年,我们生产了上百万的相机,并将它们销往了全球 200 多个国家和地区。通过研发极具创新的相机产品,帮助人们记录和分享他们生活中的创意、乐趣以及冒险。
根据我们的品牌调研,Insta360 主要服务的人群是20-40岁,男性为主的中高收入人群。主要职业包括运动员、创意工作者、视频拍摄团队、旅游达人等。基于以上的用户人群,我们为他们做的设计应该足够简洁、富有创意和带有科技感,并且着重于展现各种精彩的影像瞬间。
随着公司快速发展,我们决定进一步标准化 Insta360 品牌的应用,保证品牌设计的完整性和一致性。我们搭建了 9 个一致且可拓展的品牌组件,为 20+ 品牌核心触点制定了模板,同时书写了完整的在线品牌规范。
首先,我们使用黄金分割法重绘了我们的品牌图形。同时,我们定义了标志的最小使用规范、放置规范和合作品牌规范等。我们还制作了一些不合理使用的案例,来帮助设计师和合作方正确地使用我们的标志。
我们从圆形的相机镜头、360° 图像和我们的产品外观中,抽象出一个圆形和两个圆角矩形,将它们作为我们的品牌形状。同时,受到 360° 图像变形方式的启发,我们用一个画满等距条纹线的立方体,去生成等距柱形投影和平射投影,并且将得到的结果作为我们的品牌图案。
我们为所有的产品名称设计了专用的品牌字体,并且选用字形丰富、便于国际化的 Roboto 和 Noto 作为标题和正文字体。我们还定义了一种将粗细字重在同一句话中搭配使用的排印方式,以此增强品牌的识别性和设计感。
为了保持在平面设计中的一致性,我们规定了设置版心的方法:边距 = 0.1 ~ 0.15 * 页面宽度 ( 某些极端长宽比下是 0.3 - 0.4 )。我们运用这个公式制作了各种模板,以及定义标志在其上的位置和尺寸。
为了区分于其它的科技类公司,特别是在运动相机领域的公司,我们继续保持使用黄色作为品牌颜色。除此之外,我们提供了一组新的渐变色板,包括渐变黄色和渐变灰色等,来让我们的设计品更加富有科技感。
作为一家影像公司,摄影摄像是至关重要的一个环节。我们订立了挑选、拍摄照片和视频的原则,例如“主体突出、背景简洁”;“展现动人的瞬间,比如大笑、跃起、水花飞溅”;“光照充足,对焦准确”等等。
我们提供了一个 48px 的栅格,以及五条关键设计线来作为辅助图标绘制的工具。此外,我们也书写了 12 条图标绘制的具体规则,包括例如:使用 3px 宽的圆头线条、在 90° 角设置 6px 像素圆角等等。
我们开发了一套模块化的插图系统。它将插图的主体和上传、下载、加载中、提示、错误、成功、未知等这些交互状态进行了分离。通过将主体和这些状态的组合,我们可以生成适用于各种不同场景的数以百计的插图。
我们通过规定曲线、持续时长和编排方式来保证 UI 动效中的一致性。并且我们还设计了一些特殊的动效,比如老虎机效果,从而建立起在动画方面独特的视觉语言。