VI 系统设计 · Visual OS

Visual Identity System · Parameterized Visual OS

让企业视觉识别,成为可调用、可扩展、可审查的 Visual OS

VI 的价值发生在每一次被使用的现场。

当 Logo 进入官网、PPT、海报、包装、导视、展会、短视频、社交媒体、销售材料与 AI 图像生成,企业需要一套稳定的视觉参数系统,让不同团队、不同供应商、不同工具调用同一套识别规则。

心铭舍将 Logo、色彩、字体、网格、图形、图标、影像、动效、应用规范、AI 视觉提示词与审核标准整合为 Visual OS,帮助企业把视觉资产转化为长期可复用、可管理、可治理的品牌基础设施。

Visual OSIdentity KernelVisual TokensApplication SystemAI Visual RulesBrand GovernanceWord Export Checklist
VISUAL OS · IDENTITY COMMAND CONSOLEREADY
Website PPT Social Packaging Signage Exhibition Sales AI Image Logo Color Type Grid Graphic Icon Image Motion Visual OSIDENTITY KERNELTokensRulesGovernance
Visual Parameters

Logo、色彩、字体、网格、图形、图标、影像与动效,构成企业视觉识别的可调用参数。

Parameter Layer视觉参数层

Logo、色彩、字体、网格、图形、图标、影像与动效。

Application Layer应用触点层

官网、PPT、社交媒体、包装、导视、展会与销售材料。

Governance Layer视觉治理层

AI 视觉提示词、审核标准、禁用边界与长期复用规则。

885Checklist Items
12Service Sections
LocalWord Export
60sExport Cooldown
DifferenceFrom static spec to operating system

心铭舍 VI 系统设计的差异化

从静态视觉规范,进入可运行的视觉操作系统。VI 的核心价值,贯穿设计完成、市场应用、销售使用、供应商制作、官网建设、内容发布与 AI 工具生成的每一个场景。心铭舍会把 VI 拆解成一套可执行的视觉参数:比例、色值、字体、网格、图形、图标、图片、动效、模板、禁用规则、AI 提示词与审核标准。企业由此获得一套能够持续管理视觉一致性的系统,让品牌在不同平台、不同团队、不同供应商与不同生成工具中保持稳定识别。

PARAMETER

参数化表达

将 Logo、色彩、字体、图形、版式、图片、图标、动效等视觉资产,转化为可命名、可调用、可审查的参数。

CALLABLE

可调用规范

让市场、销售、设计、官网、供应商、展会、包装与 AI 工具,从同一套视觉规则中调用资产。

SCALABLE

可扩展结构

从基础识别延展到办公、广宣、导视、包装、服饰、交通、公共关系、数字界面、空间与吉祥物 IP。

GOVERNABLE

可治理边界

建立允许、控制、禁止三类规则,减少视觉走样、品牌失真、供应商误差与跨团队沟通成本。

AI-READY

AI 协同友好

将视觉系统转化为 AI 生成提示词、视觉审查标准、素材生成边界与品牌一致性规则。

Parameter LayerParameterized base system

参数化基础系统

参数化基础系统,是心铭舍 Visual OS 的核心层。它把品牌视觉拆解为可命名、可引用、可复用、可审查的视觉参数,让官网、PPT、AI 工具、设计模板、供应商制作与长期品牌治理能够共同调用同一套规则。当视觉规则被参数化,企业可以通过清晰的 Token、网格、比例、边界与禁用规则,减少对个人经验的反复依赖,降低视觉执行误差。让每一个视觉资产,都拥有名称、参数、边界与调用条件。

PARAMETER GROUPS
Brand Core Parameters

品牌核心参数

Basic SystemVI core identity

VI 基础系统清单

建立企业视觉识别的核心规则,让品牌拥有统一、稳定、可延展的识别基座。VI 基础系统是所有应用系统的起点:Logo、标准字、组合、色彩、字体、辅助图形、图标、影像、版式与品牌语气,共同决定企业在市场中的第一识别。心铭舍会将这些基础内容进一步参数化,让它们能够进入后续办公、广宣、导视、包装、数字界面、GEO 官网与 AI 生成工作流。

