跳到正文
Laboe Studio
A design studio worktable with everything the studio makes: a printed tote bag, cap and enamel badges, folded product boxes and a labelled bottle, a stack of campaign posters, a miniature event backdrop, a tablet showing a motion frame, and colour swatches in yellow, cream and ink

设计

我们设计的是企业真正用得上的品牌——识别、包装、动态、界面。而且因为我们也做开发,设计在落到真实产品时不会走样。

给正在推出品牌的创始人、需要一套代理商和印刷厂都能照着做的系统的市场团队,以及希望界面由开发它的人来设计的产品团队。我们在吉隆坡,服务马来西亚和新加坡。

01

品牌识别,到每一日常接触

  1. 品牌识别

    品牌识别是一家企业在任何地方都「像自己」的那套系统——Logo、色彩、字体和语气,写成文档,让你的团队和供应商不用我们也能照着用。

    Logo、色彩、字体、语气,以及你真的会用的品牌规范。

    • Logo 系统与组合
    • 色彩与字体系统
    • 品牌规范文档
    我们怎么做

    我们从定位开始,还没有名字就先做命名,然后把识别做成一套规则而不是一个 Logo 文件:主标与辅标、经过对比度检查的色彩系统、字体阶梯,以及品牌说话的语气。Rebrand 先从「哪些必须留」开始——客户、品牌资产、已经挂出去的招牌——再决定哪些要改。你拿到的是一份印刷厂、开发和社媒团队都能照着做的规范。

    CaseSnap brand identity — Pantone palette beside the wordmark
    Cinnamore bakery packaging — pink and green boxes with handwritten wordmark
  2. 包装

    包装设计同时包括包装的结构和平面,交付的是印刷厂拿到就能开机、不用改稿的付印文件。

    结构与平面包装设计,可直接付印。

    • 结构刀版
    • 平面设计与稿件
    • 付印文件
    我们怎么做

    我们从刀版往外做:先定材质、印刷方式和后加工的限制,再做画面,屏幕上设计的东西才不会在印刷机上出问题。货架可读性按真实尺寸和距离测试;包装和其他一切来自同一套识别系统,产品和品牌读起来是一体的。客户还没有结构供应商时,我们负责对接和协调。

    Unicare oral irrigator product visual — three units on soft pedestals
    OVER drinkware — full gym setup product social post
  3. 动态与动画

    动态设计把品牌系统变成会动的东西——品牌影片、产品讲解、动态 Logo 和社媒循环动画——15 秒和 90 秒看起来都是同一个品牌。

    品牌影片、产品讲解、适合社媒的循环动画。

    • 品牌影片 / 讲解视频
    • 动态 Logo 与片头
    • 社媒循环动画(9:16、1:1、16:9)
    我们怎么做

    每一条都从你先批准的脚本和分镜开始,之后才动手做动画。我们按播放的地方来剪:TikTok 和 Reels 用竖版,信息流用方形,活动和网页用宽屏,声音按每条单独设计或授权。因为动态用的是识别系统里同一套色彩、字体和标志,一条上市影片和一条信息流循环看起来出自同一只手。

    Fiesta Fantastica event key visual with DJ line-up
  4. UI/UX

    UI/UX 设计是你的网站、App 或内部工具的界面——由同时会把它开发出来的人来设计。

    产品与网站界面,设计时就考虑到开发。

    • 用户流程与线框
    • 高保真界面
    • 直接交给开发的组件库
    我们怎么做

    我们先画用户流程,再画重要页面的线框,然后做高保真界面和开发直接使用的组件库——你在设计阶段批准的,就是最后上线的。带着开发去设计,意味着状态、空页面、加载和报错这些决定在早期就做掉,而不是到开发时才发现。也意味着双语版面、无障碍和性能是设计进去的,不是事后补的。

    The Florist — multi-merchant storefront directory
    Soul Youth — English brand site homepage
  5. 平面与 campaign

    Campaign 与平面设计是一张主视觉和它需要的所有延展——社媒尺寸、门店、提案文件和物料——做成一套系统,让创意在每种格式里都站得住。

    主视觉、提案文件与各类物料。

    • 主视觉与延展
    • 提案与销售 deck
    • 印刷与数字物料
    我们怎么做

    我们先定创意和它的层级:眼睛先看什么、再看什么、最后看什么。然后每种格式按自己的节奏重新裁切,而不是缩放,所以一块竞赛机制面板、一张 story 裁图和一张售点海报读起来是同一个 campaign。同样的纪律用在提案与销售 deck、手册和活动物料上——几十页保持一致本身就是任务。

    airasia ride × MPL MY Season 11 campaign key visual
    Starbucks Brunei first coffee seminar event visual

