Web Design: cor, tipo e elementos gráficos

Para criar um site eficaz, você tem que seguir princípios básicos de design para a mistura de cores, tipo e gráficos. Você também deve usar o seu espaço web de forma eficiente para alcançar um layout que não é muito lotado, é viável e prático do ponto de vista de engenharia, é flexível o suficiente para exibir uma variedade de meios de comunicação, e mantém todos os elementos importantes # 147 acima da dobra # 148- - dentro do espaço visível inicial. Ufa! Isso é muito.

Aqui estão algumas diretrizes para a cor, o tipo, e gráficos a considerar para a aplicação de princípios de design experimentadas e verdadeiras no contexto da criação de sites digitais.

Escolha uma paleta de cores da marca apropriada para o seu site

A maioria das empresas que criam sites já têm uma paleta de cores da marca estabelecida e diretrizes que lhe dão uma vantagem para estes tipos de projetos. Para novos produtos ou iniciativas, eventos e assim por diante, no entanto, pode não haver um olhar estabelecida. Nesses cenários, é útil perguntar ao seu cliente para uma lista de adjetivos que descrevem o clima do local que eles estão procurando. Ou perguntar-lhes se eles têm uma preferência paleta ou aversão. A partir daí, você pode estabelecer uma paleta de cores e um conjunto de estilos que vão trabalhar para todo o site. Aqui estão alguns pensamentos:

• Luzes e obscuridades. Seu site vai sempre precisar de uma gama de valores de cor, de modo a criar um contraste. Ao estabelecer uma paleta de cores padrão para retirar, você pode ajudar a garantir a consistência e harmonioso em todo o site.

• Cor de fundo. Há realmente apenas duas opções para o fundo que vai atrás conteúdo: A um fundo claro ou escuro. Um fundo cor mid-range não irá fornecer contraste suficiente para tornar o texto e outros conteúdos legíveis. Para rico em informações e locais de utilitários, é melhor escolher um fundo claro por conteúdo, a menos que a marca disposições em contrário. Um monte de texto de cores claras sobre um fundo escuro é simplesmente difícil de ler. Isso não significa que a sua página web deve ser tudo escuro ou toda a luz.

• Cor do texto. As opções de cores de corpo cópia site e manchetes dizer um monte de profissionalismo do site. A menos que o design de outra forma exigir, evitar o uso de branco preto ou puro puro para cópia de corpo, ou as cores que têm muita saturação. Estas cores são muito fortes e podem # 147-zumbido # 148- na página enquanto o usuário tenta ler um parágrafo de texto. Em vez disso, use um cinza profundo, talvez sugerido para um tom mais quente ou mais fria. Caso contrário usar uma forma semelhante sugerido esbranquiçado. Esta estratégia permite que você escolha cores mais fortes ou mais claras para as manchetes, balas e subtítulos.

  
  Uma paleta de exemplo: luz suaves e cores escuras são na linha superior. cores da marca estão na linha do meio. cores de destaque estão na linha de baixo.
  
  Este site limpa projetado utiliza uma mistura agradável de claros e escuros para apresentar conteúdo.

Use fontes para definir o humor do seu site

Você tem que ter cuidado com as fontes, porque eles podem projetar muita personalidade. Dependendo do tipo de letra que você escolher, o seu site pode expressar nervosismo, profissionalismo e tudo mais. Assim como você escolher um esquema de cor apropriada, você também deve escolher fontes adequadas para o seu site.

Geralmente, serif fontes (tipo de letra que têm pequenas saliências nas pontas de cada letra) transmitir sentimentos de estabilidade, profissionalismo, e classe. Sem serifa fontes (sem bordas nas pontas) transmitir sentimentos do modernismo e limpeza. Na web, fontes sans-serif são frequentemente utilizados para blocos de texto corpo e subtítulos, como eles tendem a ler melhor na tela. Serif fontes, por outro lado, são frequentemente utilizados para frases curtas e manchetes, porque eles são geralmente apresentados na maior fonte tamanhos, e por isso são legíveis na tela. (É claro, esta é apenas uma linha de base. Muitos sites usam fontes com serifa e san-serif no sentido oposto.)

Use elementos gráficos de forma eficiente em web design

Em design de impressão, você pode usar elementos gráficos bastante livremente, mas em web design, grandes fotografias ou gráficos complexos que ocupam toda a página pode ser como pesado elefantes. Fotografias grandes significam tamanhos de arquivos grandes que baixam lentamente. Ao projetar páginas da web, usar grandes gráficos com moderação, e tentar reutilizar elementos gráficos (tais como estilos de botão e azulejos de fundo) sempre que possível. Dessa forma, você pode definir um conjunto padrão de estilos gráficos que os desenvolvedores podem se transformar em estilos CSS que podem ser aplicadas em todo o site. Além disso, você pode simplesmente usar o código CSS para atribuir cor e forma a elementos HTML, eliminando a necessidade de usar gráficos em tudo, e tornando-se um processo simples para atualizar um site inteiro apenas mudando algumas linhas de código. Tal uso combinado de estilos CSS e imagens podem criar um visual rico site que é eficiente para construir e manter, e que carrega rápido.