品牌视觉系统:从 Logo 到版式的参数全书
苹果的极简、可口可乐的红、耐克的一勾——伟大品牌的视觉系统都有章法,章法就是参数。
Logo 的 7 种类型
| 风格 | 定义 | 优势 | 代表品牌 | 适用场景 |
|---|---|---|---|---|
| 文字标(Wordmark) | 用品牌名称的文字设计Logo,强调字体和排版 | 易读、直接、品牌名即标识 | 谷歌、可口可乐、迪士尼、eBay | 适合名称独特、易读的品牌 |
| 字母标(Lettermark) | 用品牌缩写的字母设计Logo | 简洁、易记、适合长名称 | IBM、CNN、HP、NASA、UN | 适合名称较长、有知名度缩写的品牌 |
| 图形标(Pictorial Mark) | 用图形符号作为Logo,不包含文字 | 视觉化、易识别、跨语言 | 苹果、耐克、Twitter、麦当劳M | 适合有足够知名度、图形独特的品牌 |
| 抽象标(Abstract Mark) | 用抽象图形表达品牌理念 | 独特、现代、可承载多重含义 | 百事、阿迪达斯、BP、花旗 | 适合想要差异化和现代感的品牌 |
| 吉祥物(Mascot) | 用卡通人物/动物作为品牌形象 | 亲切、有趣、人格化 | 肯德基上校、米其林轮胎人、京东狗 | 适合面向家庭、儿童、餐饮的品牌 |
| 组合标(Combination Mark) | 文字+图形的组合Logo | 灵活、可分可合、信息完整 | 汉堡王、达美乐、Lacoste、Puma | 最常见、最灵活的Logo类型 |
| 徽章标(Emblem) | 文字包含在图形内部,像徽章一样 | 传统、权威、经典感 | 星巴克、哈雷戴维森、哈佛、NBA | 适合有历史感、传统感的品牌 |
品牌色彩体系的 6 种构建方式
| 色彩体系 | 结构 | 效果 | 代表品牌 |
|---|---|---|---|
| 单色体系(Monochromatic) | 一个主色+不同明度/饱和度的变化 | 极简、统一、高级感 | 苹果(白+灰)、无印良品(米色+灰)、Spotify(绿) |
| 双色体系(Two-Color) | 主色+辅助色,形成对比或和谐 | 经典、平衡、易识别 | 麦当劳(红+黄)、IKEA(蓝+黄)、Facebook(蓝+白) |
| 三色体系(Triadic) | 三种颜色形成三角关系,丰富但和谐 | 活力、丰富、年轻 | 谷歌(蓝红黄)、eBay、微软 |
| 多彩体系(Multi-Color) | 四种以上颜色,充满活力和多样性 | 活力、多元、创造力 | Nickelodeon、Instagram渐变、Slack |
| 渐变体系(Gradient) | 颜色之间的渐变过渡,现代感强 | 现代、数字感、流动 | Instagram、TikTok、Firefox、Stripe |
| 黑白体系(Black & White) | 只用黑白灰,极致极简 | 极简、高端、永恒 | Apple、无印良品、Chanel、YSL |
品牌字体系统
| 原则/类型 | 说明 | 可选风格 | 案例 |
|---|---|---|---|
| 标题字体(Display) | 用于大标题、Logo、海报,有个性和识别度 | 衬线体(高端/传统)、无衬线体(现代/简洁)、手写体(亲切/个性)、装饰体(独特/艺术) | 苹果:San Francisco Display;耐克:Futura |
| 正文字体(Body) | 用于正文、说明文字,易读性优先 | 无衬线体(屏幕易读)、衬线体(印刷优雅) | 苹果:San Francisco Text;纽约时报:Cheltenham |
| 搭配原则1:对比 | 标题和正文形成对比(衬线vs无衬线、粗vs细、大vs小) | 标题用衬线+正文用无衬线,或反之 | Vogue:标题Didot(衬线)+正文无衬线 |
| 搭配原则2:和谐 | 同一字族的不同字重搭配,统一和谐 | 用同一个字体家族的Light/Regular/Bold | 苹果全系列用San Francisco不同字重 |
| 搭配原则3:限制 | 最多使用2-3种字体,避免混乱 | 一种标题+一种正文,最多加一种装饰 | 大多数高端品牌只用1-2种字体 |
| 中文字体选择 | 中文品牌需要考虑中文字体的风格和西文字体的搭配 | 黑体(现代)、宋体(传统)、楷体(人文)、手写体(个性) | 无印良品:黑体+无衬线;故宫:宋体+衬线 |
图形语言的 8 种流派
| 图形语言 | 定义 | 效果 | 代表品牌 |
|---|---|---|---|
| 几何图形 | 用圆形、方形、三角形等几何图形构建视觉语言 | 现代、理性、简洁 | Google、IBM、Dropbox |
| 有机图形 | 用自然、流动、不规则的有机形态 | 自然、温暖、人文 | Airbnb、Spotify、Headspace |
| 插画风格 | 用插画作为主要视觉元素 | 亲切、有趣、独特 | Slack、Mailchimp、Duolingo |
| 摄影风格 | 用特定风格的摄影作为视觉核心 | 真实、品质、情感 | 苹果(产品摄影)、Nike(运动摄影)、Lululemon |
| 3D/渲染 | 用3D渲染图形,科技感和未来感 | 科技、未来、精致 | 苹果产品图、三星、特斯拉 |
| 拼贴/混合 | 多种视觉元素的拼贴和混合 | 创意、年轻、多元 | Glossier、Rihanna Fenty、BuzzFeed |
| 极简留白 | 大量留白,极少元素,强调呼吸感 | 高端、克制、高级 | 苹果、无印良品、Aesop |
| 繁复装饰 | 丰富的装饰元素,华丽感 | 传统、奢华、艺术 | Gucci、Versace、故宫文创 |
版式系统
| 版式类型 | 特征 | 代表应用 |
|---|---|---|
| 网格系统(Grid) | 基于数学网格的版式,理性、秩序 | 瑞士国际主义风格、IBM、苹果、杂志排版 |
| 非对称版式 | 打破对称,创造动感和张力 | 现代设计、Nike、Diesel、潮流品牌 |
| 杂志风格 | 像杂志一样的图文混排,有编辑感 | Vogue、GQ、内容型品牌、Medium |
| 极简版式 | 大量留白,极少文字,聚焦核心 | 苹果、无印良品、Aesop、高端品牌 |
| 信息密集型 | 信息丰富,排版紧凑,效率感 | Bloomberg、经济学人、数据型品牌 |
| 实验性版式 | 打破常规,创新的排版方式 | Glitch风格、潮流品牌、艺术节、设计工作室 |
Slogan 的 8 个公式
| 公式类型 | 结构 | 经典案例 |
|---|---|---|
| 行动号召型 | 动词+目标/价值 | Just Do It(耐克)、Think Different(苹果)、Impossible is Nothing(阿迪达斯) |
| 利益承诺型 | 你将获得什么 | I'm Lovin' It(麦当劳)、Because You're Worth It(欧莱雅)、The Ultimate Driving Machine(宝马) |
| 身份认同型 | 你是谁/你属于谁 | We Are The Champions(皇后乐队/体育)、Be All You Can Be(美军)、I'm a Mac(苹果) |
| 情感共鸣型 | 触发情感连接 | Open Happiness(可口可乐)、Connecting People(诺基亚)、Make Believe(索尼) |
| 品质宣言型 | 对品质的承诺 | The Best or Nothing(奔驰)、Engineered to Move the Human Spirit(讴歌)、Quality You Can Trust(丰田) |
| 哲学理念型 | 传递品牌哲学 | Less is More(无印良品)、Good Design is as Little Design as Possible(Dieter Rams)、Form Follows Function(现代主义) |
| 反问思考型 | 用问题引发思考 | What's in Your Wallet?(Capital One)、Got Milk?(牛奶协会)、Where do you want to go today?(微软) |
| 对比反差型 | 用对比制造记忆 | Melts in Your Mouth, Not in Your Hands(M&M's)、Tastes So Good, Cats Ask for It by Name(9Lives) |
落地方式:选定原型后(回品牌工坊主页),用本页的「色彩体系+字体+图形语言」三件套写进提示词,在 PixPix 里批量出 VI 物料——Logo 概念稿、海报、包装,气质全程统一。
常见问题
AI 能直接生成可用的 Logo 吗?
概念稿可以,交付稿要收口。AI 出 20 个方向初稿效率极高,选中方向后矢量化和细节微调仍需设计工具。提示词写法:「Logo 类型+图形语言+色彩体系+品牌气质」四段式。
品牌色怎么定不踩雷?
先看行业惯例(本站品牌工坊行业档案),再选色彩体系(单色高级/互补活力),最后验证场景:主色在 App 图标、包装、灯箱上都得成立。