Software usado na criação de Comps e Websites

Antes de começar a projetar um Web site, você deve se familiarizar com as ferramentas padrão da indústria de software web-gráfico. Embora haja um número de ferramentas no mercado que podem ser mais adequados para o guerreiro fim de semana, os listados aqui são os padrões de qualidade profissional utilizados por todos os órgãos e in-house lojas. Eles são caros, e podem ser adquiridos separadamente ou em conjunto, em suites. Observe que todos os produtos listados aqui são de Adobe Systems. (Adobe tem sistematicamente comprou os puros-sangues de software web-design.)

Photoshop

Para criar, editar e manipular bitmaps, nenhuma outra ferramenta no mercado detém uma vela para o Photoshop. O problema com o Photoshop, no entanto, é que aprender a usá-lo em sua plenitude é semelhante a aprender a pilotar um jato jumbo. Além dos anos, pode tomar para dominar completamente o poder do Photoshop, você também tem que lidar com um preço exorbitante.

A maioria dos web comps, como modelos de página são chamados na indústria, são construídos em Photoshop. É a agência e em casa de normalização a maioria dos desenvolvedores esperam para ser entregue Photoshop Compensações antes de construir o site real. Normalmente, há um arquivo de Photoshop por modelo de página da web. Photoshop permite que você faça uso extensivo de camadas e conjuntos de camadas, mantendo distinta (e ajudando a organizar) todos os componentes que compõem o seu design.

É uma prática recomendada para nomear e organizar suas camadas para que outros designers podem fazer sentido do seu documento.

Fogos de artifício

Fogos de artifício é uma grande ferramenta de software de gráficos porque é propositadamente construído para a criação de composições web. Infelizmente, ele só não tem realmente pegou como um padrão em agências de design e in-house departamentos. Isso é uma vergonha, porque uma única página da web miniatura - com todas as suas camadas - em Photoshop pode ser arquivo 24-100mb. Essa mesma página exata no Fireworks seria a sorte para empurrar 3MB porque utiliza uma mistura de vetor e de bitmap. Esse é um arquivo que você pode enviar um e-mail como um anexo para clientes e desenvolvedores.

A única vantagem que Photoshop tem mais de fogos de artifício está no aprimoramento de imagem bitmap e manipulação. No entanto, você pode fazer todas essas coisas no Photoshop e depois importar o resultado para o Fireworks para trabalhar em seu layout web. Você também pode exportar o seu arquivo Fireworks como um arquivo em camadas Photoshop, Photoshop ou importar arquivos em camadas, para que ele tenha uma boa versatilidade.

Illustrator

Illustrator está aqui só porque é o padrão para a produção de gráficos vetoriais. Muitas vezes você vai precisar para criar ícones personalizados, botões, ou ilustrações em web design, e é mais fácil de usar o Illustrator para tais tarefas. Você pode então importar estas ilustrações em Photoshop ou Fireworks para dobrar em seu comp web.

Todas as composições web são construídos e montados em ambos os fogos de artifício ou Photoshop. Illustrator apenas contribui peças gráficas ou é usado para criar gráficos web individuais poderá exportar em vários formatos da web, incluindo SVG, PNG e JPEG.

Flash

Flash permite criar aplicações altamente interativas da web com ActionScript - sua robusta linguagem de script - e animações de design que aproveitam os tamanhos dos arquivos apertados, bem como a escalabilidade de gráficos vetoriais. arquivos Flash pode ser incorporado directamente na sua página web. Flash filmes pode ser tão interativo e complexo que você pode construir toda uma experiência site apenas com o Flash. A página HTML apenas apresenta o arquivo Flash e Flash assume a partir daí. Se você quiser um site que mostra vídeo ou tem recursos interativos, como o site na figura a seguir, você vai precisar do Flash.

Dreamweaver

Dreamweaver não é um gráfico-design ferramenta- é para a construção de páginas HTML e arquivos CSS. O que muitas pessoas se confundem sobre é que, por um lado, de ter sua página da web comp projetados em qualquer Fireworks ou Photoshop para olhar exatamente a maneira que sua página web vai olhar online - até os últimos detalhes de suas barras de rolagem e rodapés. Então, por outro lado, você tem desenvolvedores que deve recriar seus projetos comp em HTML, muitas vezes usando uma ferramenta como o Dreamweaver.

Por que os desenvolvedores têm que recriar seus projetos? A fim de obter a máxima eficiência de página, os desenvolvedores devem reconstruir sua página. Suas composições servem não só como fonte de arte fragmentada e disposição de seguir, mas também como a cor, botão, borda e fonte de texto necessária para calcular os estilos CSS.