Design
41 posts
10 princípios de design que todo designer deve conhecer
Conheça 10 princípios essenciais de design com exemplos reais de produtos. Regras que guiam decisões adequadas para criar interfaces mais usáveis e eficazes.
Ler artigoAinda 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 artigoNeumorfismo (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 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