O que mockup faz?
Use quando o usuário deve escolher visualmente: direções de logotipo, uma paleta, uma landing page, telas de app, uma página de loja, um cardápio ou flyer, templates de post. Funciona com ou sem um hub doc.
Passos
- Leia o Brief do hub doc para nome, público, sensação, paleta, logotipo e o que evitar. Se o usuário forneceu imagens de referência ou uma paleta, use as cores exatas (amostre valores hex das imagens quando possível).
- Planeje 3–4 direções que realmente diferem, não pequenas variações, e cada versão necessária (ex.: mobile e desktop; árabe e inglês; tamanhos quadrado e story).
- Disponha-as lado a lado em um canvas ou página, em linhas, para que comparem de relance. Use texto real do brief e placeholders como [PREÇO] para fatos ausentes.
- Verifique contraste: 4.5:1 para texto do corpo, 3:1 para texto grande. Se um par de paleta falhar, nomeie-o e diga como usá-lo em vez disso (ex.: apenas decoração).
- Uma linha por direção: a ideia e seu principal ponto forte ou fraco. Peça ao usuário para escolher.
- Registre a escolha com to-brief e adicione acompanhamentos com to-tasks (arquivos finais, uma versão plana, um favicon).
Regras
- Nunca copie o logotipo, personagens ou design proprietário de outra marca.
- Estas são direções; diga quando o trabalho final precisar de um arquivo vetorial ou de um designer.
- Imagens geradas e efeitos 3D falham em tamanhos pequenos. Sempre planeje uma versão plana para ícones.