Explore recursos de design na construção de um website

Video: Best Design Websites - Top 10 List

Quando você se senta para explorar diferentes direções web-design, você não está sozinho quando se trata de rastrear os ativos e recursos que você precisa para completar seus projetos. Uma série de recursos de design online pode vir a calhar durante o processo criativo.

Da fotografia e ilustração

Você pode encontrar praticamente qualquer tipo de foto ou ilustração que você precisa para um projeto (mesmo vídeo e clipes de áudio) em uma das muitas empresas de arquivos de mídia on-line.

Video: Wordpress Web Design tutorial: designing your top level web page templates

É muito barato para comprar imagens web-resolução para usar em suas composições, e vale bem a pena o dinheiro. Felizmente para fins de web-design, você só precisa de uma das imagens menores (cada imagem tem algumas opções de tamanho). O que você não quer fazer é utilizar as versões de avaliação gratuitas de imagens que têm o aviso de copyright estampada nelas. Isso é um tal distração para os clientes, e faz seus projetos olhar polido.

Se você fizer download das versões de espaço reservado livres de imagens apenas para ter certeza que eles vão trabalhar para seus projetos, geralmente, cada um vem com um número de imagem em seu nome de arquivo. Manter esse número de código no nome do arquivo! Se você precisa ir e comprar a imagem mais tarde (ou uma versão de alta resolução do mesmo) pode procurar pelo seu código.

imagens de fotografia digital e digitalização

Tem um iPhone? Ele tem uma incrível câmera embutida que, em um beliscão, pode capturar imagens de grande qualidade que você pode e-mail para sua máquina desktop, ajustar e redimensionar no Photoshop, e plop em seu web design em minutos. câmeras digitais high-end são grandes também, mas só tem o passo adicional de ligar o cabo de cartão de memória ou apego a tirar as imagens da câmera. Ou, se você contratar um fotógrafo profissional, normalmente você vai obter um DVD de todas as imagens para classificar através. A boa notícia é que, porque você está trabalhando com apenas 72 dpi, imagens digitais são muito rápidos e fáceis de trabalhar.

Video: 9 Web & Graphic Design Resources

A outra opção é para digitalizar imagens usando um scanner de mesa de mesa. Para scanners de mesa, sempre verificar em cerca do dobro da resolução que você precisa. Para gráficos web que precisam ser 72 dpi, digitalizar as imagens a 150 dpi. Desta forma, você capturar detalhes suficientes para facilitar a edição. Você pode aplicar zoom em detalhes que você precisa e colheita fora o resto, e você sempre pode reduzi-lo, o que elimina a granulação da digitalização. (Escala para baixo imagens faz com que percam detalhes, incluindo detalhes que destaca as imperfeições.)

Tipografia

Ao criar opções de web-design, é melhor usar o texto “grego” como um espaço reservado para todos cópia do corpo. Você não quer um cliente com foco na leitura de texto dentro de suas composições.

Para manchetes decorativos, experimentar diferentes tipos de letra no desviar-se. Você pode digitar a sua própria frase, ajustar o tamanho e cor, e ver como fica em uma variedade de fontes. O que é ainda melhor, se você direita; clique (PC) ou Control + clique (Mac) o texto personalizado que você criar no Veer, você pode salvar a amostra como um arquivo PNG transparente. Observe que quando você fizer isso, o nome da fonte está incluído no nome do arquivo para que você possa manter o controle de qual fonte é o que. Você pode então colocar o texto em seu layout web e ver como ele funciona, até mesmo alterar as suas cores ou aplicar efeitos a ele. O texto em si é uma imagem de bitmap, mas esta é uma ótima maneira de “experimentar antes de comprar.”

escovas de Photoshop

Photoshop é excelente em que lhe permite criar texturas únicas e efeitos para usar em seus projetos. Você pode pensar que você precisa baixar essas texturas como imagens de empresas de banco de imagens, mas na verdade há uma tonelada de livre e de baixo custo Photoshop pincéis que você pode baixar on-line que criar praticamente qualquer tipo de textura de sangue espirrou para a Disney pó de pirlimpimpim. Se você simplesmente fazer uma busca no Google por “Custom Photoshop Brushes”, você vai ter uma grande variedade de sites para escolher. Ou você pode procurar escovas específicas como “pixie poeira Photoshop escova.” Claro, você ainda precisa investir muito dinheiro para comprar Photoshop em primeiro lugar!

Widgets

Widgets são componentes padrão de interfaces de computador e do navegador - barras de rolagem, botões do sistema, botões de rádio, cursores, caixas de seleção, e tal. Muitas vezes você vai precisar para representar estes em seus projetos web para indicar os componentes que serão gerados pelo sistema. Ao invés de tirar screenshots e de cortar as peças, você pode usar alguns recursos online que fornecem os widgets já recortadas em fundos transparentes, pronto para ser colocado em seus projetos.

modelos de Web-design

Se você precisar de ajuda para ideias ou começando, uma série de recursos on-line oferecem modelos gratuitos ou de design web pay-per-download de qualidade variável. Há tantos sites que oferecem esses modelos que se você apenas fazer uma pesquisa no Google por “modelos de web-design”, você estará bem no seu caminho. Mesmo se você não comprar modelos online, eles são um grande recurso para obter idéias de design. Estes modelos são geralmente arquivos em camadas do Photoshop que já são configuradas em termos de resolução e dimensão, e agora é apenas uma questão de mexer com eles e personalização.