从「一个源文件一个源文件手工处理」到
在线品牌管理平台
品牌资产不应该是散落在各个文件夹、微信聊天和网盘里的碎片。它应该是所有人在任何时候都能找到、能使用、能被自动校验的数字化系统。
为什么需要这个平台
三个每天都在发生的真实痛点,决定了这不是"锦上添花",而是"非做不可"。
三大核心痛点
品牌资产散落各处找不到
Logo源文件在D盘的某个文件夹、字体包在工作电脑的Fonts目录、色卡在微信聊天记录里、模板在网盘某个角落——每次有人要,你要花10-20分钟去找,或者直接重新做一遍。
现状:散落各处 目标:一站检索科室自己找广告公司乱做
各科室绕过标识管理岗,直接找外面的广告公司做物料。做出来的东西字体不对、Logo位置随意、色彩偏离——全院品牌形象越来越碎片化,而你得跟在后面擦屁股。
现状:各自为政 目标:统一出口设计审核全靠人工核对
每次审核科室提交的设计稿,要手动对比VIS规范检查颜色对不对、字体对不对、Logo比例对不对。审核一次30-60分钟,一年300-500次,标准还不统一。
现状:人工核对 目标:自动校验从设计师视角看:你在浪费什么
| 你花时间在 | 现状 | 有了平台之后 |
|---|---|---|
| 找文件 | 每次10-20分钟找Logo/字体/模板 | 打开平台,5秒检索下载 |
| 核对规范 | 盯着设计稿,凭肉眼对比色值/字体/位置 | 上传自动校验,3秒出报告 |
| 应付科室 | 每个科室都来问"Logo在哪""模板有没有" | 科室自助下载,你只审核不传文件 |
| 重做设计 | 找不到旧稿,同样的东西反复重新设计 | 历史版本全归档,一键复用 |
| 被时间挤压的 | 策略规划、体系优化、品牌升级 | 这些才是你真正该做的事 |
"把你从'找文件、传文件、核对文件'中解放出来——让你的时间回到策略、创意和体系构建上。这不是工具升级,是角色升级。"
平台功能架构
这不是一个"文件共享网盘",而是一个以VIS规范为内核的品牌管理操作系统。
四层架构
🎨 表现层 · 用户界面
⚙️ 应用层 · 业务逻辑
🗄️ 数据层 · 存储与管理
☁️ 基础设施层
平台定位:与通用工具的根本区别
| 维度 | 百度网盘 / 共享文件夹 | VIS在线品牌管理平台 |
|---|---|---|
| 核心功能 | 存储 + 分享 | 存储 + 校验 + 审核 + 分发 + 版本管理 |
| 品牌规范 | 靠自己记住 | 内置于系统,自动校验 |
| 权限控制 | 能看就能下 | 按角色:管理员/设计师/科室/只读 |
| 版本追溯 | 覆盖即丢失 | 每次修改留痕,可回滚 |
| 自助服务 | 找你要链接 | 科室自行检索、下载、提交审核 |
"网盘管文件,平台管品牌。前者解决'存哪里',后者解决'用得对不对'。这是本质差别。"
六大核心模块
每个模块解决一个具体问题,组合起来构成完整的品牌管理闭环。
模块一:品牌资产库 — 一站式检索中心
这是整个平台的地基。把所有散落的品牌资产汇集到一个可检索、可预览、可下载的在线仓库。
Logo 管理
全版本Logo库:横式/竖式/简化/反白/单色/院徽独立。每个Logo标注使用场景、最小尺寸、安全间距、文件格式(AI/EPS/PNG/SVG)。
色彩体系
主色/次色/辅助色三层调色板。每色四值并存:CMYK(印刷)/ RGB(屏幕)/ HEX(网页)/ Pantone(材质)。色值一键复制。
字体体系
中英文字体家族。标题/正文/标注三级字号规范。字体文件在线下载(含授权说明)。Web字体CSS代码生成。
模板中心
海报/展板/折页/桌牌/背景板/证书/横幅——常用物料模板库。按场景检索,直接下载源文件或在线编辑后导出。
使用规范
Logo错误用法示例(❌拉伸/❌改色/❌加阴影)。正确组合方式。标识排版规则。交互式规范指南,非静态PDF。
智能检索
全文搜索:输入"护士节"→关联模板+历史物料+可用素材。标签系统:按科室/用途/节日/规格多维度筛选。
模块二:设计审核工作台 — AI辅助合规校验
从"人眼看"升级为"系统查"。科室提交设计稿→系统自动比对VIS规范→标注不合规项→你只需复核确认。
AI校验能自动检查什么:
色彩合规
提取设计稿主色→比对VIS色库→标注色差超标的区域。容忍度可配置(如ΔE<5为合格)。
Logo使用规范
检测Logo位置、大小比例、安全间距是否合规。标识是否被拉伸/裁切/修改颜色。
字体一致性
OCR识别文字区域→比对VIS字体规范→标注使用了非授权字体的区域。
版式布局
对比模板标准版式→检查元素位置偏移。快速判断设计稿是否在允许偏差范围内。
注意:AI校验是辅助工具,最终决策权始终在你手里。它帮你省掉80%的重复核对工作,你去处理需要专业判断的20%。
模块三:审批工作流引擎
从"微信发文件→口头沟通→无记录"升级为"系统提交→在线审核→全程留痕"。
科室提交
在线表单:需求类型/使用场景/期望尺寸/参考附件。自动填入科室信息。上传设计稿(支持AI/PDF/PNG/JPG)。
审核流转
待审列表→打开设计稿→查看AI报告→在线批注具体位置→一键通过/驳回(附原因)。驳回后科室修改再提交,版本链追溯。
审核统计
月度审核量/通过率/驳回原因分布/平均审核时长。哪些科室驳回率最高→重点培训对象。审核最多的物料类型→优先模板化。
消息通知
科室提交→你收到通知。你驳回→科室收到通知。超时未审核→自动提醒。所有通知聚合在系统内+企业微信推送。
模块四:版本管理与历史追溯
设计师最怕的事之一:覆盖了原文件,再也找不回来。版本管理让每一次修改都有迹可循。
| 功能 | 说明 |
|---|---|
| 自动版本号 | 每次上传自动递增(v1→v2→v3),旧版本不删除 |
| 变更说明 | 每次修改附变更日志("修改了Logo位置"/"更新了科室名称") |
| 版本对比 | 并排显示新旧版本,差异高亮标注 |
| 一键回滚 | 发现新版本有问题?一键恢复到任意历史版本 |
| 操作日志 | 谁、什么时候、做了什么——全程留痕,审计可查 |
模块五:科室自助门户
把你自己从"传文件的中转站"解放出来——科室自己来平台上下载、提交、查看进度。
资产浏览与下载
科室登录→按分类浏览品牌资产→预览→一键下载。Logo/字体/模板自助获取,不再需要@你。
需求提交
在线表单:我需要XX物料的模板/我需要修改XX标识。标准化字段,避免"微信上说不清楚"。
进度追踪
我的申请→当前状态(待审核/审核中/已通过/已驳回)→审核意见。透明可见,减少反复追问。
规范速查
科室最常问的问题:Logo怎么放?颜色用哪个?字体用什么?——做成在线FAQ,自助查阅。
模块六:数据看板
让领导看到的不是"你做了很多事",而是数据化的品牌管理成果。
以上为示例数据。实际看板展示:资产总量变化曲线、审核效率趋势、科室使用热力图、最常下载的资产排名。
用户场景与流程
四个角色,三个核心场景——从真实使用出发设计平台。
四类用户角色
| 角色 | 谁 | 核心需求 | 权限级别 |
|---|---|---|---|
| 超级管理员 | 你(视觉设计主管) | 管理全部资产、审核设计稿、配置VIS规则、查看数据 | 全部权限 |
| 设计师 | 内部设计师/合作广告公司 | 获取品牌素材、提交设计稿、查看审核意见 | 上传/下载/提交审核 |
| 科室用户 | 各科室负责人/护士长 | 下载模板/Logo、提交需求、查看进度 | 浏览/下载/提交申请 |
| 只读用户 | 院领导/审计 | 查看品牌资产、审核数据、合规报告 | 只读 |
场景一:科室要做一块新门牌
内科护士长需要更换科室门牌
护士长微信找你 → 你找门牌模板 → 发给她 → 她找广告公司做 → 做完发你审核 → 你肉眼对比规范 → 微信回复修改意见 → 来回3-4轮
平台上的流程:
① 护士长登录平台 → ② 在模板中心搜索"科室门牌" → ③ 下载模板和VIS规范 → ④ 发给广告公司按模板做 → ⑤ 广告公司在平台提交设计稿 → ⑥ 系统自动校验(色彩/字体/Logo合规) → ⑦ 你在审核台查看报告+预览 → ⑧ 一键通过或标注具体位置驳回 → ⑨ 全程记录在系统
场景二:紧急迎检需要批量物料
创文检查来了,需要全院更新宣传物料
接到通知 → 手忙脚乱找上次的模板 → 找不到 → 重新设计 → 各科室需求不一 → 微信轰炸 → 加班赶工
平台上的流程:
① 在平台搜索"创文"→ 关联模板+历史物料全部出现 → ② 基于上次模板快速调整 → ③ 批量上传审核 → ④ 各科室自助下载 → ⑤ 你只需处理特殊情况,标准物料走自动审核
场景三:领导要看品牌管理成果
院领导要年度标识管理工作汇报
翻聊天记录 → 翻文件夹 → 凭记忆估算 → 手动做PPT → 很多数据说不清楚
平台上的流程:
① 打开数据看板 → ② 年度审核量、通过率、驳回原因分布、最常下载资产排行 → ③ 一键导出报表 → ④ 数据说话,不用靠记忆
技术架构与数据模型
基于你已有的技术栈(Vue3 + Express + Prisma + MySQL + 腾讯CloudBase)设计,不引入额外学习成本。
技术选型
| 层级 | 技术 | 为什么选它 |
|---|---|---|
| 前端框架 | Vue 3 + Vite + Element Plus | 你已熟练掌握,生态成熟 |
| 后端框架 | Express + Prisma ORM | 你已有的技术栈 |
| 数据库 | MySQL | 你已有运维经验 |
| 文件存储 | 腾讯云COS(对象存储) | 已有COS skill,支持CDN加速 |
| 部署平台 | 腾讯CloudBase | 你已有部署经验 |
| AI能力 | 腾讯云AI / 自建规则引擎 | 初期用规则引擎(色值比对/比例检测),后期接入视觉AI |
核心数据模型
以下是平台最核心的几张数据表设计。用Prisma Schema思维设计,与你已有项目风格一致。
| 表名 | 核心字段 | 说明 |
|---|---|---|
| users | id, name, role(ADMIN/DESIGNER/DEPT/VIEWER), dept_id, avatar | 用户与角色 |
| brand_assets | id, type(LOGO/COLOR/FONT/TEMPLATE), name, category, tags[], file_url, preview_url, version, status, created_by | 品牌资产核心表 |
| asset_versions | id, asset_id, version_num, file_url, changelog, created_by, created_at | 版本历史 |
| vis_rules | id, rule_type(COLOR/FONT/LOGO/LAYOUT), rule_name, rule_config(JSON), severity(ERROR/WARNING) | VIS校验规则配置 |
| design_reviews | id, title, dept_id, submitter_id, file_url, ai_report(JSON), status(PENDING/APPROVED/REJECTED), reviewer_id, comment, created_at, updated_at | 设计审核工单 |
| review_comments | id, review_id, author_id, position_x, position_y, content, created_at | 审核批注(支持画布定位) |
| download_logs | id, asset_id, user_id, downloaded_at | 下载记录 |
| audit_logs | id, user_id, action, target_type, target_id, detail(JSON), created_at | 操作审计日志 |
VIS规则引擎设计(核心差异化)
这是平台最具技术含量的部分——如何让系统"理解"VIS规范并自动校验。
| 校验维度 | MVP阶段(规则引擎) | 完整版(AI视觉) |
|---|---|---|
| 色彩 | 色值精确匹配 + 容忍度范围(ΔE) | AI识别设计稿主色→自动比对→标记偏差区域 |
| Logo | 检查Logo文件哈希值是否来自标准库 | AI检测Logo使用方式(拉伸/裁切/改色/比例异常) |
| 字体 | 检查提交文件中嵌入的字体名称 | OCR识别文字→比对字体库→标记不合规文字 |
| 版式 | 检查设计稿尺寸是否匹配模板尺寸 | AI比对模板布局→检测元素偏移→生成热力图 |
| 内容 | 关键词检查(如中文必须含"石岩人民医院") | NLP内容审核→识别敏感词→检查信息完整性 |
MVP阶段从规则引擎开始——投入小、见效快、覆盖80%的常见问题。AI视觉能力在第二阶段引入。
实施路线图
三个阶段,从MVP到完整平台。每一步都有明确的可交付成果。
品牌资产库 + 基础审核
目标:解决"品牌资产散落各处找不到"的核心痛点
功能:
① 品牌资产库(Logo/色彩/字体/模板 在线管理)
② 文件上传/预览/下载/标签/检索
③ 基础审批工作流(科室提交→你审核→通过/驳回)
④ 用户角色与权限(管理员/科室/只读)
⑤ 版本管理(上传即存档,不覆盖)
不做的:AI自动校验(先用人工)、数据看板(先手工统计)
VIS规则引擎 + 审批协同
目标:从"人工核对"到"系统辅助校验"
新增功能:
① VIS规则引擎(色彩/字体/Logo自动校验)
② 设计稿在线批注(在画布上标记具体问题位置)
③ 审核统计看板(通过率/驳回分布/平均时长)
④ 科室自助门户(独立登录,自行浏览下载提交)
⑤ 操作审计日志(所有关键操作留痕)
AI视觉校验 + 数据智能 + 生态扩展
目标:平台成为医院品牌管理的核心基础设施
新增功能:
① AI视觉合规校验(色彩检测/Logo检测/版式比对的深度学习模型)
② 品牌资产使用数据分析(什么被下载最多/什么模板最缺)
③ 对外分享与协作(生成品牌规范链接发给合作广告公司)
④ 从石岩复制到其他医院/机构
Phase 1 MVP 的详细任务清单
| # | 任务 | 工作量 | 优先级 |
|---|---|---|---|
| 1 | 项目初始化(Vue3+Vite+Element Plus脚手架 + Express+Prisma后端) | 2天 | P0 |
| 2 | 用户系统(登录/注册/角色权限) | 2天 | P0 |
| 3 | 品牌资产库页面(列表/网格视图/筛选/搜索/预览) | 3天 | P0 |
| 4 | 资产上传与管理(上传/编辑/删除/标签/分类) | 2天 | P0 |
| 5 | COS文件存储集成(上传/下载/预览链接生成) | 1天 | P0 |
| 6 | 审批工作流(提交→待审列表→审核→通过/驳回) | 2天 | P0 |
| 7 | 版本管理(上传自动递增版本号/版本列表/回滚) | 1.5天 | P1 |
| 8 | 下载记录与基础统计 | 1天 | P1 |
| 9 | 部署上线(CloudBase) | 0.5天 | P0 |
总计:约15个工作日(考虑到你日常工作繁忙,预计4-6周业余时间完成)
MVP上线后的第一个月:数据迁移计划
整理Logo库
收集所有版本的Logo源文件(AI/EPS/PNG/SVG)→ 上传至平台 → 标注使用场景。预计半天。
录入色彩体系
整理主色/次色/辅助色 → CMYK/RGB/HEX/Pantone四值录入。预计1-2小时。
上传常用模板
海报/展板/门牌/桌牌/证书/横幅等10-15个模板。你先传最常用的。预计1天。
邀请首批用户
找2-3个关系好的科室试点。收集反馈,迭代优化。不要一次性推广全院。
"MVP不是为了展示'我做了个系统'——是为了立刻解决'品牌资产散落各处'这个每天都在折磨你的问题。哪怕只有资产库这一个功能,也已经比你现在的方式好10倍。"