Pense em contêineres, não colunas em web design

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Design de contêiner: pense em contêineres, não em colunas em web design O design do contêiner está presente, os designs clássicos do blog estão disponíveis. É simples assim: final do artigo.

Não exatamente, porque no post de hoje eu gostaria de explicar exatamente o que significa design de contêiner e quais vantagens ele tem sobre o design clássico de blog.

Também mostro alguns exemplos, destaco possíveis desvantagens e mostro como você pode implementá-lo em seu blog e por que me tornei um grande fã do Mobile First.

Mas pare, não tão rapidamente, tudo em ordem. Vamos começar com uma explicação simples do todo.

O que é design de contêiner?

Programa de parceiros de seguro TarifCheck24
Publicidade

Basicamente, o termo explica claramente do que se trata. Todos os aspectos de um site são considerados um único contêiner. Os contêineres ocupam toda a largura e lidam com um tópico específico, para que não sejam misturados e, portanto, claros em seu conteúdo.

Em seguida, um contêiner segue o próximo, para que os diferentes contêineres sejam praticamente empilhados. Como eles também ocupam toda a largura do site, um design legível e muito limpo é criado automaticamente.

Então, em vez de pensar em colunas, parágrafos ou áreas diferentes, como o layout clássico do blog, onde principalmente conteúdo e barra lateral com widgets estão disponíveis, pensando agora em contêineres. Isso tem muitas vantagens, que eu gostaria de explicar agora com mais detalhes.

Vantagens do design de contêineres

A vantagem que chama a atenção imediatamente é que as áreas de assunto podem ser apresentadas de uma maneira muito mais focada. O que é exibido em um contêiner, portanto, sempre pertence um ao outro. Comparado à barra lateral de um blog, onde os widgets podem exibir praticamente tudo, isso é claramente mais claro, mais lógico e mais estruturado.

Leia Também  Tutorial do Raspberry Pi Zero USB / Ethernet Gadget

A próxima vantagem diz respeito ao aspecto em que a maioria dos usuários passa com um smartphone. Os contêineres são sempre móveis primeiro, porque percorrem toda a largura e são empilhados. Dessa forma, os contêineres podem ser trocados ou movidos, dependendo da importância deles. Muito simples e sem bagunçar outras áreas ou até mesmo o design inteiro.

Como os contêineres permanecem flexíveis, eu posso criar quantos blocos quiser. Posso destacá-los em cores, adicionar títulos e criar áreas de conteúdo muito claras que todo leitor, independentemente de sua idade, entende imediatamente. Os contêineres também motivam a rolagem.

Minhas recomendações para os trabalhadores independentesPUBLICIDADE

Exemplos

Existem alguns exemplos que implementam o design de contêineres quase perfeitamente. O portal Ze.tt da Zeit Online está certamente na vanguarda, destinado a leitores mais jovens. Ze.tt implementa o design do contêiner tão perfeitamente que dificilmente pode ser melhor. Cada contêiner não é apenas mantido pequeno, mas também destacado em cores. Rolar e experimentar é muito divertido aqui, os blocos de assunto são claramente visíveis. Na minha opinião, realmente não melhora.

Emma.de o implementa de maneira um pouco mais discreta. Aqui também são usadas algumas fotos coloridas ou grandes, mas muito mais reservadas. Isso não torna o site menos bem-sucedido, no entanto. Um design de contêiner foi implementado muito bem, o que parece bastante sério. Eu gosto disso.

Enquanto estivermos no Ze.tt, o Zeit Online também conta com um design de contêiner, mesmo que o mesmo não seja tão memorável como nos exemplos mencionados acima e ainda não pareça estar perfeitamente implementado.

Na minha opinião, a página inicial do Gamestar.de é realmente mal implementada. Aqui não tenho nenhuma orientação e, embora os contêineres estejam disponíveis, eles ainda são pensados ​​em colunas. As marcações coloridas, que podem ser coerentes em um portal de jogos, estão quase completamente ausentes e muitas áreas são muito grandes e sobrecarregadas com texto, para que não o convidem a descobrir ou rolar, mas simplesmente sobrecarregem os olhos. Uma página inicial não deve ficar assim.

Leia Também  como triplicar seu tráfego com um artigo de convidado

