Categorias do Site

Criando Landing Pages com a Regra dos Terços

Aprenda a aplicar a regra dos terços em landing pages para criar designs mais atraentes e aumentar as taxas de conversão.

Fundo abstrato com tons dourados e luminosos, sobreposto por um ícone azul de grade com nove quadrados.

A regra dos terços, uma técnica de design antiga, é amplamente utilizada em diferentes áreas, como websites, anúncios e pôsteres. Essa regra divide uma imagem em nove partes iguais, com quatro pontos de interseção importantes. Nos tempos modernos, marcas como Nike, Amazon e Apple aplicam essa técnica para criar layouts mais atraentes.

Three by three grid

Essa técnica proporciona equilíbrio visual e auxilia na hierarquia visual, essencial para um design de página de destino eficaz. Ao aplicar a regra dos terços, é possível distribuir imagens, botões de chamada para ação e informações de contato de forma que o olhar do usuário percorra naturalmente os elementos mais importantes da página.

<img loading="lazy" decoding="async" data-attachment-id="205498" data-permalink="https://blog.logrocket.com/ux-design/designing-landing-page-ux-rule-thirds/attachment/landing-page-example/" data-orig-file="https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png" data-orig-size="895,504" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Landing page example" data-image-description="" data-image-caption="

A sample webpage draft with contact link and action button on the lower left and lower right thirds intersections respectively

” data-medium-file=”https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png?w=300″ data-large-file=”https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png?w=895″ class=”size-full wp-image-205498″ src=”https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png” alt=”Landing Page Example” width=”895″ height=”504″ srcset=”https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png 895w, https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png?resize=300,169 300w, https://blog.logrocket.com/wp-content/uploads/2023/01/Landing-page-example.png?resize=768,432 768w” sizes=”auto, (max-width: 895px) 100vw, 895px”>

A sample webpage draft with contact link and action button on the lower left and lower right thirds intersections respectively

Em UX design, a regra dos terços pode aumentar as taxas de conversão ao criar páginas mais atraentes. Ela incentiva o uso de equilíbrio visual, hierarquia e espaçamento adequado. No entanto, é importante não sobrecarregar a página com muitos elementos e manter a acessibilidade em mente.

  • O Lado Sombrio da Busca pela AGI

    Discussão sobre a busca pela AGI e os desafios enfrentados por OpenAI e outras empresas.

    Discussão sobre a busca pela AGI e os desafios enfrentados por OpenAI e outras empresas.

    Ler notícia completa
    Banner promocional de podcast com uma mulher asiática ao lado do título
  • Windsurf vs Cursor: Qual escolher?

    Comparação entre Windsurf e Cursor para desenvolvedores front-end. Descubra qual IDE é a melhor opção para você.

    Comparação entre Windsurf e Cursor para desenvolvedores front-end. Descubra qual IDE é a melhor opção para você.

    Ler notícia completa
    Ícones de um 'W' e um cubo geométrico sobre fundo de padrão geométrico luminoso com faixas em tons de cobre e prata.
  • Impacto da IA no Design e Interfaces

    Descubra como a IA transforma o design diário e as interfaces, sem substituir a habilidade humana.

    Descubra como a IA transforma o design diário e as interfaces, sem substituir a habilidade humana.

    Ler notícia completa
    Imagem abstrata com pinceladas grandes e diagonais em tons de laranja sobre um fundo suave azul claro. Contém texto sobre a influência da IA em fluxos de trabalho de design.
  • Crise de Atenção: Liderando em um Mundo Acelerado

    Imagine a cena: uma manhã fria perto do reservatório Bald Eagle, na Pensilvânia central, durante o Ironman 70.3 Penn State. Conheci um triatleta iniciante e iniciamos uma conversa sobre a preparação para a prova. Durante a conversa, me percebi distraído com a minha roupa de mergulho, o que me levou a refletir sobre a crise […]

    Descubra como a crise de atenção afeta equipes e estratégias para melhorar a produtividade e respeito no ambiente de trabalho.

    Ler notícia completa
    Ícone de megafone rosa e azul sobre fundo desfocado que transita de claro a escuro da esquerda para a direita.
  • Melhores Modelos de Logos para Gamers em 2025

    Logos são tão importantes para gamers quanto para atletas profissionais. O mundo dos eSports exige uma estética específica com cores vibrantes para se destacar em telas de dispositivos móveis e desktops. O desafio dos designers é criar logos que capturem a essência do jogador ou equipe e engajem os fãs de eSports. Esta coleção de […]

    Explore mais de 40 modelos de logos para gamers e equipes de eSports, perfeitos para destacar sua marca no universo dos jogos.

    Ler notícia completa
    Logotipo da
  • Microfalhas no UX: O perigo invisível nos sites

    Vamos direto ao ponto: seu site não está quebrado, ele apenas parece quebrado. Não há erros 500, o checkout funciona, os botões clicam—mas de alguma forma, usá-lo é como morrer por mil cortes de papel. Você sabe do que estou falando. A leve lentidão. O atraso estranho ao clicar em um botão. O menu suspenso […]

    Entenda como microfalhas estão destruindo a experiência do usuário em seu site e afugentando visitantes.

    Ler notícia completa
    Laptop prateado com a tela fragmentando-se em pedaços de vidro, sugerindo um efeito tridimensional de quebra.
  • Tendências na Pesquisa de Ferramentas de Design 2025

    Antes da IA, a indústria do design havia estagnado. Sistemas de design se tornaram comuns, e o Figma dominou o mercado de ferramentas de design. Agora, a IA surge como um novo e esperado disruptor. Este artigo analisa os resultados da pesquisa de ferramentas de design de 2025. Descubra as ferramentas mais populares, a adoção […]

    Descubra as tendências e surpresas da pesquisa de ferramentas de design de 2025, incluindo a adoção de IA e o domínio do Figma.

    Ler notícia completa
    Ilustração simplificada de uma página web com iconografia rosa e roxa representando elementos como URL, imagem, código e texto em um fundo texturizado.
  • Workshop de IA em UX: Alcançando Mais com Menos

    Vamos ser honestos: UX não está ficando mais fácil Se você trabalha com UX, provavelmente está sentindo a pressão. Orçamentos apertados e expectativas crescentes são desafios constantes. Além disso, a IA está mudando tudo em nosso trabalho, às vezes para melhor, às vezes de forma preocupante. Tenho passado o último ano envolvido em projetos de […]

    Descubra como a IA pode otimizar o UX, reduzindo tarefas e aumentando a eficiência em um workshop prático e relevante.

    Ler notícia completa
    Homem com fones e laptop e robô rosa grande ao fundo em ambiente com névoa. Ambos concentram-se intensamente em suas tarefas.
  • Como Criar Produtos de IA Eficazes para Usuários e Empresas

    A tecnologia revolucionou o mundo, desde o telefone de Bell em 1876 até o iPhone da Apple em 2007. Com a IA entrando no mainstream, empresas correm para adotá-la em seus produtos e ferramentas internas, impulsionando eficiência e produtividade. Ignorar essa tendência pode significar ficar para trás. Para designers, essa onda de adoção de IA […]

    Aprenda a projetar produtos de IA que equilibram usabilidade e governança, atendendo usuários e stakeholders empresariais.

    Ler notícia completa
    Ilustração de perfil de cabeça humana com metade mostrando cérebro humano e a outra metade com estrutura em malha conectada por pontos, em fundo degradê azul e verde.