Escolha um visual
Não sabe como seu site deve ser? Ative Choose the look from three directions e a primeira criação faz uma pausa após o planejamento para mostrar três estilos, cada um desenhado com as palavras do seu próprio destaque. Você escolhe um, e o site inteiro é criado nele. Fica desativado, a menos que você ative.
Ativando
Ative o interruptor
Onde: How it is built
No sexto passo de New project, ative Choose the look from three directions. Ele começa desativado.
Confira a avaliação
Onde: Review and create
A revisão mostra isso em How it is built como On. Clique em Build it.
No briks.dev, o menu + na caixa de prompt tem um interruptor Pick a look first: "Veja três visuais para o seu negócio e construa o que você escolher." Ele chega à página New project já ligado.
A opção também aparece nas Preferences do projeto, mas só afeta uma primeira construção que ainda não foi planejada, então a página de novo projeto é o lugar para defini-la.
Em que ponto entra na criação
- Você aperta Build it e responde às perguntas antes de construir.
- A Briks planeja o site.
- Se Approve the words before building estiver ativado, você aprova os textos primeiro.
- Os três visuais estão desenhados. O status mostra Waiting for your approval e a caixa de mensagem mostra "Descreva o visual que você quer ou escolha um acima".
- Se Choose the hero from four wireframes estiver ativado, você escolhe o hero em seguida.
- O site é criado com o visual que você escolheu e publicado como prévia.
As pranchas chegam como uma mensagem: "Aqui estão três visuais para o site, cada um desenhado em um dos estilos do próprio estúdio com as suas palavras. Escolha um, ou descreva o visual que você quer."
O que os quadros mostram
Cada quadro é desenhado no tamanho de desktop e exibido pequeno na conversa. Clique em um para vê-lo em tamanho real; as setas, ou as teclas esquerda e direita, alternam entre os três. Cada quadro traz:
- o nome do estilo e uma linha sobre ele;
- seis amostras de cor: Ground, Surface, Ink, Muted, Accent e Soft;
- as duas fontes pelo nome, com um Aa grande na fonte dos títulos;
- as palavras do seu hero: a linha pequena acima do título, o próprio título, a linha abaixo dele e até dois botões;
- três cartões de exemplo, mostrando os cantos e como uma fileira de cartões é lida em conjunto.
Os painéis não têm fotografias. Mostram cor, tipografia e forma, que é o que difere entre os três.
| Aparência | Como o estúdio descreve isso |
|---|---|
| Nórdico / limpo | Calmo e arejado: fundo claro, texto preto, cantos retos e muito espaço. |
| Acolhedor | Amigável e editorial: tons de papel quente, uma serifa cheia de personalidade, um destaque vivo. Para um negócio que trabalha com as mãos, como uma padaria, uma floricultura ou uma marcenaria, fica natural e feito à mão: creme e oliva, uma serifa suave, cantos arredondados. |
| Negrito | Alegre e marcante: um destaque saturado, tipografia arredondada e robusta, cantos grandes e suaves. |
Como escolher um visual
Compare-as em tamanho real
Onde: Studio
Abra cada quadro. Olhe o título na fonte escolhida e os botões: eles dão mais identidade ao visual do que as amostras de cor.
Clique em Use this look
Onde: Studio
Fica abaixo de cada quadro e no topo da visualização em tamanho real.
Deixe construir
Onde: Studio
O quadro que você escolheu fica marcado como Chosen e os outros ficam esmaecidos. A linha de atividade diz "Building in the look you chose."
Se nenhuma delas servir
Digite o que você quer na caixa, por exemplo Como o Warm, mas mais escuro, com uma sans serif simples nos títulos. As três pranchas ficam de lado (o cartão diz "Set aside for what you described") e o Briks segue com o visual planejado, ajustado na direção das suas palavras. Ele não desenha três pranchas novas: a sua descrição vira a escolha, e a construção continua.
Depois que o site estiver pronto, qualquer detalhe do visual ainda pode ser mudado em uma mensagem. Cores ou fontes de que você tem certeza podem ser fixadas em Design rules dentro de Preferences, e assim toda construção seguinte as mantém.
Quanto custa
Planejar e desenhar as pranchas é a primeira parte do build. Ela é cobrada pelo trabalho que deu, e o restante dos 50 créditos reservados em Build it volta enquanto o build espera por você.
Quando usar
- Use quando você ainda não tem cores nem fontes e prefere escolher a partir de imagens a descrever um estilo com palavras.
- Pule esta etapa quando suas cores e tipografia já estiverem definidas: ajuste-as em Your brand.
- Pule esta etapa quando já tiver encontrado um site de que gosta. Esse site define o visual, então o interruptor não é oferecido.
- Pule esta etapa quando você não estiver por perto: o build espera nos quadros até você escolher.
Exemplos práticos
O briefing descreve uma floricultura com trabalho em casamentos e entregas semanais. Choose the look from three directions está ativado.
Como uma floricultura trabalha com as mãos, o quadro Warm mostra creme e oliva, uma serifa suave e cantos arredondados. Quem é dono da loja o escolhe, e o site é construído com ele.
Nenhuma das três pareceu certa. O dono escreveu:
Nórdico, mas com um destaque verde-escuro e uma fonte com serifa nos títulos.
As pranchas são deixadas de lado, e a construção continua com o visual planejado, ajustado para um destaque verde e títulos com serifa.
Perguntas frequentes
Posso ver os quadros de novo depois?
Se você escolheu um, sim: ele fica na conversa com a sua escolha marcada como Chosen. As opções deixadas de lado em favor de uma descrição não aparecem de novo.
Posso escolher um visual para um site que já existe?
Não. Os boards vêm antes da primeira criação. Para um site já criado, descreva a mudança em uma mensagem, como Cores mais quentes e uma serifa nos títulos.
Funciona para apps?
Sim. Sites e apps recebem os quadros quando a opção está ativada e nenhum site de que você gosta foi adicionado. Dashboards não.