brandfy-identidade-visual

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Definir a identidade visual

定义品牌视觉标识

Protocolo operacional

操作规范

Plano e progresso: planejar referências, rotas visuais, protótipos e seleção.

Fontes de verdade: ler estratégia, voz,

BRAND.md

.brandfy/mvp-context.json

.brandfy/asset-brief.md

.brandfy/interview-summary.md

, ativos atuais e visual-system.md.

Escopo e idempotência: manter referências com origem e não substituir ativos aprovados durante a exploração.
Validação: testar cada rota em aplicações reais, nos modos light e dark e em tela pequena.
Resumo final: registrar a direção escolhida, o motivo, os ativos e as pendências.

**规划与进度：**规划参考案例、视觉方向、原型设计及方案筛选。
**权威参考来源：**研读品牌战略、品牌调性、
```
BRAND.md
```
、
```
.brandfy/mvp-context.json
```
、
```
.brandfy/asset-brief.md
```
、
```
.brandfy/interview-summary.md
```
、现有资产及visual-system.md文档。
**范围与一致性：**保留参考来源的原始信息，在探索阶段不得替换已获批的资产。
**验证环节：**在真实应用、浅色/深色模式及小屏幕设备上测试每个视觉方向。
**最终总结：**记录选定的视觉方向、选择理由、相关资产及待办事项。

Fluxo

流程

Traduzir atributos estratégicos em forma, composição, densidade, contraste e materialidade.
Criar duas ou três rotas visuais distintas, sem imitar concorrentes.
Definir paleta funcional com combinações de fundo, texto, acento, estado e superfície.
Definir tipografia, escala, espaçamento, fotografia, tratamento de imagem, ilustração, iconografia, grafismos, grid e motion.
Prototipar as rotas em página web, avatar, peça social e documento.
Selecionar uma rota e registrar os princípios em
```
.brandfy/visual-direction.md
```
.

Encaminhar cores e tipografia para

$brandfy-design-tokens

$brandfy-tipografia-web

O sistema visual precisa continuar reconhecível sem o logo. Não depender somente da cor para comunicar estado ou hierarquia.

将品牌战略属性转化为形态、构图、密度、对比度及质感等视觉元素。
打造2-3种差异化的视觉方向，避免模仿竞品。
定义功能性调色板，包含背景、文本、强调色、状态色及界面底色的搭配方案。
制定字体排版、字号层级、间距规范、摄影风格、图像处理方式、插画、图标设计、图形元素、网格系统及动效规则。
在网页、头像、社交物料及文档中制作各视觉方向的原型。
选定一个视觉方向，并将设计原则记录至
```
.brandfy/visual-direction.md
```
。

将色彩及字体规范同步至

$brandfy-design-tokens

和

$brandfy-tipografia-web

。

视觉系统在脱离Logo的情况下仍需具备辨识度。不得仅依赖色彩来传达状态或层级关系。

Raciocínio do especialista

专家思路

Traduzir cada atributo estratégico em princípios visuais observáveis, como contraste, ritmo, proporção, densidade, materialidade e comportamento de imagem. Uma rota visual precisa explicar ideia, sinais, vantagens, limitações e condições de uso. Comparar rotas nas mesmas aplicações e com acabamento equivalente para reduzir viés de apresentação.

将每个战略属性转化为可感知的视觉原则，如对比度、节奏、比例、密度、质感及图像呈现方式。每个视觉方向需阐述核心理念、视觉特征、优势、局限性及使用场景。在相同应用场景下以同等完成度对比不同视觉方向，减少展示偏差。