设计 · 品牌

设计与品牌——从 logo 到设计系统

把品牌当作系统来构建——从标志到令牌。 多数人要的不是「又一个好看的 logo」。而是把品牌当作系统:由令牌构成的色彩、字体与网格,在演示、网站和代码里都同样可靠。

02分析

提案由什么构成

我们按颜色和字体绘制竞品地图,找到尚未被占据的区域,并占住它。 选择永远基于地图,而不是个人口味。

分析 · 竞品色彩

竞品的色彩地图

X 轴是品牌色,Y 轴是浅色 / 深色主题。所有玩家都在同一张地图上——哪些区域拥挤一目了然。

竞品的色彩地图
分析 · 竞品字体

竞品的字体

X 轴是字体来源,Y 轴是标题字重。自上而下——从纤细到超粗。

竞品的字体
分析 · 受众画像

受众画像

竞品在向谁销售。每个垂直玩家核心受众的年龄、角色与关键能力。

受众画像
分析 · 受众地图

他们在地图上的位置

X 轴是年龄,Y 轴是数字成熟度。资深决策者与大众用户之间的断层一目了然——以及产品在哪里需要自己的语言。

他们在地图上的位置
03色彩 · 强调色

一种颜色。一个立场——从按钮到整套系统

强调色

强调色贯穿整套系统

按钮、链接、图表与色块。

开箱即用的主题

同一种颜色在浅色和深色下同样生动。

色彩

对比度

调换背景与强调色——任意一组都保持对比鲜明、易于辨识。

可读性

标题与正文在任意底色上都清晰可读——对比度写进了系统,没有例外。

字体排印

一款字体——完整的层级

一种性格——贯穿主品牌、产品与网站。

标志性字形

开放的字怀——在小字号和屏幕上依然清晰。在界面和海报中都有平稳的节奏。

04方向 · 趋势

设计趋势

不会过一季就过时的品牌识别。 只把真正对品牌有长期价值的东西纳入系统。

/01

界面的安静

更少装饰,更多留白:hairline 细线、克制的网格,只在需要决策的地方才用强调。

/02

以艺术为语言

用插画与图形代替素材图——形成可辨识的品牌视觉笔触。

/03

版面会呼吸

大留白、清晰的字体层级、由间距构成的节奏——内容毫不费力就能读。

/04

令牌系统

把颜色、字体与间距作为变量——设计与代码共享同一个事实来源。

/05

默认支持明暗两套

每个强调色都是一对数值:品牌识别无需改动即可在两种主题下生存。

/06

Motion-first

品牌识别从一开始就在动态中设计:logo、转场、微动效。

05方向 · 原则

新美学的原则

极简主义
产品即艺术
拒绝噪声
生态克制
留白呼吸
聚焦核心
06结语 · 构建品牌识别

一起构建你的品牌识别

30 分钟通话,把需求理清。 带着产品和品牌性格来——带着色彩方向和系统方案离开。

/01

预约通话

30 分钟梳理:产品、受众、性格,以及现有的东西。

/02

竞品地图

按颜色和字体绘制地图——为品牌找到空出的区域。

/03

选择方向

展示由地图支撑的色彩与字体——一起做选择。

/04

系统与品牌手册

最终交付——品牌识别、规范、源文件与适配你技术栈的令牌。

07结语 · 常见问题

常见问题

是一套系统:颜色、字体与间距的令牌、logo、规范以及可用的实例。演示、网站与代码共享同一套逻辑。