审美网站合集调研（2026 年 5 月版）
审美网站合集调研（2026 年 5 月版）
审美网站合集调研（2026 年 5 月版） 审美网站合集调研（2026 年 5 月版） Modified May 2 ⭐ • 核心价值：站点按 Projects + Creatives、Insights + Opinion、Resources + Advice、Culture + Lifestyle 组织，并按 Advertising、Animation、Architecture、Art、Digital、Graphic Design、Illustration、Photography、Product Design 等学科浏览。 • 适合找：插画、平面、摄影、字体、海报、出版物、艺术家、实验项目、创意行业观察。 • 推荐用途：当项目需要更有文化感、作者感、前卫感时，从这里找方向。 • 注意事项：它不是素材库，更像策展媒体；重点看创作者语境和表达方法。 https://itsnicethat.com It's Nice That 11. Logo Design Love ✅ 一句话定位：专注 logo、符号、图标、标志和品牌识别故事的网站。 • 核心价值：站点主题集中在 logos, symbols, icons, and marks，适合看标志设计背后的策略、形式与故事。 • 适合找：经典 logo、品牌重塑、符号系统、字标、图形标、品牌识别应用。 • 推荐用途：做 logo 前期研究时，可用来整理“为什么这个标志成立”的论据。 • 注意事项：Logo 不是孤立图形，建议结合 Behance 的完整品牌系统一起看。 https://logodesignlove.com Logo Design Love 12. Slideland ✅ 一句话定位：日本幻灯片设计图库，按类别和用途策展，帮助寻找高质量 presentation 参考。 • 核心价值：官方 About 页介绍其为 Japanese slide design gallery，按 categories 和 use cases 策展，用于发现强 presentation reference。 • 适合找：日本企业 PPT、年报、文化手册、商业计划书、说明资料、品牌资料。 • 推荐用途：拆解封面、目录、章节页、数据页、案例页、总结页的版式节奏。 • 注意事项：适合借鉴结构、信息层级和留白，不建议照搬企业资料内容。 https://slideland.tech/en Slideland 13. Godly ✅ 一句话定位：高质量网页设计灵感索引，主张 Astronomically good web design inspiration。 • 核心价值：首页以精选网站列表为主，能快速看到当下 portfolio、AI 产品、品牌官网、实验网站的视觉趋势。 • 适合找：AI 网站、Web3、作品集、品牌官网、工具产品官网、实验交互、设计工作室网站。 • 推荐用途：作为 Awwwards 之外的“轻量精选索引”，用于快速扩展网页参考。 • 注意事项：更偏灵感入口，项目评价维度不如 Awwwards 系统。 https://godly.website Godly 14. Designspiration ✅ 一句话定位：面向设计师的灵感收集平台，适合保存和探索平面、摄影、字体、排版与品牌视觉。 • 核心价值：首页强调 Save & explore ideas that inspire your creativity，并支持保存 inspiration、colors、links、notes、screenshots。 • 适合找：Graphic design、typography、poster、photography、packaging、logo、UI、editorial。 • 推荐用途：用颜色搜索建立 moodboard，适合对配色和版式方向要求明确的项目。 • 注意事项：需要登录和浏览器端交互才能发挥收藏功能。 https://designspiration.com Designspiration 15. 日本网站个案：uki by non Editions ⭐ 一句话定位：柔和、手作、轻盈生活方式气质的日本品牌网站个案，原帖短链跳转至此站。 • 品牌与内容：页面包含 About、Products / Online Store、Collections、News、Stockists、Contact 等模块，是品牌官网 + 电商 + 系列档案。 • 视觉气质：关键词可概括为 soft、handmade、gentle、playful、pastel、daily objects、illustration led。 • 文案特点：日英双语文案强调 humming your favorite tune、gently brighten your mood、makes your heart flutter softly，语气温柔、具象、情绪化。 • 产品线：包含 totebag、acrylic keychain、postcard、diary、art scarf、art book、fabric poster、2026 日历等。 • 可借鉴点：柔和动线、插画化品牌资产、商品与情绪绑定、滚动节奏、日系生活方式品牌的轻盈叙事。 https://ukibynoneditions.com/ uki by non Editions 四、建议的收藏与调研流程 1. 先定任务：图片灵感、网页、Logo、PPT、产品/空间、还是个案拆解。 2. 先广后深：Pinterest / Designspiration / Godly 快速发散，再去 Behance / Awwwards / Designboom 看完整案例。 3. 建立标签：建议用“类别 + 风格 + 用途”三层标签，例如 logo / organic / skincare，web / motion / AI SaaS，ppt / annual report / minimal。 4. 追溯来源：看到好图后记录原作者、品牌、年份、应用场景，避免只保存无上下文图片。 5. 输出自己的审美库：每个项目至少沉淀 20 张图、5 个完整案例、3 个反例、1 页关键词总结。 五、来源与核查说明 • Pinterest About：确认 Pins、Boards、视觉搜索与灵感定位。 • Dribbble 首页：确认分类、Shots/Designers/Services、热门搜索与招聘/服务入口。 • Behance About：确认 Adobe 归属、创意网络定位、5000 万+成员、作品曝光与变现入口。 • Fast Company Design：确认 Design 栏目定位和 architecture、branding、UX、product design 等标签。 • Designboom：确认 architecture、design、art 领域报道与深度内容。 • Beautiful Life：首页与分类导航，确认工业设计、建筑、艺术、平面、汽车、时尚等栏目。 • Sgustok Design：首页分类导航，确认建筑、数字、时尚、平面、工业、室内等目录结构。 • Awwwards：首页与导航，确认 Awards、Nominees、Sites of the Day、Collections、技术与类别筛选。 • It's Nice That：首页导航，确认创意媒体栏目、学科分类与热门标签。 • Slideland About：确认日本 slide design gallery 与按类别/用途策展定位。 • Godly：首页，确认 Astronomically good web design inspiration 及精选网站索引。 • Designspiration：首页，确认保存灵感、颜色、链接、笔记、截图等功能。 • uki by non Editions：由原帖短链跳转确认，整理其品牌结构、文案、产品和视觉气质。 • BLOG DECO DESIGN：原站抓取不稳定，结合站点标题与第三方索引做保守归纳，建议后续补充具体文章链接。 更新日期：2026 05 02 六、参考 If You Could 的色彩板式分类 🎨 参考对象：It's Nice That / If You Could 栏目页。整体风格是白底信息流 + 高饱和漫画气泡 + 粗黑描边 + 轻量紫色标签，既有儿童感和幽默感，又保留媒体网站的清爽阅读秩序。 设计关键词：comic bubble、candy color、black stroke、flat illustration、editorial grid、playful career advice。 1. 主色板提取 色彩角色 色名 Hex 近似值 使用位置 气质 主亮色 Electric Cyan 11DDE8 顶部大气泡、重点卡片背景 年轻、醒目、科技感、轻松 主亮色 Signal Blue 3B9BFA 底部小胶囊、辅助色块 清晰、数字感、行动感 主亮色 Vivid Purple B967F4 气泡主色、强调标题、newsletter 区块 创意、问题感、社群感 主亮色 Neon Violet 6F20FF 链接、小标签文字、页脚亮紫区域 品牌识别、点击感、数字媒体感 暖亮色 Tomato Red FF5C57 警示型问题气泡、强情绪标题 紧张、直接、问题被放大 暖亮色 Coral Orange FF8B68 工作/创意困境类卡片 活跃、外向、对话感 柔色 Bubblegum Pink F5A4C5 底部小胶囊、温和卡片背景 柔软、亲近、缓冲情绪 柔色 Soft Salmon F4A7A2 粉红/红色气泡变体 温暖、轻喜剧、手绘感 自然色 Muted Lime BBD480 绿色系气泡、职业建议类卡片 成长、舒展、不攻击 自然色 Leaf Green 75B95F 小胶囊底色、辅助对比 稳定、友好、复古感 柔和中性色 Pale Yellow FFE39A 温和提问、经验分享卡片 轻盈、乐观、解释型 柔和中性色 Sage Grey BED2D2 底部胶囊、低对比承托 冷静、平衡、降低饱和度 柔和中性色 Dusty Taupe C79A90 暖灰/棕粉气泡辅助色 复古、沉稳、削弱甜腻 基础色 Ink Black 111111 描边、标题、正文 漫画感、结构感、强可读性 基础色 Warm White FAFAF7 页面背景 干净、编辑感、让亮色呼吸 标签底 Pale Lavender FAF4FF 文章标签底色 轻量、低存在感、保持整洁 2. 色彩板式分类 分类 推荐组合 适合内容 使用规则 酸性亮色组 11DDE8 + 3B9BFA + 111111 AI、数字创意、年轻设计师、问题征集 大面积亮青色负责吸睛，蓝色做底部胶囊或按钮，必须用黑色粗描边压住漂浮感。 职业困境警示组 FF5C57 + F5A4C5 + 111111 焦虑、瓶颈、行业压力、创意枯竭 红色放在上半气泡表达“问题”，粉色放下半部分缓冲攻击性。 友好建议组 BBD480 + 75B95F + 111111 成长建议、职业路径、创作者经验 绿色系适合表达“可以慢慢解决”，比红/紫更稳、更亲和。 温柔解释组 FFE39A + BED2D2 + 111111 复盘、方法论、经验总结、年度回顾 黄色做主气泡，鼠尾草灰做底部托盘，适合降低信息压迫感。 高创意提问组 B967F4 + 11BDB6 + 111111 开放问题、创意挑战、社群互动、投稿邀请 紫色负责想象力，青绿色负责活力，适合标题较短且需要跳出的卡片。 暖调对话组 FF8B68 + C79A90 + 111111 工作状态、关系、团队、创意日常 橙色热情，棕粉降温；适合“不是特别紧急但值得讨论”的主题。 媒体标签组 FAF4FF + 6F20FF + 111111 标签、栏目、分页、轻 CTA 标签底色要很浅，紫色文字保持小面积出现，避免和气泡主色抢戏。 页脚冲击组 242424 + 6F20FF + FAFAF7 订阅、newsletter、页面尾部转化 黑色建立区块重量，亮紫作为品牌记忆点，白字保证阅读。 3. 气泡卡片版式拆解 模块 视觉规则 可复用建议 顶部主气泡 圆角矩形 + 尾巴切角 + 粗黑描边；标题全大写、居中、紧行距。 适合放一个强问题，字数控制在 4 6 行以内。 底部胶囊 比主气泡矮，常用另一种色；同样黑描边，承载栏目名或系列名。 作为“视觉签名”，每张卡片保持同一文案，颜色可轮换。 文章标题 黑色正文，像引用语一样呈现，字号大于日期和标签。 用于二级解释：气泡问问题，标题给回答或补充观点。 日期 小字号、灰黑色、留白充足。 让信息流有出版物感，避免卡片太像纯海报。 标签条 极浅紫底，紫色文字，块状分隔。 适合用作分类导航或主题标签，不宜太重。 整体网格 桌面端约 5 列卡片，列间距大；上图下文，纵向节奏松。 做灵感库时可用 4 5 列；移动端改为 1 2 列。 4. 可直接套用的卡片配色模板 模板名 主气泡 底部胶囊 文字/描边 适合主题 AI 青蓝卡 11DDE8 3B9BFA 111111 AI、工具、年轻创作者、趋势提问 焦虑红粉卡 FF5C57 F5A4C5 111111 行业压力、职业困境、强情绪标题 成长绿卡 BBD480 75B95F 111111 经验、成长、职业建议、方法论 创意紫青卡 B967F4 11BDB6 111111 开放提问、投稿、活动、社群议题 复盘黄灰卡 FFE39A BED2D2 111111 年度总结、复盘、解释型内容 工作橙棕卡 FF8B68 C79A90 111111 团队、工作状态、创意流程、客户关系 5. 用在审美网站合集里的建议 ⭐ • 核心价值：站点按 Projects + Creatives、Insights + Opinion、Resources + Advice、Culture + Lifestyle 组织，并按 Advertising、Animation、Architecture、Art、Digital、Graphic Design、Illustration、Photography、Product Design 等学科浏览。 • 适合找：插画、平面、摄影、字体、海报、出版物、艺术家、实验项目、创意行业观察。 • 推荐用途：当项目需要更有文化感、作者感、前卫感时，从这里找方向。 • 注意事项：它不是素材库，更像策展媒体；重点看创作者语境和表达方法。 https://itsnicethat.com It's Nice That 11. Logo Design Love ✅ 一句话定位：专注 logo、符号、图标、标志和品牌识别故事的网站。 一句话定位：专注 logo、符号、图标、标志和品牌识别故事的网站。 • 核心价值：站点主题集中在 logos, symbols, icons, and marks，适合看标志设计背后的策略、形式与故事。 • 适合找：经典 logo、品牌重塑、符号系统、字标、图形标、品牌识别应用。 • 推荐用途：做 logo 前期研究时，可用来整理“为什么这个标志成立”的论据。 • 注意事项：Logo 不是孤立图形，建议结合 Behance 的完整品牌系统一起看。 https://logodesignlove.com Logo Design Love 12. Slideland ✅ 一句话定位：日本幻灯片设计图库，按类别和用途策展，帮助寻找高质量 presentation 参考。 一句话定位：日本幻灯片设计图库，按类别和用途策展，帮助寻找高质量 presentation 参考。 • 核心价值：官方 About 页介绍其为 Japanese slide design gallery，按 categories 和 use cases 策展，用于发现强 presentation reference。 • 适合找：日本企业 PPT、年报、文化手册、商业计划书、说明资料、品牌资料。 • 推荐用途：拆解封面、目录、章节页、数据页、案例页、总结页的版式节奏。 • 注意事项：适合借鉴结构、信息层级和留白，不建议照搬企业资料内容。 https://slideland.tech/en Slideland 13. Godly ✅ 一句话定位：高质量网页设计灵感索引，主张 Astronomically good web design inspiration。 一句话定位：高质量网页设计灵感索引，主张 Astronomically good web design inspiration。 • 核心价值：首页以精选网站列表为主，能快速看到当下 portfolio、AI 产品、品牌官网、实验网站的视觉趋势。 • 适合找：AI 网站、Web3、作品集、品牌官网、工具产品官网、实验交互、设计工作室网站。 • 推荐用途：作为 Awwwards 之外的“轻量精选索引”，用于快速扩展网页参考。 • 注意事项：更偏灵感入口，项目评价维度不如 Awwwards 系统。 https://godly.website Godly 14. Designspiration ✅ 一句话定位：面向设计师的灵感收集平台，适合保存和探索平面、摄影、字体、排版与品牌视觉。 一句话定位：面向设计师的灵感收集平台，适合保存和探索平面、摄影、字体、排版与品牌视觉。 • 核心价值：首页强调 Save & explore ideas that inspire your creativity，并支持保存 inspiration、colors、links、notes、screenshots。 • 适合找：Graphic design、typography、poster、photography、packaging、logo、UI、editorial。 • 推荐用途：用颜色搜索建立 moodboard，适合对配色和版式方向要求明确的项目。 • 注意事项：需要登录和浏览器端交互才能发挥收藏功能。 https://designspiration.com Designspiration 15. 日本网站个案：uki by non Editions ⭐ 一句话定位：柔和、手作、轻盈生活方式气质的日本品牌网站个案，原帖短链跳转至此站。 一句话定位：柔和、手作、轻盈生活方式气质的日本品牌网站个案，原帖短链跳转至此站。 • 品牌与内容：页面包含 About、Products / Online Store、Collections、News、Stockists、Contact 等模块，是品牌官网 + 电商 + 系列档案。 • 视觉气质：关键词可概括为 soft、handmade、gentle、playful、pastel、daily objects、illustration led。 • 文案特点：日英双语文案强调 humming your favorite tune、gently brighten your mood、makes your heart flutter softly，语气温柔、具象、情绪化。 • 产品线：包含 totebag、acrylic keychain、postcard、diary、art scarf、art book、fabric poster、2026 日历等。 • 可借鉴点：柔和动线、插画化品牌资产、商品与情绪绑定、滚动节奏、日系生活方式品牌的轻盈叙事。 https://ukibynoneditions.com/ uki by non Editions 四、建议的收藏与调研流程 1. 先定任务：图片灵感、网页、Logo、PPT、产品/空间、还是个案拆解。 2. 先广后深：Pinterest / Designspiration / Godly 快速发散，再去 Behance / Awwwards / Designboom 看完整案例。 3. 建立标签：建议用“类别 + 风格 + 用途”三层标签，例如 logo / organic / skincare，web / motion / AI SaaS，ppt / annual report / minimal。 4. 追溯来源：看到好图后记录原作者、品牌、年份、应用场景，避免只保存无上下文图片。 5. 输出自己的审美库：每个项目至少沉淀 20 张图、5 个完整案例、3 个反例、1 页关键词总结。 五、来源与核查说明 • Pinterest About：确认 Pins、Boards、视觉搜索与灵感定位。 • Dribbble 首页：确认分类、Shots/Designers/Services、热门搜索与招聘/服务入口。 • Behance About：确认 Adobe 归属、创意网络定位、5000 万+成员、作品曝光与变现入口。 • Fast Company Design：确认 Design 栏目定位和 architecture、branding、UX、product design 等标签。 • Designboom：确认 architecture、design、art 领域报道与深度内容。 • Beautiful Life：首页与分类导航，确认工业设计、建筑、艺术、平面、汽车、时尚等栏目。 • Sgustok Design：首页分类导航，确认建筑、数字、时尚、平面、工业、室内等目录结构。 • Awwwards：首页与导航，确认 Awards、Nominees、Sites of the Day、Collections、技术与类别筛选。 • It's Nice That：首页导航，确认创意媒体栏目、学科分类与热门标签。 • Slideland About：确认日本 slide design gallery 与按类别/用途策展定位。 • Godly：首页，确认 Astronomically good web design inspiration 及精选网站索引。 • Designspiration：首页，确认保存灵感、颜色、链接、笔记、截图等功能。 • uki by non Editions：由原帖短链跳转确认，整理其品牌结构、文案、产品和视觉气质。 • BLOG DECO DESIGN：原站抓取不稳定，结合站点标题与第三方索引做保守归纳，建议后续补充具体文章链接。 更新日期：2026 05 02 六、参考 If You Could 的色彩板式分类 🎨 参考对象：It's Nice That / If You Could 栏目页。整体风格是白底信息流 + 高饱和漫画气泡 + 粗黑描边 + 轻量紫色标签，既有儿童感和幽默感，又保留媒体网站的清爽阅读秩序。 设计关键词：comic bubble、candy color、black stroke、flat illustration、editorial grid、playful career advice。 参考对象：It's Nice That / If You Could 栏目页。整体风格是白底信息流 + 高饱和漫画气泡 + 粗黑描边 + 轻量紫色标签，既有儿童感和幽默感，又保留媒体网站的清爽阅读秩序。 设计关键词：comic bubble、candy color、black stroke、flat illustration、editorial grid、playful career advice。 1. 主色板提取 色彩角色 色名 Hex 近似值 使用位置 气质 主亮色 Electric Cyan 11DDE8 顶部大气泡、重点卡片背景 年轻、醒目、科技感、轻松 主亮色 Signal Blue 3B9BFA 底部小胶囊、辅助色块 清晰、数字感、行动感 主亮色 Vivid Purple B967F4 气泡主色、强调标题、newsletter 区块 创意、问题感、社群感 主亮色 Neon Violet 6F20FF 链接、小标签文字、页脚亮紫区域 品牌识别、点击感、数字媒体感 暖亮色 Tomato Red FF5C57 警示型问题气泡、强情绪标题 紧张、直接、问题被放大 暖亮色 Coral Orange FF8B68 工作/创意困境类卡片 活跃、外向、对话感 柔色 Bubblegum Pink F5A4C5 底部小胶囊、温和卡片背景 柔软、亲近、缓冲情绪 柔色 Soft Salmon F4A7A2 粉红/红色气泡变体 温暖、轻喜剧、手绘感 自然色 Muted Lime BBD480 绿色系气泡、职业建议类卡片 成长、舒展、不攻击 自然色 Leaf Green 75B95F 小胶囊底色、辅助对比 稳定、友好、复古感 柔和中性色 Pale Yellow FFE39A 温和提问、经验分享卡片 轻盈、乐观、解释型 柔和中性色 Sage Grey BED2D2 底部胶囊、低对比承托 冷静、平衡、降低饱和度 柔和中性色 Dusty Taupe C79A90 暖灰/棕粉气泡辅助色 复古、沉稳、削弱甜腻 基础色 Ink Black 111111 描边、标题、正文 漫画感、结构感、强可读性 基础色 Warm White FAFAF7 页面背景 干净、编辑感、让亮色呼吸 标签底 Pale Lavender FAF4FF 文章标签底色 轻量、低存在感、保持整洁 色彩角色 色彩角色 色名 色名 Hex 近似值 Hex 近似值 使用位置 使用位置 气质 气质 主亮色 主亮色 Electric Cyan Electric Cyan 11DDE8 11DDE8 顶部大气泡、重点卡片背景 顶部大气泡、重点卡片背景 年轻、醒目、科技感、轻松 年轻、醒目、科技感、轻松 主亮色 主亮色 Signal Blue Signal Blue 3B9BFA 3B9BFA 底部小胶囊、辅助色块 底部小胶囊、辅助色块 清晰、数字感、行动感 清晰、数字感、行动感 主亮色 主亮色 Vivid Purple Vivid Purple B967F4 B967F4 气泡主色、强调标题、newsletter 区块 气泡主色、强调标题、newsletter 区块 创意、问题感、社群感 创意、问题感、社群感 主亮色 主亮色 Neon Violet Neon Violet 6F20FF 6F20FF 链接、小标签文字、页脚亮紫区域 链接、小标签文字、页脚亮紫区域 品牌识别、点击感、数字媒体感 品牌识别、点击感、数字媒体感 暖亮色 暖亮色 Tomato Red Tomato Red FF5C57 FF5C57 警示型问题气泡、强情绪标题 警示型问题气泡、强情绪标题 紧张、直接、问题被放大 紧张、直接、问题被放大 暖亮色 暖亮色 Coral Orange Coral Orange FF8B68 FF8B68 工作/创意困境类卡片 工作/创意困境类卡片 活跃、外向、对话感 活跃、外向、对话感 柔色 柔色 Bubblegum Pink Bubblegum Pink F5A4C5 F5A4C5 底部小胶囊、温和卡片背景 底部小胶囊、温和卡片背景 柔软、亲近、缓冲情绪 柔软、亲近、缓冲情绪 柔色 柔色 Soft Salmon Soft Salmon F4A7A2 F4A7A2 粉红/红色气泡变体 粉红/红色气泡变体 温暖、轻喜剧、手绘感 温暖、轻喜剧、手绘感 自然色 自然色 Muted Lime Muted Lime BBD480 BBD480 绿色系气泡、职业建议类卡片 绿色系气泡、职业建议类卡片 成长、舒展、不攻击 成长、舒展、不攻击 自然色 自然色 Leaf Green Leaf Green 75B95F 75B95F 小胶囊底色、辅助对比 小胶囊底色、辅助对比 稳定、友好、复古感 稳定、友好、复古感 柔和中性色 柔和中性色 Pale Yellow Pale Yellow FFE39A FFE39A 温和提问、经验分享卡片 温和提问、经验分享卡片 轻盈、乐观、解释型 轻盈、乐观、解释型 柔和中性色 柔和中性色 Sage Grey Sage Grey BED2D2 BED2D2 底部胶囊、低对比承托 底部胶囊、低对比承托 冷静、平衡、降低饱和度 冷静、平衡、降低饱和度 柔和中性色 柔和中性色 Dusty Taupe Dusty Taupe C79A90 C79A90 暖灰/棕粉气泡辅助色 暖灰/棕粉气泡辅助色 复古、沉稳、削弱甜腻 复古、沉稳、削弱甜腻 基础色 基础色 Ink Black Ink Black 111111 111111 描边、标题、正文 描边、标题、正文 漫画感、结构感、强可读性 漫画感、结构感、强可读性 基础色 基础色 Warm White Warm White FAFAF7 FAFAF7 页面背景 页面背景 干净、编辑感、让亮色呼吸 干净、编辑感、让亮色呼吸 标签底 标签底 Pale Lavender Pale Lavender FAF4FF FAF4FF 文章标签底色 文章标签底色 轻量、低存在感、保持整洁 轻量、低存在感、保持整洁 2. 色彩板式分类 分类 推荐组合 适合内容 使用规则 酸性亮色组 11DDE8 + 3B9BFA + 111111 AI、数字创意、年轻设计师、问题征集 大面积亮青色负责吸睛，蓝色做底部胶囊或按钮，必须用黑色粗描边压住漂浮感。 职业困境警示组 FF5C57 + F5A4C5 + 111111 焦虑、瓶颈、行业压力、创意枯竭 红色放在上半气泡表达“问题”，粉色放下半部分缓冲攻击性。 友好建议组 BBD480 + 75B95F + 111111 成长建议、职业路径、创作者经验 绿色系适合表达“可以慢慢解决”，比红/紫更稳、更亲和。 温柔解释组 FFE39A + BED2D2 + 111111 复盘、方法论、经验总结、年度回顾 黄色做主气泡，鼠尾草灰做底部托盘，适合降低信息压迫感。 高创意提问组 B967F4 + 11BDB6 + 111111 开放问题、创意挑战、社群互动、投稿邀请 紫色负责想象力，青绿色负责活力，适合标题较短且需要跳出的卡片。 暖调对话组 FF8B68 + C79A90 + 111111 工作状态、关系、团队、创意日常 橙色热情，棕粉降温；适合“不是特别紧急但值得讨论”的主题。 媒体标签组 FAF4FF + 6F20FF + 111111 标签、栏目、分页、轻 CTA 标签底色要很浅，紫色文字保持小面积出现，避免和气泡主色抢戏。 页脚冲击组 242424 + 6F20FF + FAFAF7 订阅、newsletter、页面尾部转化 黑色建立区块重量，亮紫作为品牌记忆点，白字保证阅读。 分类 分类 推荐组合 推荐组合 适合内容 适合内容 使用规则 使用规则 酸性亮色组 酸性亮色组 11DDE8 + 3B9BFA + 111111 11DDE8 + 3B9BFA + 111111 AI、数字创意、年轻设计师、问题征集 AI、数字创意、年轻设计师、问题征集 大面积亮青色负责吸睛，蓝色做底部胶囊或按钮，必须用黑色粗描边压住漂浮感。 大面积亮青色负责吸睛，蓝色做底部胶囊或按钮，必须用黑色粗描边压住漂浮感。 职业困境警示组 职业困境警示组 FF5C57 + F5A4C5 + 111111 FF5C57 + F5A4C5 + 111111 焦虑、瓶颈、行业压力、创意枯竭 焦虑、瓶颈、行业压力、创意枯竭 红色放在上半气泡表达“问题”，粉色放下半部分缓冲攻击性。 红色放在上半气泡表达“问题”，粉色放下半部分缓冲攻击性。 友好建议组 友好建议组 BBD480 + 75B95F + 111111 BBD480 + 75B95F + 111111 成长建议、职业路径、创作者经验 成长建议、职业路径、创作者经验 绿色系适合表达“可以慢慢解决”，比红/紫更稳、更亲和。 绿色系适合表达“可以慢慢解决”，比红/紫更稳、更亲和。 温柔解释组 温柔解释组 FFE39A + BED2D2 + 111111 FFE39A + BED2D2 + 111111 复盘、方法论、经验总结、年度回顾 复盘、方法论、经验总结、年度回顾 黄色做主气泡，鼠尾草灰做底部托盘，适合降低信息压迫感。 黄色做主气泡，鼠尾草灰做底部托盘，适合降低信息压迫感。 高创意提问组 高创意提问组 B967F4 + 11BDB6 + 111111 B967F4 + 11BDB6 + 111111 开放问题、创意挑战、社群互动、投稿邀请 开放问题、创意挑战、社群互动、投稿邀请 紫色负责想象力，青绿色负责活力，适合标题较短且需要跳出的卡片。 紫色负责想象力，青绿色负责活力，适合标题较短且需要跳出的卡片。 暖调对话组 暖调对话组 FF8B68 + C79A90 + 111111 FF8B68 + C79A90 + 111111 工作状态、关系、团队、创意日常 工作状态、关系、团队、创意日常 橙色热情，棕粉降温；适合“不是特别紧急但值得讨论”的主题。 橙色热情，棕粉降温；适合“不是特别紧急但值得讨论”的主题。 媒体标签组 媒体标签组 FAF4FF + 6F20FF + 111111 FAF4FF + 6F20FF + 111111 标签、栏目、分页、轻 CTA 标签、栏目、分页、轻 CTA 标签底色要很浅，紫色文字保持小面积出现，避免和气泡主色抢戏。 标签底色要很浅，紫色文字保持小面积出现，避免和气泡主色抢戏。 页脚冲击组 页脚冲击组 242424 + 6F20FF + FAFAF7 242424 + 6F20FF + FAFAF7 订阅、newsletter、页面尾部转化 订阅、newsletter、页面尾部转化 黑色建立区块重量，亮紫作为品牌记忆点，白字保证阅读。 黑色建立区块重量，亮紫作为品牌记忆点，白字保证阅读。 3. 气泡卡片版式拆解 模块 视觉规则 可复用建议 顶部主气泡 圆角矩形 + 尾巴切角 + 粗黑描边；标题全大写、居中、紧行距。 适合放一个强问题，字数控制在 4 6 行以内。 底部胶囊 比主气泡矮，常用另一种色；同样黑描边，承载栏目名或系列名。 作为“视觉签名”，每张卡片保持同一文案，颜色可轮换。 文章标题 黑色正文，像引用语一样呈现，字号大于日期和标签。 用于二级解释：气泡问问题，标题给回答或补充观点。 日期 小字号、灰黑色、留白充足。 让信息流有出版物感，避免卡片太像纯海报。 标签条 极浅紫底，紫色文字，块状分隔。 适合用作分类导航或主题标签，不宜太重。 整体网格 桌面端约 5 列卡片，列间距大；上图下文，纵向节奏松。 做灵感库时可用 4 5 列；移动端改为 1 2 列。 模块 模块 视觉规则 视觉规则 可复用建议 可复用建议 顶部主气泡 顶部主气泡 圆角矩形 + 尾巴切角 + 粗黑描边；标题全大写、居中、紧行距。 圆角矩形 + 尾巴切角 + 粗黑描边；标题全大写、居中、紧行距。 适合放一个强问题，字数控制在 4 6 行以内。 适合放一个强问题，字数控制在 4 6 行以内。 底部胶囊 底部胶囊 比主气泡矮，常用另一种色；同样黑描边，承载栏目名或系列名。 比主气泡矮，常用另一种色；同样黑描边，承载栏目名或系列名。 作为“视觉签名”，每张卡片保持同一文案，颜色可轮换。 作为“视觉签名”，每张卡片保持同一文案，颜色可轮换。 文章标题 文章标题 黑色正文，像引用语一样呈现，字号大于日期和标签。 黑色正文，像引用语一样呈现，字号大于日期和标签。 用于二级解释：气泡问问题，标题给回答或补充观点。 用于二级解释：气泡问问题，标题给回答或补充观点。 日期 日期 小字号、灰黑色、留白充足。 小字号、灰黑色、留白充足。 让信息流有出版物感，避免卡片太像纯海报。 让信息流有出版物感，避免卡片太像纯海报。 标签条 标签条 极浅紫底，紫色文字，块状分隔。 极浅紫底，紫色文字，块状分隔。 适合用作分类导航或主题标签，不宜太重。 适合用作分类导航或主题标签，不宜太重。 整体网格 整体网格 桌面端约 5 列卡片，列间距大