SYSTEM GROUPS
Logo System

标志系统

Application SystemApply to real scenarios

VI 应用系统清单

让视觉系统进入企业真实使用现场。应用系统决定 VI 的落地深度。客户真正感知品牌的时刻,往往发生在一张名片、一页 PPT、一张海报、一个展位、一处导视、一件制服、一个包装、一辆车、一面文化墙、一场发布会与一次线上传播中。这份清单帮助企业根据自身阶段、预算与落地场景,选择真正需要建设的视觉应用项目。

Office Application办公应用系统
Advertising & Promotion广宣应用系统
Signage & Wayfinding导视系统
Uniform & Apparel服饰系统
Packaging System包装系统
Public Relations公共关系系统
Vehicle System交通工具系统
Space & Environment空间与环境系统
Digital Application数字应用系统
Exhibition & Event展会与活动系统
Product & Service Display产品与服务展示系统
Internal Culture内部文化系统
Digital & AIDigital & AI visual tokens

数字与 AI 视觉调用清单

让 VI 系统进入官网、社交内容、数字模板与 AI 生成工作流。在 AI 时代,视觉规范需要进入数字系统和生成工具。官网组件、社交媒体模板、PPT、Keynote、短视频封面、直播背景、AI 海报、AI Banner、AI 插画、AI 图标与 AI 动效,都需要明确的视觉提示词、色彩约束、字体约束、Logo 使用边界与审核标准。这部分清单用于帮助企业把 VI 系统转化为可被数字团队、内容团队与 AI 工具共同调用的视觉规则。

Mascot SystemCharacter model sheet console

吉祥物设计清单

让品牌 IP 从角色创意,进入可识别、可延展、可应用、可治理的角色系统。

成熟的品牌吉祥物,需要从角色创意进入完整角色系统。角色定位、名称、性格、世界观、标准稿、三视图、表情、动作、服饰、道具、色彩、动效、3D 延展、周边应用、授权边界与版权管理,共同决定一个品牌 IP 能否长期使用、稳定传播并持续生长。心铭舍会将吉祥物作为 Visual OS 的扩展模块来处理,让角色在平面、视频、动效、表情包、周边、活动、空间、导视与 AI 生成场景中保持一致。

Mascot Model Sheet · 角色设定表逻辑

角色系统需要让设计师、插画师、动画师、供应商、活动团队与内容团队在不同场景中使用同一个角色。三视图、表情表、动作表、色彩表、服饰道具与禁用规则,是角色一致性的基础。

Character Strategy角色策略与设定
Character Concept角色概念设计
Character Final Artwork角色标准稿
Character Turnaround角色三视图 / 多视图
Expression Sheet角色表情系统
Pose Sheet角色动作系统
Costume & Props角色服饰与道具
Color & Material角色色彩与材质
Mascot Application角色应用系统
Mascot Motion角色动效与视频
3D & Physical Extension角色 3D / 实体延展
Mascot Governance角色版权与规范
Checklist BuilderVisual OS checklist console

VI 系统交付清单控制台

把模糊需求,转换为可沟通、可评估、可报价的项目清单。客户可以根据企业阶段、预算与落地场景勾选需要建设的 VI 项目。勾选结果可复制给心铭舍,用于进一步确认项目范围、交付深度与优先级。

0已选项目数量
0已覆盖系统数量
Pending Selection推荐交付级别
BasicParametersOfficeCampaignSignageApparelPackagingPublic RelationsVehicleSpaceDigitalDigital & AIExhibitionProduct DisplayInternal CultureMascotGovernance
Word 清单由当前浏览器本地生成,不提交服务器。

勾选完成后,可以复制清单,也可以一键导出 Word 文档,用于发送给心铭舍进行项目范围评估。本控制台用于实时统计、一键预选与按系统分组复制,不提交表单、不依赖后端,导出文件由当前浏览器本地生成。