(Adendo curto: Gamestar de repente viu como eu fiz e revisei e estruturei completamente a página inicial. Ninguém poderia imaginar isso. 🙂
Era assim que ela era antes.)

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
Mais tráfego para seu próprio blogPUBLICIDADE

Por que o design de contêiner é tão brilhante

Uma das maiores vantagens do design de contêineres é e continua sendo o fato de que todos os contêineres funcionam independentemente um do outro e cada um tem um tópico em pacote. Não importa em que lugar do seu site, você sempre pode incluir os contêineres, se isso fizer sentido ou for desejado no momento.

O próximo grande problema é o Mobile First. Como os contêineres sempre percorrem toda a largura, eles podem ser trocados e organizados livremente. Como tudo consiste em contêineres, que por sua vez contêm caixas, eles são simplesmente exibidos um abaixo do outro no smartphone, mas funcionam exatamente como na área de trabalho. O design responsivo não é mais realmente necessário, pois o design do contêiner é realmente fornecido pelo Mobile First.

Essa flexibilidade é o que torna o design de contêineres tão poderoso. Juntamente com o fato de parecer fácil de entender, ler e lógico. É divertido visitar sites criados dessa maneira. Pelo menos se o design do contêiner tiver sido implementado e entendido corretamente.

Design de contêineres no WordPress

Atualmente, existem muitos construtores de páginas e o WordPress é conhecido por ir cada vez mais nessa direção, mas a grade de plug-ins implementa o princípio do design de contêiner de maneira simples e eficaz. A extensão está disponível no diretório de plugins do WordPress.

Design de contêiner: pense em contêineres, não em colunas em web design

Aliás, o plugin vem da Palasthotel, uma agência alemã que também é responsável pelo próprio Ze.tt. O portal Zeit Online também roda com base no WordPress e, tanto quanto eu sei, esse plug-in é usado.

Leia Também  Como usar a EEPROM no Arduino

O Ze.tt já mostra o que é possível com o WordPress e a grade de plug-ins de maneira bastante impressionante. Experimente, talvez você mude completamente seu blog depois.

Conclusão

O último blogueiro agora entendeu que precisamos ir para o celular com nossos sites, o que não é novidade. O design de contêineres também não é propriamente dito, mas geralmente não é pensado adequadamente ou é implementado apenas com o coração, veja o exemplo da Gamestar. Isso pode fazer muito.

Acima de tudo, cria clareza em meus olhos que não pode ser alcançada de outra maneira. As áreas são claramente delimitadas, os tópicos são divididos e, acima de tudo, eu sempre quero rolar com contêineres. Aqui eu sei onde estão os contêineres interessantes ou os procuro. Além disso, o design de contêiner compreende todos, jovens ou aposentados.

Esta última é provavelmente a maior vantagem. Como onde colunas ou widgets costumam custar uma visão geral e misturar tudo, o design do contêiner garante uma estrutura particularmente limpa que todos entendem. Eu gosto disso. Também como operador de site, já que os contêineres funcionam sem problemas em smartphones e podem ser exibidos ou integrados em qualquer lugar.

O que você diz sobre o design de contêineres e os exemplos apresentados? Isso é para você Você está planejando atualizar seu site? Deixe-me saber nos comentários

Fundador do Lexoffice
Publicidade
Centro de Educação da Amazônia
Publicidade

Posts que devem ser visitados também:
https://responsibleradio.com/top-25-trabalhos-de-entrada-de-dados-do-home-online-offline-no-investment/

https://draincleaningdenverco.com/frases-da-conquista/

https://weeventos.com.br/em-busca-de-um-amor-verdadeiro/

https://clipstudio.com.br/30-dia-do-desafio-2-comecar-um-diario-de-gratidao/

https://multieletropecas.com.br/como-evitar-e-prevenir-lesoes-esportivas/

https://holidayservice-tn.com/problemas-no-casamento/

https://teleingressos.com.br/6-lojas-de-revenda-online-que-permitirao-transformar-sua-roupa-indesejada-em-dinheiro/

https://proverasfestas.com.br/como-escrever-um-e-mail-de-desculpas-apos-um-desastre-de-newsletter/

https://coniferinc.com/estrategias-de-marketing-na-internet-acompanhando-com-cuidado-suas-despesas/

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br