9 regras para web design responsivo
Conheça 9 regras básicas para um web design responsivo mais fácil de ser feito, que deixa o código mais rápido e facilita a manutenção.
Ainda precisamos nos preocupar com “Pixel Perfection”?
Pixel Perfection é uma exigência antiga em projetos Web, mas será que ainda corresponde ao cenário atual da Web?
Neumorfismo (neumorphism) em user interfaces
Está por dentro da nova tendência de UI, o Neumorfismo (Neumorphism)? Se ainda não, leia mais e conheça o hype de design que promete ser a sensação de 2020!
4 razões para fazer design sem cores primeiro
Existem boas razões para fazer seus designs primeiro sem cores, somente em grayscale. Saiba como essa técnica pode ajudar a criar designs mais eficientes.
dpw expo #34 – Can I email, clipboard.js, Flawwwless ui
Can I email, para checar features em e-mails; clipboard.js, para copiar texto para a área de transferência e; Flawwwless ui, lib de componentes React.
Botões-fantasma (Ghost Buttons)
Artigo completo sobre botões-fantasma (ou Ghost Buttons), mostrando o que são, como surgiram, exemplos reais e dicas de onde e quando usá-los.
dpw expo #27 – Gradient Magic, Text stripes, git-pending
Gradient Magic, galeria de gradientes CSS únicos; Text stripes, ferramenta para criar stripes e; git-pending, plugin para git para relembrar seus TODO.
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.
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.
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 princípios de web design que contribuem para projetos Web 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!