导出文件为 Word 可打开的 .doc 格式,适合项目范围初步沟通;为减少重复导出与误触,Word 导出设有 60 秒本地冷却时间。正式报价与合同以双方最终确认为准。

Deliverable PackagesRecommended combinations

推荐交付组合

从基础识别,到完整应用系统,再到参数化 Visual OS。

Basic VI

基础识别版

建立 Logo、标准色、标准字体、组合规范与基础办公应用,让品牌拥有清晰、统一的第一识别。

适合企业适合初创企业、单品牌项目、品牌启动阶段,以及需要先建立基本识别标准的企业。
包含内容
  • Logo
  • 标准字
  • 标准色
  • 标准字体
  • 组合规范
  • 基础办公应用
  • PPT 模板
  • 社交头像与封面
  • 基础文件交付
推荐指数★★★☆☆
Standard VI

标准系统版

将基础识别扩展为标准应用系统,帮助企业减少不同场景中的视觉偏差。

适合企业适合已有稳定业务、需要统一官网、销售材料、PPT、社交媒体与基础传播物料的企业。
包含内容
  • 完整基础系统
  • 办公应用系统
  • 广宣应用系统
  • 数字应用系统
  • 基础导视
  • 宣传册 / PPT / 社交媒体模板
推荐指数★★★★☆
Full VI

全应用系统版

覆盖办公、广宣、导视、服饰、包装、公共关系、交通、空间、展会、数字应用等真实场景,让 VI 成为完整应用系统。

适合企业适合集团企业、连锁企业、制造业、文旅、教育、医疗、酒店、园区与多场景落地企业。
包含内容
  • 完整基础系统
  • 办公系统
  • 广宣系统
  • 导视系统
  • 服饰系统
  • 包装系统
  • 公共关系系统
  • 交通工具系统
  • 空间环境系统
  • 展会活动系统
  • 数字应用系统
推荐指数★★★★★
ProcessVI system design process

心铭舍 VI 系统设计流程

从品牌判断,到视觉参数,再到应用落地与长期治理。

STEP 01

品牌诊断与需求确认

确认企业阶段、行业属性、品牌目标、应用场景、预算边界与当前视觉问题,建立项目范围与优先级。

输出
  • VI 需求清单
  • 项目边界
  • 应用场景优先级
  • 视觉问题诊断
  • 资料收集清单
FAQFrequently asked

常见问题

Q1心铭舍 VI 系统设计和传统 VI 有什么区别?
心铭舍会将 VI 拆解为可调用的视觉参数,包括 Logo、色彩、字体、图形、版式、图标、图片、应用、动效与 AI 生成边界。它帮助企业在官网、PPT、海报、包装、导视、社交媒体与 AI 生成内容中稳定使用视觉资产。
Q2是否可以只做基础 VI?
可以。基础 VI 通常包含 Logo、标准字、标准色、字体、组合规范与基础办公应用。企业可以先建立核心识别,再根据真实使用场景扩展办公、广宣、导视、包装、数字应用与吉祥物系统。
Q3应用系统是否必须一次性全部做完?
可以分阶段建设。心铭舍建议先完成高频使用项目,再逐步扩展低频或专项应用,让预算、时间与企业真实需求保持一致。
Q4参数化 VI 对企业有什么价值?
参数化 VI 可以降低执行误差,让设计师、市场团队、销售团队、供应商、官网系统与 AI 工具在同一套视觉规则下协作,提高一致性、复用效率与长期管理能力。
Q5吉祥物设计是否属于 VI 系统?
吉祥物可以作为 VI 系统的扩展模块。它适合需要增强亲和力、传播记忆点、社交内容、活动互动、文旅教育、儿童亲子、消费品牌或 IP 化表达的企业。
Q6VI 系统设计通常需要多久?
取决于项目范围。基础 VI 周期较短,完整 VI 应用系统需要根据项目数量与复杂度评估。如果包含吉祥物、包装、导视、空间和数字应用,周期会相应延长。
Q7最终会交付源文件吗?
可以根据合作范围交付源文件、规范手册、导出文件、模板文件与使用说明。具体交付格式会在项目启动前明确。
Q8是否可以结合 GEO 官网和 Brand OS 一起做?
可以。VI 系统可以作为 Brand OS 与 GEO 官网的视觉基础,帮助企业在官网、内容、案例、AI 信源与长期品牌治理中保持一致表达。
Start a VI System Diagnosis