02

一个品牌怎么出来

  1. 01

    了解

    一通电话,一份 brief。先弄清业务真正需要什么,再动手设计——谁在买、品牌要活在哪些地方、已经有什么必须保留。brief 会以书面形式回给你确认。

  2. 02

    方向

    两到三个真实方案——不是 mood board——让你在完成的想法之间选。每个方案都放在对你重要的触点上看:一个包装、一个页面、一条帖子、一块招牌。

  3. 03

    打磨

    把选定的方向推进到每一个触点,直到它站得住。色彩过对比度检查,字体在小字号下测试,系统在别扭的场景里压过一遍才算完成。

  4. 04

    交付

    源文件加规范,按你的印刷厂、开发和团队需要的格式交付:矢量标志、色彩与字体规格、网页 / 印刷 / 社媒用的导出素材,以及和你团队一起过一遍规范。

03

经得起开发设计

大多数设计会被交给另一家开发商、印刷厂或社媒团队,每一次交接都掉一点东西。在 Laboe,设计你识别系统的人也负责搭你的网站、跑你的 campaign,所以我们画出来的系统就是最后上线的系统。下面的演示就是我们的思路:一个字标、一套色板、一个字体阶梯、一张网格,在识别、包装、campaign、屏幕和信息流之间重新组合而不变。

  1. 种子:字标、色板、字阶、网格。
  2. 实物比例、印刷限制、货架可读性。
  3. 主视觉跨尺寸复用,不用重画。
  4. 界面字阶、状态,以及屏幕上的同一套网格。
  5. 信息流原生比例,仍然读得出是同一个品牌。

04

关于设计,常被问到的

品牌识别要多久?

一套聚焦的识别——Logo、色彩、字体和一份简短规范——从 brief 到交付通常四到六周。包装、动态或完整规范会在此基础上加时间。我们在 brief 阶段确认排期。

做不做 rebrand?

做。Rebrand 先从「哪些必须留」开始——客户、品牌资产、已经挂出去的招牌——再决定哪些要改。我们规划的是所有触点的切换,不只是一个 Logo 文件。

能设计也能把网站做出来吗?

能,这正是重点。同一支团队设计界面并把它开发出来,不会在设计公司和另一家开发商之间丢东西。

最后拿到什么?

源文件(矢量 Logo、字体与色彩规格、稿件)、网页 / 印刷 / 社媒用的导出素材,以及一份团队和供应商都能照着做的规范文档。UI 项目还会有开发直接使用的组件库。

接不接初创公司?

接。对早期公司我们会先定一个较小的首版——一套可用的识别和上线需要的素材——再随业务成长扩展。

是刷新还是整个 rebrand,怎么定?

我们先审计现有品牌还在赚什么——认知、信任、已经在市场上的资产——再对照什么在拖住业务。如果标志好用但围绕它的系统不一致,做刷新:修系统、留资产。如果定位已经变了,就 rebrand,并规划切换,让中间不出现空档。

你们对接我们的印刷厂和供应商吗?

对接。我们直接给印刷厂、包装供应商和招牌厂商做 brief,按他们要求的格式给文件,并在开机前看样。还没有供应商的话,我们可以推荐。

品牌还需要一个落脚的地方。 开发

以及把它推出去的人。 营销

告诉我们你要上线什么,我们告诉品牌需要什么。

开始一份设计需求