Índice:
- Repita uma imagem ou usando uma série de imagens
- Monte imagens em uma colagem
- Use uma imagem dominante
- Centralize a imagem de fundo
Vídeo: Como personalizar seu Perfil da Steam (Destaque de Arte)! 2024
Há muitas maneiras de você projetar e posicionar os antecedentes do Twitter para evitar os problemas causada por exibições diferentes em diferentes tamanhos de tela. Aqui estão quatro opções que podem ajudá-lo a evitar problemas de exibição.
Repita uma imagem ou usando uma série de imagens
Dapo Olaopa (@dpencilpusher), mostra seus talentos artísticos, fazendo com que seu plano de fundo pareça uma série de doodles de seu caderno. Este efeito é aumentado pelo uso de uma página em branco e um lápis no cabeçalho do Twitter.
Crédito: Dapo Olaopa O autor e fotógrafo Syl Arena (@syl_arena) criou uma grade de pequenas imagens. Ao usar uma combinação de retratos, logotipos da empresa e imagens de desenhos animados patetas, ele construiu um fundo com uma variedade de cores e estilos. Embora o design esteja um pouco ocupado, ele funciona bem em qualquer tamanho de tela e fornece seguidores com uma visão rápida de seus muitos interesses.
Monte imagens em uma colagem
Uma maneira um pouco mais sofisticada de se comunicar com o mundo que você é, e o que você é, é criar um Twitter design de fundo que apresenta fotos, knickknacks e outras coisas que o interessam.
Esses projetos são muitas vezes criados para se parecerem com um desktop ou cortiça com fotos fixas ou coisas espalhadas pela mesa. Você vê um exemplo criado pelo profissional de marketing digital Scott Clark (@scottclark). Clark criou mensagens enigmáticas que parecem ter sido digitadas em uma máquina de escrever manual da velha escola, bem como mapas, imagens de animais exóticos, uma manta de couro desgastada de estilo Indiana Jones e uma mão esquelética do esqueleto mortal.
Feito bem, as colagens têm uma qualidade encantadora e orgânica que faz com que pareça como se estivesse examinando o ombro do autor enquanto trabalhava em sua mesa ou em sua oficina.
Scott Clark habilmente usa um gradiente ao longo do lado direito do projeto que se desvanece em uma cor sólida. O efeito é que, mesmo em um monitor muito grande, o design não corta bruscamente na borda da imagem, mas, em vez disso, desaparece na cor de fundo sólida, fazendo com que pareça fazer parte de um cenário maior.
O diretor de mídia social Sean R. Nicholson (@SocMedSean) usa uma colagem que inclui um iPhone, um iPad, canetas e outras coisas que ele segura em suas mãos para fazer seu trabalho. Ele inclui lembretes rabiscados na mão esquerda que parecem representar uma típica lista de tarefas. Ele deu todo o design a um olhar moderno usando uma imagem de fundo que parece ser feita de concreto arenoso.
Não há nenhum atalho real para criar uma colagem como esta. Para cortar cada imagem e posicioná-las como Sean fez, você precisa de um bom editor de imagens, como o Photoshop.
Preste atenção ao brilho, contraste e equilíbrio de cores em todas as imagens que você combina em seu projeto. Se você colocar fotos que são muito sombrias ao lado de fotos que foram filmadas sob luzes brilhantes sem equilibrar elas, o efeito pode ser chato.
Use uma imagem dominante
Uma das abordagens mais simples e mais elegantes para criar um fundo do Twitter é usar uma grande imagem. Fotografias de paisagens, skylines ou imagens abstratas funcionam bem, e repetir a imagem em segundo plano e o cabeçalho é um truque comum e eficaz.
Você vê como Kare Anderson (@KareAnderson), um autor, orador e consultor que mora em Sausalito, usou uma foto da Golden Gate Bridge para o seu fundo e o cabeçalho em sua página do Twitter.
Repetindo uma imagem da forma como Kare faz no seu perfil do Twitter reforça o efeito visual e ajuda os visitantes a reconhecer a imagem de fundo, mesmo que não se encaixe em monitores menores.
O uso de texto verticalmente alinhado é outra maneira de ajudar a garantir a sua mensagem passar em telas pequenas e grandes.
Centralize a imagem de fundo
Muitos dos problemas que mostramos com as imagens de fundo do Twitter que são cortadas ou estranhamente cortadas em resoluções de tela alta ou baixa, podem ser resolvidos centrando o plano de fundo em vez de alinhá-lo para a esquerda.
O Twitter originalmente ofereceu apenas alinhamento à esquerda para imagens em segundo plano. Agora você pode centrar a imagem clicando e arrastando sua imagem para a posição que você escolher.
Centrar o fundo faz uma grande diferença porque o meio da área de design - onde a linha do tempo, a foto do perfil e o gráfico do cabeçalho aparecem - está sempre centrado, independentemente da amplitude ou da pequena da tela.
Centrar o plano de fundo significa que o fundo permanece no mesmo local em relação à área do meio de um perfil do Twitter, independentemente da amplitude ou diminuição da tela. Isso resolve muitos problemas que são causados quando o fundo permanece alinhado à esquerda, mas a área central centrada cobre diferentes partes do fundo, dependendo do tamanho da tela.
O fotógrafo Erika Barker (@erikabarker) cria uma ilusão inteligente usando uma seção da imagem de fundo na área de cabeçalho. O efeito parece que o cabeçalho e o fundo são uma única imagem, mesmo que fossem recortados e carregados separadamente.
No entanto, esse tipo de design integrado funciona somente se o plano de fundo e a imagem do cabeçalho permanecerem a mesma distância um do outro, independentemente do tamanho da tela - e isso não funcionaria se o plano de fundo fosse não centrado.
Na primeira imagem, você vê a página da Erika em um monitor com a resolução definida para 1920 x 1080. Na segunda imagem, você vê o mesmo design que aparece em um monitor com a resolução definida para 1024 x 768.Apesar da diferença significativa no setor imobiliário, o design funciona em ambos os tamanhos porque o fundo centrado e o cabeçalho centralizado se encaixam perfeitamente nas pequenas e grandes telas.
Se você criar um design que integre as imagens de cabeçalho e fundo, lembre-se de que a imagem de fundo não é exibida em dispositivos móveis, de modo que a imagem de cabeçalho também deve funcionar sozinha.
