Produzir Visuais Originais Para Páginas de Como Fazer

As páginas de como fazer são julgadas pelo facto de as imagens corresponderem ou não ao que o leitor tem à frente, e imagens de banco ou fotografias de marketing do fornecedor falham esse teste à primeira vista. As equipas até fazem as suas próprias capturas de ecrã, mas não registam nada sobre como ou onde foram tiradas, por isso quando a interface muda a página não pode ser reparada sem refazer o percurso todo. Capturar é a parte barata; o método existe para tornar barata também a segunda captura.

O ficheiro da competência

---
name: original-visuals-for-procedural-content
description: Use quando uma página de procedimento depende de capturas de ecrã ou diagramas que têm de estar certos agora e ser reparáveis quando a interface mudar.
---

# Produzir Visuais Originais Para Páginas de Como Fazer

As páginas de como fazer são julgadas pelo facto de as imagens corresponderem ou não ao que o leitor tem à frente, e imagens de banco ou fotografias de marketing do fornecedor falham esse teste à primeira vista. As equipas até fazem as suas próprias capturas de ecrã, mas não registam nada sobre como ou onde foram tiradas, por isso quando a interface muda a página não pode ser reparada sem refazer o percurso todo. Capturar é a parte barata; o método existe para tornar barata também a segunda captura.

## O que precisa primeiro

- acesso ao produto ou processo real na versão que a página descreve
- uma configuração de captura fixa: uma largura de viewport, um nível de zoom, um tema, uma conta de demonstração
- a lista de passos acordada a que os visuais têm de corresponder, fechada antes de a captura começar
- um sítio onde guardar ficheiros-fonte editáveis, e não apenas as imagens exportadas

## Método

1. Fixe o ambiente de captura antes de capturar seja o que for: uma largura, um zoom, um tema, uma conta. Imagens tiradas com larguras diferentes não podem ser recapturadas de forma consistente e parecem montadas a partir de produtos diferentes.
2. Preencha a conta de demonstração com dados plausíveis. Estados vazios e texto de exemplo evidente fazem o leitor duvidar do percurso, e dados reais de clientes não podem ser publicados de todo.
3. Capture todos os passos, incluindo os que parecem óbvios de mais para precisar de imagem. A captura em falta é sempre o passo onde os leitores encalham, e voltar atrás por uma única imagem custa mais do que tirá-la agora.
4. Anote numa camada separada e guarde o ficheiro-fonte. Setas gravadas dentro de uma exportação achatada obrigam a uma recaptura completa quando uma etiqueta se desloca dez pixels.
5. Recorte para a zona que interessa em vez da janela inteira. Imagens de janela inteira encolhem até ficarem ilegíveis num telemóvel, que é onde a maior parte do tráfego de como fazer as lê.
6. Escreva texto alternativo que descreva o que o leitor deve ver em vez de nomear o ficheiro. "Separador de facturação com o plano anual seleccionado" é útil; "captura de ecrã das definições" não é.
7. Registe junto à página a data da captura, a versão do produto e a conta usada. Sem esse registo, a actualização deixa de ser uma edição e passa a ser um projecto novo.

## O que isto produz

Um conjunto versionado de visuais anotados com ficheiros-fonte editáveis, texto alternativo escrito, e um registo de captura que nomeia a versão do produto e a data.

## Onde isto corre mal

- Capturar apenas numa viewport de desktop larga, ficando com imagens ilegíveis nos telemóveis que a maioria dos leitores usa
- Publicar imagens que contêm dados reais de contas ou nomes internos, um problema de privacidade que sobrevive à página
- Achatar as anotações na exportação e deitar fora o ficheiro-fonte, de modo que cada ajuste na interface obriga a recapturar a sequência inteira

---

Da biblioteca de competências da QuQi - https://www.quqi.io/pt/skills/original-visuals-for-procedural-content

O que precisa primeiro

• acesso ao produto ou processo real na versão que a página descreve
• uma configuração de captura fixa: uma largura de viewport, um nível de zoom, um tema, uma conta de demonstração
• a lista de passos acordada a que os visuais têm de corresponder, fechada antes de a captura começar
• um sítio onde guardar ficheiros-fonte editáveis, e não apenas as imagens exportadas

Método

1. 01 Fixe o ambiente de captura antes de capturar seja o que for: uma largura, um zoom, um tema, uma conta. Imagens tiradas com larguras diferentes não podem ser recapturadas de forma consistente e parecem montadas a partir de produtos diferentes.
2. 02 Preencha a conta de demonstração com dados plausíveis. Estados vazios e texto de exemplo evidente fazem o leitor duvidar do percurso, e dados reais de clientes não podem ser publicados de todo.
3. 03 Capture todos os passos, incluindo os que parecem óbvios de mais para precisar de imagem. A captura em falta é sempre o passo onde os leitores encalham, e voltar atrás por uma única imagem custa mais do que tirá-la agora.
4. 04 Anote numa camada separada e guarde o ficheiro-fonte. Setas gravadas dentro de uma exportação achatada obrigam a uma recaptura completa quando uma etiqueta se desloca dez pixels.
5. 05 Recorte para a zona que interessa em vez da janela inteira. Imagens de janela inteira encolhem até ficarem ilegíveis num telemóvel, que é onde a maior parte do tráfego de como fazer as lê.
6. 06 Escreva texto alternativo que descreva o que o leitor deve ver em vez de nomear o ficheiro. "Separador de facturação com o plano anual seleccionado" é útil; "captura de ecrã das definições" não é.
7. 07 Registe junto à página a data da captura, a versão do produto e a conta usada. Sem esse registo, a actualização deixa de ser uma edição e passa a ser um projecto novo.

O que isto produz

Um conjunto versionado de visuais anotados com ficheiros-fonte editáveis, texto alternativo escrito, e um registo de captura que nomeia a versão do produto e a data.

Onde isto corre mal

• Capturar apenas numa viewport de desktop larga, ficando com imagens ilegíveis nos telemóveis que a maioria dos leitores usa
• Publicar imagens que contêm dados reais de contas ou nomes internos, um problema de privacidade que sobrevive à página
• Achatar as anotações na exportação e deitar fora o ficheiro-fonte, de modo que cada ajuste na interface obriga a recapturar a sequência inteira

Use esta skill na sua própria IA

O ficheiro é markdown simples, com o nome e o gatilho no frontmatter. Quando um assistente consegue carregar skills sozinho, é esse frontmatter que lê para decidir que esta se aplica.

Mais em Produção de conteúdo