Ainda precisamos nos preocupar com "Pixel Perfection"?
Pixel Perfect está morto: foco em experiência adaptável e fluida. Por que perfeição pixel-by-pixel não é mais meta em web design responsivo moderno!
Ler artigoDesign
42 posts
Neumorfismo (neumorphism) em user interfaces
Neumorfismo (Neumorphism): tendência moderna de UI design. Efeitos soft UI inspirados em skeuomorphism com sombras sutis e elegantes. Experimente!
Ler artigo4 razões para fazer design sem cores primeiro
Melhore seu processo de design com grayscale. Descubra por que começar em preto e branco resulta em layouts mais limpos e usabilidade superior.
Ler artigodpw expo #34 - Can I email, clipboard.js, Flawwwless ui
Explore Can I Email, Clipboard.js e Flawwwless UI no dpw expo. Compatibilidade HTML email, copiar para clipboard fácil e galeria de designs. Confira!
Ler artigoBotões-fantasma (Ghost Buttons)
Entenda a evolução dos botões-fantasma no web design. Descubra quando usar, impacto na conversão e a transição do skeuomorfismo para flat design.
Ler artigodpw expo #27 - Gradient Magic, Text stripes, git-pending
Explore Gradient Magic, Text Stripes e Git Pending no dpw expo. Gradientes CSS prontos incríveis, efeitos de texto e gerenciamento de commits pendentes. Teste!
Ler artigo19 princípios de User Interface Design
Fundamentos essenciais para criar interfaces intuitivas e eficazes. Descubra 19 princípios de UI Design para melhorar a experiência do usuário.
Ler artigoExplorações de design visual
Explorações criativas em design visual para web moderna. Tendências, técnicas avançadas e experimentos para criar interfaces impactantes. Inspire-se agora!
Ler artigodpw expo #23 - Frappe Charts, Darkmode.js, Eva Design System
Explore Frappe Charts, Darkmode.js e Eva Design System no dpw expo. Gráficos simples e bonitos, dark mode automático e design system completo. Teste!
Ler artigoTipografia: um processo para escolher fontes
Domine o processo para escolher fontes em projetos web. Critérios práticos, combinações harmônicas e decisões tipográficas para design eficaz!
Ler artigoAnimações web: garantindo a consistência entre design e código
Supere a lacuna entre design e desenvolvimento de animações. Aprenda técnicas para garantir que protótipos sejam fielmente implementados em código.
Ler artigo4 princípios fundamentais de design
Domine os 4 princípios fundamentais do design visual. Aprenda tipografia, espaçamento, cor e hierarquia para criar projetos profissionais e impactantes!
Ler artigoTipografia com foco ao web design: fonte, tipo, tipologia e tipografia
Domine tipografia com foco em web design. Entenda fonte, tipo, tipologia e princípios fundamentais para criar layouts digitais profissionais!
Ler artigoDesenvolvedores devem participar do processo de Design
Por que desenvolvedores devem participar do processo de design? Descubra como colaboração entre devs e designers evita problemas e melhora resultados. Colabore!
Ler artigoInterfaces Transicionais (Transitional Interfaces)
Interfaces transicionais: design de estados intermediários e feedback. Melhore drasticamente UX com feedback visual durante carregamento e mudanças de estado!
Ler artigoUX, UI, IA, IxD: chega de confusão!
UX, UI, IA e IXD: entenda diferenças e relações entre áreas. User Experience, User Interface, Arquitetura da Informação e Interaction Design. Clarifique!
Ler artigoPrincípios Jedi de Motion UI (parte 2): os 12 princípios da animação da Disney
Princípios de animação Disney aplicados a UI design. Descubra como os 12 princípios clássicos melhoram interfaces e experiência do usuário. Anime bem!
Ler artigoPrincípios Jedi de Motion UI (parte 1): tipos de animação de interface
Domine princípios e tipos de animação em Motion UI. Fundamentos essenciais para criar movimento significativo e eficaz em interfaces web. Anime!
Ler artigoMenu Cortina (Curtain Menu): novo menu mobile
Menu Cortina (Curtain Menu): navegação mobile inovadora e elegante. Alternativa criativa ao tradicional hamburger menu para interfaces modernas. Inove!
Ler artigoTipografia responsiva: melhores artigos e tutoriais
Tipografia responsiva: melhores artigos e tutoriais selecionados. Curadoria completa de recursos essenciais sobre tipografia fluida e adaptativa. Aprenda!
Ler artigoMedia queries e download de imagens
Media queries e download de imagens: otimização mobile essencial. Evite downloads desnecessários com estratégias de imagens responsivas inteligentes. Economize!
Ler artigo5 armadilhas de web design responsivo a evitar
Evite erros comuns em design responsivo. Aprenda sobre performance, conteúdo, contexto e experiência mobile para criar sites verdadeiramente adaptáveis.
Ler artigoAs novas regras da web responsiva
Descubra as novas regras da web responsiva moderna. Container queries, aspect-ratio e técnicas atuais de responsive design em CSS. Atualize-se!
Ler artigoPerformance como design
Performance como design: otimização é UX essencial. Velocidade não é apenas técnica, é experiência do usuário e requisito fundamental de design!
Ler artigoElementos de design aplicados à Web
Princípios fundamentais de design aplicados à web moderna. Entenda equilíbrio visual, contraste, hierarquia e elementos essenciais para interfaces eficazes!
Ler artigo10 erros básicos de web design
Evite armadilhas comuns em web design hoje. Conheça os 10 erros básicos mais frequentes e aprenda a criar sites visualmente eficientes e profissionais!
Ler artigoCores na web: guia completo
Guia completo sobre cores na web: teoria, ferramentas de paleta e significado psicológico. Referências essenciais para escolher cores certas. Domine cores!
Ler artigo7 ferramentas para web designs melhores
Analise e melhore seus web designs com ferramentas essenciais. Descubra heat maps, testes A/B, análise de usabilidade e otimização de conversão.
Ler artigo4 elementos de design para um bom call to action
Crie botões de chamada à ação que convertem. Domine tamanho, forma, cor e posicionamento para aumentar suas taxas de conversão drasticamente.
Ler artigoPergunte-se a si mesmo: questões para desenvolver um bom site
Perguntas essenciais para desenvolver um bom site web. Auto-questionamento sobre objetivos, público-alvo e estratégia antes de começar. Planeje!
Ler artigoWeb sites e comunicação: 21 maneiras de os sites se comunicarem com seus visitantes
Descubra 21 maneiras de sites se comunicarem eficazmente com visitantes. Canais, mensagens e estratégias de comunicação digital em projetos web. Comunique!
Ler artigoFechamento de contratos e designs para web: teoria e prática
Guia completo sobre fechamento de contratos em design web. Teoria e prática para negociações, propostas comerciais e acordos profissionais eficazes!
Ler artigoDicas para um web design minimalista e usável
Crie web design minimalista e usável com dicas práticas. Aprenda a priorizar conteúdo, melhorar navegação e criar experiências eficientes. Simplifique!
Ler artigoDefinição de acessibilidade e conexão com design
Entenda acessibilidade web e sua conexão essencial com design. Conheça diretrizes WCAG e como criar sites verdadeiramente inclusivos para todos. Inclua!
Ler artigoBaixar ícones de alta definição e qualidade
Compilação atualizada dos melhores sites para baixar ícones gratuitos de alta qualidade. Encontre icon sets profissionais para seus projetos web.
Ler artigoGestalt aplicado ao design web (parte 6): princípio da experiência passada
Gestalt Parte 6: Princípio da Experiência Passada aplicado ao web design. Como conhecimento prévio influencia percepção e interpretação visual. Aprenda!
Ler artigoGestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento
Gestalt Parte 5: Exemplos práticos do Princípio do Alinhamento na web. Aplicações reais de continuidade visual em design de interfaces digitais. Veja!
Ler artigoGestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento
Gestalt Parte 4: Princípio da Boa Continuidade aplicado ao web design. Entenda como olhos seguem linhas e padrões em composições visuais. Domine!
Ler artigoGestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade
Gestalt Parte 3: Exemplos práticos do Princípio da Proximidade na web. Cases reais mostrando agrupamento visual e organização eficiente de conteúdo. Veja!
Ler artigoGestalt aplicado ao design web (parte 2): princípio da proximidade
Gestalt Parte 2: Princípio da Proximidade aplicado ao web design. Como elementos próximos são percebidos como grupo e aplicações práticas. Aprenda!
Ler artigoGestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
Gestalt aplicado ao design web - Parte 1: fundamentos. Origem histórica, significado e utilidade dos princípios de percepção visual. Comece a série!
Ler artigoIdentificador de fontes
Ferramentas essenciais para identificar fontes de imagens e sites. Descubra tipografias desconhecidas facilmente com recursos online e extensões. Identifique!
Ler artigo