6 layouts impressionantes para suas galerias de decodificação (e como usá-las)

Publicados: 2018-04-13

Muitos sites usam galerias para mostrar suas imagens. No entanto, apenas colocar suas fotos lado a lado pode resultar em uma página chata, especialmente quando há tantos layouts exclusivos que você pode implementar.

Felizmente, o Uncode oferece vários layouts e recursos avançados de galeria que você pode adicionar a qualquer uma das páginas do seu site. Nosso tema multiuso permite que você alterne entre layouts em questão de minutos, então não há razão para você se contentar com um estilo 'chato'. Usar um layout exclusivo é uma ótima maneira de destacar suas imagens e atrair a atenção.

Neste artigo, falaremos sobre por que o layout que você usa para suas galerias de imagens é importante. Em seguida, apresentaremos seis estilos de galeria exclusivos do Uncode e ensinaremos como usá-los. Vamos ao trabalho!

Por que é vital escolher cuidadosamente o layout da sua galeria

Galerias são recursos bastante simples. Eles permitem que você exiba várias imagens lado a lado de maneira organizada, para que os usuários possam clicar nas que gostam e dar uma olhada mais de perto. Algumas galerias abrem imagens individuais em novas guias, outras usam lightboxes e certos temas (como Uncode) permitem que você crie galerias aninhadas.

Independentemente de como sua galeria específica funciona, ela precisa ser impressionante. Vamos falar sobre por que a aparência é tão importante quando se trata desse recurso:

  • Isso torna suas galerias mais visíveis. Você quer que o maior número possível de usuários preste atenção às suas imagens, então é lógico que sua galeria deve chamar a atenção deles.
  • Você estará se diferenciando de outros sites. A maioria dos sites mantém layouts de galeria simples, portanto, usar um estilo diferente é uma maneira rápida de se destacar visualmente.
  • Layouts exclusivos podem dar ao seu site uma sensação mais moderna. Alguns layouts de galeria adotam uma abordagem incomum para exibir suas imagens, o que pode adicionar ao estilo geral do seu site.

Felizmente, não faltam plugins e temas que você pode usar para adicionar novos tipos de galerias ao seu site. Nosso próprio tema Uncode é um exemplo perfeito. Este tema foi criado desde o início para ajudá-lo a criar qualquer tipo de site e torná-lo impressionante. Com isso em mente, incluímos vários tipos de galerias que você pode usar para causar uma boa impressão. Agora, vamos falar sobre como encontrar e usar esses layouts.

Como alterar o layout da sua galeria de decodificação

Se você é novo no Uncode, precisará configurar o tema e todos os plug-ins recomendados antes de começar a usar seus recursos avançados. Feito isso, você pode ir em frente e criar sua primeira galeria.

Para fazer isso, abra o editor de qualquer página ou postagem e adicione um módulo Media Gallery exatamente onde você deseja que sua galeria seja colocada:

Adicionando um módulo de galeria de mídia a uma de suas páginas.

Agora abra a janela Configurações da Galeria de Mídia para seu novo módulo e procure as configurações do Módulo Galeria e dos Modos de Layout .

O Módulo Galeria permite que você escolha entre três tipos básicos de galerias: Isótopo , Carrossel e Justificado . Se você escolher a opção Isótopo , poderá selecionar um tipo de galeria mais avançado usando a configuração Modos de layout .

Abaixo dessas opções, você encontrará uma seção onde pode adicionar todas as imagens que deseja que sua galeria inclua:

Configurando as configurações do módulo da galeria de mídia.

Tenha em mente que o Uncode permite que você construa galerias que usam mais do que apenas imagens. Você também pode criar galerias com base em arquivos de áudio, vídeos e até feeds do Instagram e do Flickr. Não importa com que tipo de mídia você esteja trabalhando, no entanto, você pode usar qualquer tipo de layout que desejar. Se você não tiver certeza de qual layout funcionará melhor para o seu site, não se preocupe – apresentaremos todas as opções disponíveis.

6 layouts impressionantes para suas galerias de decodificação

Pronto para uso, o Uncode oferece seis tipos exclusivos de galerias que você pode usar em qualquer uma de suas páginas ou postagens. Você já sabe como alternar entre eles, então tudo o que resta a fazer é conhecer cada opção e decidir qual é a mais adequada para o seu site.

