Usando gráficos de fundo em um site

Projetando um fundo agradável para o seu site é um detalhe importante que pode adicionar um monte de polonês para o seu design. Considerando-se que você não sabe que tipo de monitor de pessoas terão ao exibir seu site, você deve levar em conta todos os cenários. Embora seja importante para garantir que todo o conteúdo principal e de navegação se encaixa dentro de um espaço de largura de 1000 pixels, o que acontece ao seu site quando ele é visualizado em um monitor grande cinematográfica? Aqui estão algumas sugestões e exemplos para que você considere:

  • Escolha uma cor de fundo sólida, de cortesia. No mínimo, escolher uma cor sólida para o fundo do seu site que complementa o design. Não basta deixar o fundo branco, porque você simplesmente esqueceu. Se o branco é apropriado, em seguida, escolha branco.

    Geralmente, cores mais suaves são melhores. Se alguém se alarga a janela do navegador e recebe uma rajada de laranja brilhante, não é provavelmente a melhor experiência do usuário.

  • Use uma telha do fundo de repetição. Criar um gráfico pequeno (pode ser de qualquer tamanho, na verdade) que pode repetir continuamente através e para baixo da página.

    Há um pouco de um truque para fazer um padrão que não tem costuras visíveis. Usar o Photoshop para colocar quatro cópias de seu end-to-end da telha em torno do perímetro do azulejo original para ver como todas as arestas line up. A vantagem de usar telhas é que, independentemente de se você está usando o código CSS ou HTML, um relativamente pequeno gráfico é tudo o que preciso para preencher uma grande área. Isso economiza tempo de download.

  • Criar uma telha de fundo que é uma faixa horizontal longa, magro. Com CSS, você pode determinar que um padrão se repete em apenas uma direção: ou x (Horizontalmente através da página) ou y (Verticalmente para baixo da página). Se você criar uma tira alto, magro, dizem uma gradação, você pode tê-lo repetir através apenas a página. Você deve, em seguida, elogiar isso definindo uma cor de fundo sólida que coincide com a cor de fundo da sua telha. Dessa forma, se os usuários rolar a página, eles não podem ver onde sua telha termina e a cor de fundo começa.

  • Criar uma telha de fundo que é muito maior do que a sua página web. Muitas pessoas pensam de azulejos de fundo como pequenos, gráficos quadrados que funcionam como um piso de uma casa. Este não é necessariamente verdade. Você pode criar uma telha de fundo que é (a) muito maior do que a sua página web, (b) é de quaisquer proporções, e (c) nem sequer repetir. Esta é uma ótima maneira de criar um # 147-ambiente # 148- atrás de seu site, e revelam uma agradável surpresa para as pessoas que alargam as suas janelas do navegador.

    Um, decorativo telha do fundo fina repete em todo o site do Hong Kong Disneyland, terminando em uma col
    Um, decorativo telha do fundo fina repete em todo o site do Hong Kong Disneyland, terminando em uma cor que exatamente (sem problemas) coincide com a cor da página subjacente.

menu