让 VI 系统,成为企业长期可调用的视觉资产

如果你的企业正在经历品牌升级、Logo 更新、VI 重建、官网改版、GEO 官网建设、包装升级、导视落地、数字内容建设或 AI 视觉工作流建设,VI 系统需要被重新定义。心铭舍会从品牌战略出发,帮助你建立清晰、统一、可扩展、可治理的视觉识别系统,让每一次视觉输出都回到同一套品牌参数中。

让 Logo,有标准让色彩,有参数让物料,有系统让视觉,在时间中长期一致
启动 VI 系统诊断复制勾选清单
xinmingshe@gmail.com
邮箱 xinmingshe@gmail.com官网 www.xinming.sg
'; var blob=new Blob(["\ufeff",html],{type:"application/msword;charset=utf-8"}); var url=URL.createObjectURL(blob); var a=document.createElement("a"); a.href=url; a.download="xinming-vi-selected-checklist-"+fmtFile(now)+".doc"; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(function(){ URL.revokeObjectURL(url); },1500); } function handleWordExport(){ var btn=document.getElementById("exportWord"); if(!btn) return; var label=btn.querySelector(".ew-label")||btn; var oldLabel="导出 Word 清单"; var g=getSelectedGrouped?getSelectedGrouped():null; if(!g||!g.order||!g.order.length){ label.textContent="请先勾选项目"; setExportStatus("请先勾选需要的 VI 项目。","warn"); setTimeout(function(){ label.textContent=oldLabel; },2500); return; } var remain=getCooldownRemaining(); if(remain>0){ var left=Math.ceil(remain/1000); label.textContent=left+" 秒后可导出"; setExportStatus("Word 导出冷却中,请 "+left+" 秒后再试。","warn"); updateExportCooldownUI(); return; } btn.disabled=true; btn.setAttribute("aria-busy","true"); label.textContent="正在生成"; try{ exportSelectedWord(g); setLastExportAt(Date.now()); btn.classList.add("exported"); label.textContent="已导出"; setExportStatus("Word 清单已在当前浏览器本地生成。","ok"); setTimeout(function(){ btn.classList.remove("exported"); btn.removeAttribute("aria-busy"); updateExportCooldownUI(); },1200); }catch(e){ btn.disabled=false; btn.removeAttribute("aria-busy"); btn.classList.remove("exported","cooling"); label.textContent="导出失败"; setExportStatus("导出失败,请使用复制清单,或更换浏览器后重试。","err"); setTimeout(function(){ label.textContent=oldLabel; },2500); } } var exportBtn=document.getElementById("exportWord"); if(exportBtn){ exportBtn.addEventListener("click",handleWordExport); updateExportCooldownUI(); } function xesc(s){return String(s).replace(/[&<>"']/g,function(c){return {"&":"&","<":"<",">":">",'"':""","'":"'"}[c];});} function pad2(n){return (n<10?"0":"")+n;} function fmtDoc(d){return d.getFullYear()+"-"+pad2(d.getMonth()+1)+"-"+pad2(d.getDate())+" "+pad2(d.getHours())+":"+pad2(d.getMinutes());} function fmtFile(d){return ""+d.getFullYear()+pad2(d.getMonth()+1)+pad2(d.getDate())+"-"+pad2(d.getHours())+pad2(d.getMinutes());} function cnNum(n){var m=["","一","二","三","四","五","六","七","八","九","十","十一","十二","十三","十四","十五","十六","十七","十八"];return m[n]||String(n);} /* copy email */ var copyEmail=document.getElementById("copyEmail"); if(copyEmail){ var ceLabel=copyEmail.querySelector(".cg-label"); var ceOrig=ceLabel?ceLabel.textContent:""; copyEmail.addEventListener("click",function(){ var done=function(){copyEmail.classList.add("copied");if(ceLabel) ceLabel.textContent="已复制";setTimeout(function(){copyEmail.classList.remove("copied");if(ceLabel) ceLabel.textContent=ceOrig;},2500);}; doCopy(copyEmail.getAttribute("data-email")||"",done,function(){ if(ceLabel) ceLabel.textContent="复制失败"; setTimeout(function(){ if(ceLabel) ceLabel.textContent=ceOrig; },2500); }); }); } function doCopy(text,cb,failCb){ if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(text).then(function(){ if(cb) cb(); }).catch(function(){ fallback(text,cb,failCb); }); }else{ fallback(text,cb,failCb); } } function fallback(text,cb,failCb){ var ta=null; try{ ta=document.createElement("textarea"); ta.value=text; ta.setAttribute("readonly",""); ta.style.position="absolute"; ta.style.left="-9999px"; ta.style.top="0"; document.body.appendChild(ta); ta.select(); var ok=document.execCommand("copy"); if(ok===false) throw new Error("copy command rejected"); if(cb) cb(); }catch(e){ if(failCb) failCb(); }finally{ if(ta&&ta.parentNode) ta.parentNode.removeChild(ta); } } recompute(); /* identity command console */ (function(){ var body=document.getElementById("viConsoleDetailBody"); var en=document.querySelector(".vi-console__detail-en"); if(!body) return; var MAP={ "default":["Visual Parameters","Logo、色彩、字体、网格、图形、图标、影像与动效,构成企业视觉识别的可调用参数。"], "logo":["Logo","管理标志比例、安全空间、组合方式、最小尺寸、色彩版本与禁用规则。"], "color":["Color","管理品牌主色、辅助色、功能色、背景色、网页 Token 与印刷色值。"], "type":["Type","管理中英文字体层级、字号、字距、行距、标题比例与混排规则。"], "grid":["Grid","管理版式网格、页面边距、模块间距、图片比例与移动端适配。"], "graphic":["Graphic","管理辅助图形、线条粗细、图形延展、信息图表与禁用边界。"], "icon":["Icon","管理图标风格、笔画、圆角、尺寸体系与动效边界。"], "image":["Image","管理摄影、插画、产品图、场景图、AI 图片生成与审核标准。"], "motion":["Motion","管理动效节奏、缓动曲线、频率、按钮反馈、页面转场与减弱规则。"], "website":["Website","让官网页面、案例、内容与视觉规范保持一致。"], "ppt":["PPT","让销售、融资、汇报与路演材料调用统一视觉规则。"], "social":["Social","让社交媒体内容、海报、短视频封面保持识别稳定。"], "packaging":["Packaging","让包装、标签、盒型与印刷输出遵循统一参数。"], "signage":["Signage","让导视、门头、空间标识与环境触点保持清晰一致。"], "exhibition":["Exhibition","让展会、活动、发布会与临时物料快速调用系统资产。"], "sales":["Sales","让销售材料、报价单、案例册与客户沟通文件保持专业一致。"], "aiimage":["AI Image","让 AI 图像生成在品牌色彩、风格、构图与禁用边界内运行。"] }; var nodes=Array.prototype.slice.call(document.querySelectorAll(".vi-console__node")); function show(key){var d=MAP[key]||MAP["default"];if(en)en.textContent=d[0];body.textContent=d[1];nodes.forEach(function(n){var on=n.getAttribute("data-key")===key;n.classList.toggle("active",on);n.setAttribute("aria-pressed",on?"true":"false");});} nodes.forEach(function(n){ var k=n.getAttribute("data-key"); n.addEventListener("mouseenter",function(){ show(k); }); n.addEventListener("focus",function(){ show(k); }); n.addEventListener("click",function(){ show(k); }); n.addEventListener("keydown",function(e){ if(e.key==="Enter"||e.key===" "||e.key==="Spacebar"){ e.preventDefault(); show(k); } }); }); })(); })();