LUME BOOKS · COMO ESTUDAR

Como estudar Web Design, UI & UX nesta edição

Esta edição ensina design como uma sequência de decisões explicáveis, não como
uma coleção de tendências. Você parte de problema, conteúdo e fluxo; constrói
linguagem visual; compara estilos; testa componentes; e termina documentando um
produto responsivo, acessível e sustentado por evidências.

Método

  1. Leia a tarefa e escreva uma hipótese antes de desenhar.
  2. Observe o exemplo visual sem abrir as anotações e descreva a primeira ordem
    de leitura que percebe.
  3. Passe o mouse, use Tab ou toque nos pontos numerados do laboratório. Compare
    sua leitura com a explicação de cada escolha.
  4. Reconstrua o exemplo com conteúdo diferente. Preserve a função, não a
    aparência exata.
  5. Produza uma variação problemática e outra revisada, alterando uma decisão por
    vez.
  6. Teste teclado, toque, zoom, contraste, texto longo e preferência por movimento
    reduzido.
  7. Resolva as seis decisões comentadas e registre o que mudaria após observar
    outra pessoa usando a interface.

Os laboratórios são ilustrações construídas com HTML e CSS. A informação de cada
ponto aparece no hover e no foco, pode ser fixada por toque e também está
disponível sem JavaScript. O ebook não exige uma ferramenta específica: papel,
um editor visual e o navegador podem coexistir no mesmo processo.

Não trate skeuomorphism, neomorphism, glassmorphism, claymorphism, minimalism,
maximalism, brutalism, Liquid Glass ou Spatial UI como receitas. Em cada caso,
identifique a lógica visual, o efeito sobre a tarefa, o custo de implementação e
o limite de acessibilidade antes de levar a linguagem para um produto real.

Consultar as especificações e referências desta edição