Web design: cor, tipo e elementos gráficos

Video: Curso prático de Design Gráfico #1 - Apresentação

Para criar um Web 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 da engenharia, é flexível o suficiente para exibir uma variedade de meios, e mantém todos os elementos importantes “acima da dobra” - dentro do espaço visível inicial. Ufa! Isso é muito.

Video: Curso Design Gráfico - O Segredo das Cores - Teoria da Cor

Aqui estão algumas diretrizes para cor, tipo, e gráficos a considerar para a aplicação de princípios de design experimentadas e verdadeiras no contexto de 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 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 uma visão 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. De lá, 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 de conteúdo a menos que a marca exija o contrário. Um monte de texto de cor clara sobre um fundo escuro é simplesmente difícil de ler. Isso não significa que 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 projeto de outra forma exigir, evitar o uso de branco preto ou puro puro para cópia de corpo, ou cores que têm muita saturação. Estas cores são muito fortes e podem “buzz” 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, use um semelhante sugeriu off-white. Esta estratégia permite que você escolha cores mais fortes ou mais brilhante para as manchetes, balas e subtítulos.

  
  A paleta de exemplo: luz silenciado e as cores escuras são na linha superior. cores da marca são na linha do meio. cores de destaque estão na linha de baixo.

  Video: Aplicativos de design gráfico

  
  Este site limpa projetado utiliza uma mistura agradável de claros e escuros para apresentar conteúdo.

  Video: Qual aplicativo de design devo aprender primeiro?

Use fontes para definir o humor do seu site

Você tem que ter cuidado com as fontes, porque eles podem projetar muita personalidade. Dependendo da fonte 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 tipicamente mostrados 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 na 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 pode criar um visualmente rico site que é eficiente para construir e manter, e que carrega rápido.