Explorações de design visual

As explorações de design visual acontecem de diversas maneiras (Mood boards, Style tiles, Element collages). Conheça mais sobre cada uma dessas técnicas.

dpw expo #23 – Frappe Charts, Darkmode.js, Eva Design System

Frappe Charts, para gráficos modernos SVG; Darkmode.js, para adicionar dark mode no seu site/app; Eva Design System, gerador de cores que usa deep learning.

Tipografia: um processo para escolher fontes

Escolher fontes é processo complexo, que exige experiência (e uma pitada de talento). Para ajudar, conheça este guia com um processo para escolher fontes.

Animações web: garantindo a consistência entre design e código

Quando o assunto são animações web, é preciso garantir a consistência entre design e código. Veja como ter certeza de que o design será bem codificado.

4 princípios fundamentais de design

Antes de ser um expert em design, é preciso dominar os fundamentos. Neste artigo, conheça 4 princípios fundamentais de design.

19 princípios de User Interface Design

Conheça 19 princípios de User Interface Design e dê um passo além, qualificando-se e aprimorando suas interfaces para serem mais usáveis e eficientes.

Tipografia com foco ao web design: fonte, tipo, tipologia e tipografia

“Fonte”, “Tipo”, “Tipologia” e “Tipografia”: saiba as diferenças entre importantes termos da tipografia e seja um profissional de web melhor.

Desenvolvedores devem participar do processo de Design

O envolvimento do desenvolvedor no processo de design parece ser algo pouco abordado. Veja neste artigo boas considerações sobre o tema.

Interfaces Transicionais (Transitional Interfaces)

Veja algumas ideias e exemplos de interfaces transicionais para melhorar a UX dos projetos web.

Unidades de viewport: controle de tipografia em web design responsivo

Saiba como ter controle absoluto de tipografia em web design responsivo através de unidades de viewport.

UX, UI, IA, IxD: chega de confusão!

Saiba a diferença entre UX, UI, IA e IxD e as atribuições dos profissionais de cada uma dessas áreas do design.

Princípios Jedi de Motion UI (parte 2): os 12 princípios da animação da Disney

Conheça os 12 princípios da animação da Disney e como é possível adaptá-los para a web para criar interfaces animadas profissionais.

Princípios Jedi de Motion UI (parte 1): tipos de animação de interface

Primeira parte do artigo “Princípios Jedi de animação de User Interface”, trazendo alguns conceitos-base sobre animação de interfaces na web.

Menu Cortina (Curtain Menu): novo menu mobile

Conheça o Menu Cortina (Curtain Menu), menu de navegação mobile com resultados surpreendentes garantidos pela Nielsen Norman Group!

Tipografia responsiva: melhores artigos e tutoriais

Veja uma compilação dos melhores artigos e tutoriais sobre tipografia responsiva e saiba mais sobre como a responsividade tipográfica pode ser útil em seus projetos web

Media queries e download de imagens

Media queries e download de imagens: veja os resultados de uma bateria de testes feitos para testar qual o comportamento de vários navegadores.

5 armadilhas de web design responsivo a evitar

Conheça 5 armadilhas de web design responsivo que você deve evitar e veja mais dicas sobre responsividade na web para desenvolver projetos responsivos melhores.

As novas regras da web responsiva

Conheça as novas regras da web responsiva e saiba que é preciso acompanhar as mudanças para desenvolver uma web melhor.

Performance como design

Performance de sites é assunto de desenvolvedores web. Mas será que já não é hora de a discussão passar para o design e planejamento do projeto?

Elementos de design aplicados à web

Conheça os princípios de design que vão mostrar como projetos web designs mais eficientes e funcionais.

10 erros básicos de web design

Conheça 10 erros básicos de web design e aprenda como evitá-los para tornar seus projetos web mais profissionais

Cores na web: guia completo

Guia completo sobre cores na web: indicações de sites, ferramentas, artigos e mais

URLs longas apresentadas corretamente com CSS

Apresentar corretamente URLs e outros textos longos é essencial para um layout consistente e de qualidade. Saiba como fazer isso lendo este artigo!

7 ferramentas para web designs melhores

Conheça 7 ferramentas para ajudá-lo a elaborar web designs melhores e a ser mais relevante com os respectivos públicos-alvo de seus projetos

4 elementos de design para um bom call to action

Aprenda os 4 elementos para fazer call to actions mais eficientes, que agradam mais seus visitantes aumentam as taxas de conversão de suas páginas

Pergunte-se a si mesmo: questões para desenvolver um bom site

Questões simples para planejar e executar de forma excelente o desenvolvimento de sites e projetos web

Web sites e comunicação: 21 maneiras de os sites se comunicarem com seus visitantes

Conheça 21 maneiras de os sites se comunicarem com seus visitantes

Fechamento de contratos e designs para web: teoria e prática

É melhor fechar o contrato antes e apresentar o design depois ou apresentar o design antes para fechar o contrato?

Dicas para um web design minimalista e usável

Veja dicas e indicações para o desenvolvimento de um web design minimalista e usável. Veja sobre estes tópicos e faça um melhor design web!

Definição de acessibilidade e conexão com design

Explicações pormenorizadas sobre acessibilidade, foco em acessibilidade para web e ligação de acessibilidade com design. Entenda a relação acessibilidade / design

Baixar ícones de alta definição e qualidade

Para quem sempre procura sites onde baixar ícones de alta qualidade e definição, veja uma compilação com bons sites que disponibilizam ícones de excelente nível! Os melhores ícones da internet!

Gestalt aplicado ao design web (parte 6): princípio da experiência passada

Sexto e último artigo da série sobre Gestalt aplicado ao design web, sobre o princípio da experiência passada

Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento

Quinto artigo da série sobre Gestalt aplicado ao design para web

Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento

Quarto artigo da série sobre a Gestalt

Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade

Terceiro artigo da série sobre Gestalt aplicado ao design web

Gestalt aplicado ao design web (parte 2): princípio da proximidade

Segundo artigo da série sobre Gestalt aplicado ao design web: sobre o princípio da proximidade

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade

Primeiro artigo da série sobre Gestalt aplicado ao design web

Identificador de fontes

Quer usar um identificador de fontes para saber qual fonte foi usada em uma imagem ou texto de um site? Quer saber como identificar uma fonte? Leia mais!