Os fundamentos do layout da página na cs5

layout de página incorpora texto e imagens (e às vezes outras formas de multimídia) para criar um projeto em uma página da web no Adobe Creative Suite 5. Quando você está criando um design de página, você deve considerar como as pessoas vêem um layout, por exemplo, como o movimentos oculares ao longo da página para tomar o fluxo de informações. Considere também como os elementos são organizados e quanto espaço vazio rodeia.

Dois principais tipos de layout de página são impressos e web layouts. Ambos os formatos exigir que você trabalhe com muitos dos mesmos elementos.

Decidir que programas Creative Suite para usar

Existem muitas diferenças entre preparar um layout para a web e preparando-o para IMP no entanto, você vai achar que você usar muitas das mesmas ferramentas para ambos, e uma grande quantidade de informação cruza entre as duas mídias.

manipulação de imagens para a web é frequentemente feito em Photoshop. É também o programa padrão para manipular e corrigir imagens destinadas à impressão. Você pode até criar uma página para impressão e também colocá-lo on-line usando o comando Exportar XHTML / Dreamweaver no InDesign.

No entanto, você tem que fazer algumas considerações quando você postar informações online. Navegação, usabilidade, tamanho de arquivo, dimensões e capacidades de computador são considerações para a web que não são uma preocupação quando você está trabalhando para impressão. No entanto, a resolução, cores, e corte (para citar alguns) são considerações de alguém projetar uma peça para impressão, que não são preocupações para a web.

Outra opção para a criação de layout de página web é usar o Adobe Fireworks, incluídos no Creative Suite. Fogos de artifício não só ajuda a criar gráficos web, mas também oferece excelentes ferramentas de prototipagem para a web. Usando o Fireworks, você pode estabelecer estilos, construir uma página mestre, e até mesmo aplicar interatividade para suas páginas. Construção de vários protótipos de páginas com hiperlinks é uma sincronia usando Fireworks.

Projetar um layout para impressão

Quando você cria um layout de página para impressão, você tem de levar em consideração o tamanho eo tipo de papel que será usado. Às vezes, você cria timbrado com certos elementos na página que permanecem os mesmos, enquanto outros elementos (o conteúdo principal) diferem de uma página para outra.

Você também pode criar layouts de páginas que servem como modelos para um livro e usar elementos particulares (tais como balas ou barras laterais) repetidamente em diferentes formas ao longo das páginas. tamanho da página, tamanho da fonte e resolução de imagem são considerações importantes na impressão.

Modelos para página de layouts fator de dimensões comuns de papel e ajudá-lo a colocar para fora o conteúdo em áreas definidas. Por exemplo, se você está criando uma brochura, você tem que pensar sobre onde a página será dobrada e como orientar imagens e texto, de modo que eles estão na posição correcta.

Muitos tipos de modelos estão disponíveis on-line, e você pode baixá-los, por vezes, para outros LIVRE estão disponíveis por uma pequena taxa, dependendo do modelo.

Aqui estão algumas questões para pensar quando você está estabelecendo uma página:

• Usar uma grade e encaixando-a-alinhar os elementos sempre que possível. Se certos elementos na sua página não estão alinhados, você deve ter uma boa razão.

• O olho viaja na direção dos elementos da página. Por exemplo, se uma imagem de uma pessoa está de costas para o centro de um spread, o olho viaja nessa direção. Certifique-se de que o olho viaja para os elementos importantes na página.

• Siga a regra dos terços e páginas divida em três partes. Partes do seu layout deve se enquadram nessas três áreas.

  Video: Criando um layout para site com Fireworks CS5 Pt 1

resolução da imagem na tela é medida em pixels por polegada (Ppi), que se refere ao número de pixels que estão dentro de uma polegada na tela. A resolução de uma imagem impressa é medido em pontos por polegada (Ppp) - um ponto de tinta é impresso para cada pixel.

Video: Dreamweaver - Criando um site simples #2

A dpi maior significa que a imagem é mais clara e tem o detalhe mais fino, o que é extremamente importante para impressão. As imagens impressas quase sempre usar uma resolução maior do que as imagens na tela, então você pode achar que uma imagem que mede 4 x 4 polegadas tela (em 72 ppi) cópias em menos de 1 x 1 polegada (a 300 dpi).