https://sbt-test.azurewebsites.net/pt/create/wireframes-vs-mockups

Wireframes vs Mockups

Ao projetar uma nova página da web ou adicionar um novo recurso ao seu produto, é importante criar wireframes e mockups - mas qual é a diferença? Em suma, um wireframe é uma abordagem minimalista e de baixa fidelidade a um conceito de design. Ele se concentra no layout central e apresenta uma nova página, mas deixa todo o flash para o modelo. Os modelos são de maior fidelidade e incluem ícones de cores, idiomas reais e verdadeiros. Um wireframe decide como uma maquete vai parecer, e uma maquete deve ser uma representação precisa e estática do produto final.


Wireframes


Crie um Design*

Mockups


Crie um Design*


3 Diferenças entre Wireframes e Mockups

  1. Cor

    A primeira grande diferença entre wireframes e mockups é a exibição de cores. Quando wireframing, é melhor intencionalmente ser sombrio com o seu esquema de cores, ou melhor ainda, mantê-lo totalmente preto e branco. Deixar a cor fora dos seus wireframes ajuda a evitar distrações ao planejar e focar no layout e design gerais da página. Para maquetes, faça o oposto. Jogue com esquemas de cores diferentes e encontre o que você deseja usar com o produto final. Cores de maquete devem aparecer e atrair o usuário.

  2. Estilo

    A próxima grande diferença é o estilo geral. Os wireframes tendem a ser muito orientados para a grade, com a maioria dos objetos sendo do mesmo tamanho ou proporcionais uns aos outros. Embora ainda seja bom seguir a abordagem da grade geral ao criar uma maquete, não há problema em soltar as regras um pouco. Confie em seus olhos e o que você acha que parece melhor. No geral, os wireframes devem seguir as diretrizes de estilo estritas, enquanto os mockups podem ter mais leniência para o que o designer acha que é o melhor ajuste.

  3. Língua

    Finalmente, a principal diferença entre wireframes e mockups é a linguagem usada. Quando wireframing, é melhor usar linguagem falsa ou de lugar como Lorum Ipsum . Novamente, o motivo para fazer isso é para que a equipe de desenvolvimento de produtos não seja distraída pela cópia da página da Web e, em vez disso, se concentre no design geral. Para maquetes, inclua a cópia real que você deseja que apareça na página. Ao incluir uma cópia real em maquetes, você dá a si mesmo e à equipe de desenvolvimento uma ideia de como o texto deve realmente renderizar no produto final e quanto espaço ele ocupa.

Preços

Apenas por mês por usuário!

/mês

cobrado anualmente

Envie E-mail a Minha Cotação
Compre!
*(Isso iniciará uma prova gratuita de 2 semanas - Não é necessário cartão de crédito)
Veja mais modelos de estrutura de arame!
Exibir Todos os Recursos de Negócios
https://sbt-test.azurewebsites.net/pt/create/wireframes-vs-mockups
© 2020 - Clever Prototypes, LLC - Todos os direitos reservados.
Mais de 14 milhões de storyboards criados
Storyboard That Family