设计不是灵光一现的偶然,而是一套可以被学习、被复用、被持续打磨的系统。泰格视觉自 2014 年成立以来,累计完成超过 1200 个项目,服务 500 余家客户。在这十年里,我们把每一次项目中的经验沉淀下来,逐渐形成了这套属于泰格自己的设计指南。它既是我们内部设计师的工作手册,也是客户理解"泰格为什么这样做设计"的一扇窗。
这份指南不追求空泛的美学说教,而是回答三个具体问题:我们相信什么(设计理念)、我们怎么做(设计原则与规范)、我们交付什么(设计系统与标准)。无论您是正在挑选设计合作伙伴的品牌方,还是希望提升自身团队设计能力的从业者,都能从中获得可落地的参考。
泰格视觉的视觉体系被称为"轨道星环"——深棕底色上,焦糖金与奶油白的环形轨迹环绕着中心光点。这背后是我们对设计的根本理解:自由的创意,必须在清晰的轨道上运行,才能真正抵达用户。
很多设计工作室把"创意"和"规范"对立起来,认为规范会束缚灵感。我们恰恰相反:越是面对复杂的商业需求,越需要一套坚实的设计系统作为轨道。创意在轨道之上自由生长,既不会失控跑偏,也不会因为缺乏约束而沦为杂乱。这也是为什么泰格的作品既有视觉冲击力,又经得起长时间、多场景的使用与扩展。
好的设计,是让用户在毫无察觉的情况下完成他想做的事,同时让品牌在每一个细节里被悄悄记住。
在每一个项目启动前,我们的设计师都会对照以下六条原则进行自检。它们不是墙上的标语,而是贯穿于色彩、字体、间距、动效每一个决策的判断标尺。
一致性是品牌专业度的底线。同一套按钮、同一种圆角、同一级标题在网站的每一个页面都应表现一致。用户第一次遇到某个交互后,第二次便能凭直觉操作——这种"无需思考的熟悉感",就是一致性带来的信任。我们通过组件库和设计令牌(Design Token)把一致性固化下来,而不是依赖设计师的记忆。
用户打开一个页面的前 3 秒,决定了他是否继续停留。清晰的信息层级能让他瞬间抓住重点:哪是主标题、哪是行动按钮、哪是辅助说明。我们通过字号对比、字重差异、色彩权重和留白节奏来建立层级,确保视觉引导线自然地把用户的目光带到我们希望他关注的位置。
再美的界面,如果用户找不到他要的信息,也是失败的设计。泰格把可用性放在美学之前:导航是否清晰、表单是否好填、移动端是否好点、加载是否足够快。我们坚持用真实的用户场景去推演设计,而不是在屏幕里孤芳自赏。
在可用的基础上,美观决定了品牌的气质。我们追求的不是浮夸的炫技,而是与品牌调性匹配的克制之美——焦糖金的温暖、奶油白的呼吸感、深棕的沉稳,共同构成泰格式的高级质感。
一个 logo 今天只用在名片上,明年可能就要印到户外广告牌、做成动态开屏、适配到各种屏幕。我们从一开始就为延展而设计:矢量源文件、色彩多模式适配、组件的可组合性,确保品牌在未来的任何触点上都不失真。
好的设计属于每一个人。我们关注色彩对比度、键盘可达性、屏幕阅读器兼容性,让视障、色弱用户也能顺畅使用。这不仅是道德责任,更是扩大品牌受众的商业选择。
色彩是用户对品牌最快速的记忆。泰格为每个客户定制专属色彩系统,而不是套用现成模板。我们的工作方法分为三步:
第一步,定主色。主色源自品牌的行业属性与情绪诉求——金融品牌偏稳重的深蓝与金,餐饮品牌偏温暖的橙与红,科技品牌偏克制的黑白与一个点缀色。主色一旦确定,它就承担品牌识别的重任。
第二步,建辅助色阶。围绕主色,我们延伸出浅、中、深三个明度层级和一套中性色阶,覆盖背景、文字、边框、分割线等所有场景。色阶不是凭感觉拉出来的,而是经过 HSL 模型精确换算,确保任意两个相邻色都和谐、对比都达标。
第三步,规范使用比例。我们遵循 60-30-10 法则:60% 中性底色、30% 辅助色、10% 强调色。强调色只留给最重要的行动按钮和关键信息,用得越省,越有力量。
排版是设计中最被低估、却最影响阅读体验的环节。泰格的排版规范建立在三个支柱上:
字体层级。我们为每个项目定义清晰的五级标题与正文层级,从 H1 到正文,字号、行高、字重逐级递减,形成稳定的节奏。中文正文行高通常控制在 1.7–1.9 倍,保证长文阅读不串行、不疲劳。
网格系统。所有页面都基于一套 12 列响应式网格。栅格确保图片、文字、卡片在任何屏幕宽度下都对齐有序,也让团队多人协作时产出统一。
留白呼吸。留白不是浪费空间,而是给内容"呼吸"的权利。我们宁可减少一个模块,也不让页面拥挤到喘不过气。泰格式的高级感,很大程度上来自克制的留白。
当一个网站有十几个页面、一个品牌要横跨官网、小程序、H5、物料时,零散的设计必然导致不一致。这就是组件系统的价值。泰格在项目进入设计执行阶段后,会同步搭建一套专属组件库:
按钮、输入框、标签、卡片、导航、面包屑、分页——每个组件定义默认、悬浮、点击、禁用四种状态。
结合具体业务封装的组合件,如产品展示卡、新闻列表、价格套餐、客户评价,一键复用、全局统一。
组件库不仅让我们自己的开发更快,更重要的是交付给客户之后,客户的团队日后新增页面时,也能直接调用已有组件,保持品牌一致性不跑偏。这正是"轨道"的意义。
在泰格,设计稿通过验收不是终点。我们的交付清单包括:可交互的 Figma 源文件、标注与切图、设计令牌文档、组件库说明,以及一份面向客户团队的交接讲解。我们相信,设计的价值在交付之后才真正开始被使用,所以我们把"如何被继续使用"也纳入了设计本身。