Web Design
34 posts
Do kickoff ao primeiro conceito: da estratégia de marca à direção visual
A fase de pré-conceito em branding: pesquisar contexto de marca, expor premissas escondidas dos stakeholders e virar direção compartilhada em base visual.
Ler artigo10 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 artigo58 regras para um UI Design bonito e eficiente
A interface certa pode elevar uma aplicação de funcional a inesquecível. 58 regras em oito categorias formando a "Fórmula da Elegância" do design de UI.
Ler artigoCores e variáveis CSS: box-shadow-color?!
Cores e variáveis CSS: box-shadow-color existe de verdade?! Técnicas avançadas para sombras e cores dinâmicas com custom properties CSS. Truque incrível!
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 artigoCSS element()
Descubra a função CSS element() que renderiza qualquer parte de um site como imagem ao vivo. Crie efeitos avançados com reflexos e dobras 3D.
Ler artigoUX em botões Cancelar
UX em botões de cancelar: boas práticas essenciais. Aprenda posicionamento correto, hierarquia visual e comportamento ideal de ações secundárias. Melhore!
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 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 artigofont-display: controle de exibição de fontes para ajuste em performance
Font-display: otimize carregamento de fontes web drasticamente. Controle exibição durante download e melhore performance com swap, fallback e optional. Use!
Ler artigoFlexbox: como passar para a próxima linha fácil
Aprenda como quebrar para próxima linha em Flexbox. Técnicas e truques práticos para controlar wrapping e quebras de elementos flex. Domine!
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 artigoLocal Maximum
Local Maximum: entenda o perigo da otimização incremental. Evite ficar preso em soluções subótimas buscando sempre inovação disruptiva. Inove!
Ler artigoVocê não precisa de um framework CSS Grid
CSS Grid vs Frameworks: análise completa e imparcial. Descubra quando usar Grid nativo e quando frameworks CSS ainda fazem sentido em projetos. Decida!
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 artigoTwitter Bootstrap
Twitter Bootstrap: o framework front-end mais popular do mundo. Grid system flexível, componentes prontos e desenvolvimento rápido de interfaces responsivas!
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 artigoGradiente CSS cross browser: degradês em CSS sem usar imagens
Crie gradientes CSS cross-browser sem imagens. Técnica completa para degradês compatíveis com todos os navegadores usando CSS puro. Funciona mesmo!
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 artigoCSS float: considerações, dicas e macetes para bons layouts na web
Guia completo sobre CSS float para layouts: o que é, para que serve, problemas comuns e técnicas de clearfix. Domine layouts tableless clássicos na web!
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