1. O Layout Básico

O layout básico da galeria do Uncode em ação.

Se você gosta de manter as coisas simples, o Uncode permite que você use um layout sem frescuras para suas galerias. Com este estilo, todas as suas imagens serão exibidas em linhas e colunas de tamanho igual.

Esse estilo pode não ganhar nenhum prêmio por inovação, mas é um clássico atemporal que funciona bem se você quiser que seu site pareça profissional. Além disso, este é o estilo que as galerias Uncode usam por padrão, então tudo o que você precisa fazer é adicionar as imagens que deseja ao seu módulo Media Gallery e está pronto para começar.

2. Alvenaria

Layout da galeria de alvenaria do Uncode.

As galerias de alvenaria são uma maneira elegante de exibir suas imagens e destacar as que você deseja que os visitantes prestem atenção especial. Ao contrário das galerias comuns, os designs de alvenaria exibem suas imagens usando tamanhos desiguais. Essa abordagem pode dar ao seu site um estilo quase caótico e moderno, perfeito para projetos criativos.

3. Metrô

Layout da galeria metropolitana do Uncode.

Os estilos Metro e Masonry são bastante semelhantes na superfície. Ambos usam tamanhos irregulares para destacar imagens específicas e obter uma aparência única. Os designs de metrô seguem padrões específicos, no entanto, para que possam ajudá-lo a obter uma aparência mais organizada do que as galerias de alvenaria. Isso os torna populares para sites de notícias ou revistas on-line, pois é fácil exibir imagens de artigos em destaque.

4. Justifique

Layout de galeria justificado do Uncode.

O estilo Justify é bastante simples. Funciona como uma galeria normal, no sentido de que usa até mesmo linhas de imagens. No entanto, com um layout justificado, o número de imagens em cada linha pode variar. O Uncode pega as fotos que você adiciona à sua galeria e ajusta automaticamente seu tamanho, de modo que, mesmo que algumas sejam mais largas que outras, sua galeria ainda terá a mesma largura geral. Este é um visual limpo que ainda parece mais moderno e criativo do que um layout básico de galeria, o que torna o Justify uma ótima opção para quase qualquer tipo de site.

5. Carrossel

Um exemplo de uma galeria de apresentação de slides.

Até agora, nos concentramos em layouts de galeria que permitem exibir várias imagens. As apresentações de slides, no entanto, têm tudo a ver com colocar os holofotes em uma única fotografia de cada vez. Este é um estilo fantástico para cabeçalhos ou quando você deseja exibir apenas um punhado de imagens. As apresentações de slides são escolhas particularmente fortes para sites de portfólio, pois você pode usá-las para exibir seu melhor trabalho de maneira elegante.

6. Legenda

Um exemplo de uma galeria legendada.

As galerias de legendas são uma variante do layout básico da galeria. Assim como uma galeria padrão, esse design permite exibir várias imagens usando linhas uniformes. No entanto, neste caso, você também tem a oportunidade de adicionar uma legenda a cada imagem. Você pode usar essas legendas para descrever suas fotos, exibir títulos ou datas e assim por diante. Esta é uma adição simples a um layout clássico e permite que você forneça muito mais informações sem exigir que os usuários ampliem cada imagem individualmente.

Conclusão

As galerias são um dos recursos mais comuns encontrados em sites modernos. Quando se trata de projetar suas próprias galerias de imagens, você pode simplesmente exibir todas as suas imagens lado a lado e encerrar o dia. No entanto, não há razão para jogar pelo seguro quando há tantos estilos mais interessantes que você pode experimentar.

Com o Uncode, você pode alternar entre os layouts da galeria em um instante. Alguns dos nossos estilos favoritos incluem Masonry e Metro, ambos com estilo e modernidade. Além disso, o Uncode inclui configurações de galeria para arquivos de vídeo e áudio, bem como para feeds de mídia social. Em outras palavras, ele tem uma opção perfeita para o seu site, independentemente do tipo de design que você escolher.

Você tem alguma dúvida sobre como criar galerias impressionantes usando o Uncode? Vamos falar sobre eles na seção de comentários abaixo!