Lar Mídia social O layout de página Fundamentos da página no CS5 - dummies

O layout de página Fundamentos da página no CS5 - dummies

Índice:

Vídeo: Beginning Graphic Design: Layout & Composition 2025

Vídeo: Beginning Graphic Design: Layout & Composition 2025
Anonim

O layout da página incorpora texto e imagens (e às vezes outras formas de multimídia) para criar um design 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 visualizam um layout, como a forma como o olho se desloca pela página para absorver o fluxo de informações. Considere também como os elementos estão dispostos e quanto espaço vazio os rodeia.

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

Decida quais programas do Creative Suite usar

Existem muitas diferenças entre a preparação de um layout para a web ea preparação para impressão; no entanto, você encontrará que você usa muitas das mesmas ferramentas para ambos, e uma grande quantidade de informações cruza entre os dois meios.

A manipulação de imagens para a web é freqüentemente feita no Photoshop. É também o programa padrão para manipular e corrigir imagens destinadas à impressão. Você pode até projetar uma página para imprimir e também colocá-la online usando o comando Exportar XHTML / Dreamweaver no InDesign.

No entanto, você deve ter certas considerações ao publicar informações on-line. Navegação, usabilidade, tamanho do arquivo, dimensões e capacidades do 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, as cores e o cultivo (para citar alguns) são considerações de alguém que projeta uma peça para impressão, que não são preocupações com a web.

Outra opção para criar layout da página da Web é usar o Adobe Fireworks, incluído no Creative Suite. O Fireworks não só ajuda você a criar gráficos da web, mas também fornece excelentes ferramentas de prototipagem para a web. Usando o Fireworks, você pode estabelecer estilos, criar uma página principal e até mesmo aplicar interatividade às suas páginas. Construir protótipos de várias páginas com hiperlinks é uma sincronização usando o Fireworks.

Desenhe um layout para impressão

Quando você projeta um layout de página para impressão, você deve ter em conta o tamanho e o tipo de papel que será usado. Às vezes, você cria cabeçalho com certos elementos na página que permanecem os mesmos, enquanto outros elementos (o conteúdo principal) diferem de página para página.

Você também pode criar layouts de página que servem como modelos para um livro e use elementos específicos (como balas ou barras laterais) repetidamente de várias maneiras ao longo das páginas. O tamanho da página, o tamanho da fonte e a resolução da imagem são considerações importantes na impressão.

Modelos para layouts de página fator nas dimensões comuns do papel e ajudam você a estabelecer conteúdo em áreas definidas.Por exemplo, se você estiver criando um folheto, você deve pensar em onde a página será dobrada e como orientar as imagens e o texto para que eles estejam de frente para a maneira correta.

Muitos tipos de modelos estão disponíveis on-line, e você pode fazer o download às vezes de graça; outros estão disponíveis por uma pequena taxa, dependendo do modelo.

Aqui estão alguns problemas a serem considerados quando você está colocando uma página:

  • Use uma grade e elementos de encravamento para alinhar sempre que possível. Se certos elementos na sua página não estiverem alinhados, você deve ter uma boa razão.

  • O olho viaja na direção dos elementos na página. Por exemplo, se uma imagem de uma pessoa está voltada para longe do centro de uma propagação, 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 divida as páginas em terços. Partes do seu layout devem cair nessas três áreas.

A 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 1 polegada na tela. A resolução impressa de uma imagem é medida em pontos por polegada (dpi) - um ponto de tinta é impresso para cada pixel.

Um dpi superior significa que a imagem é mais clara e tem detalhes mais finos, o que é extremamente importante para a impressão. As imagens impressas quase sempre usam uma resolução maior do que as imagens na tela, então você pode achar que uma imagem que mede 4 x 4 polegadas na tela (a 72 ppp) imprime com menos de 1 x 1 polegada (a 300 dpi).

O layout de página Fundamentos da página no CS5 - dummies

Escolha dos editores

Como criar um módulo HTML personalizado no Joomla - dummies

Como criar um módulo HTML personalizado no Joomla - dummies

Uma das grandes coisas sobre o Joomla é o quão incrivelmente flexível é. A instalação padrão do CMS inclui 23 módulos diferentes para ajudá-lo a fazer seu site funcionar sem problemas. Às vezes, no entanto, você pode querer adicionar uma função ao seu site que esses 23 módulos simplesmente não vão cobrir. Sob tais circunstâncias, você pode querer considerar ...

Como criar um item de menu no Joomla Content Management - manequins

Como criar um item de menu no Joomla Content Management - manequins

Um item de menu determina o layout dos artigos, que é um dos aspectos do Joomla para o qual você precisa se acostumar. As páginas da Web não existem fisicamente no Joomla - elas são apenas itens no seu banco de dados - até que a página seja acessada. Quando você abre um artigo, o Joomla tira os dados necessários do ...

Como criar um novo item de menu com o Joomla! 1. 6 - dummies

Como criar um novo item de menu com o Joomla! 1. 6 - dummies

Não estresse se você precisa criar um item de menu em sua página da Web interativa - é fácil ao usar o Joomla! Gerenciador de menu. Para adicionar itens de menu a um site existente, basta usar estas etapas: Escolha Menus → Gerenciador de menus para abrir o Gerenciador de menus. Clique no nome do menu que deseja adicionar um novo ...

Escolha dos editores

Obtendo Ajuda do Eclipse - dummies

Obtendo Ajuda do Eclipse - dummies

Com a complexidade do Java e a nuance do Eclipse, você não pode esperar para lembrar de tudo. Às vezes, você precisa de um pouco mais de ajuda do Eclipse para começar sua programação. Felizmente, o Eclipse oferece ajuda geral e sensível ao contexto: para ajuda sensível ao contexto: no Windows, pressione F1. No Linux, pressione Ctrl + F1. Em um Mac, pressione ...

Software gratuito: preenchimento automático de células no OpenOffice. org Calc - dummies

Software gratuito: preenchimento automático de células no OpenOffice. org Calc - dummies

OpenOffice. org - uma alternativa gratuita para o Microsoft Office - inclui Calc, uma planilha eletrônica semelhante ao Excel. O Calc fornece uma maneira fácil de criar automaticamente uma coluna ou linha de números em qualquer sequência que você especificar. Esse recurso de preenchimento automático é útil para criar listas numeradas ou preencher os cabeçalhos de colunas e linhas de tabelas, como ...

Acessos acessíveis no modo de exibição do Prezi - dummies

Acessos acessíveis no modo de exibição do Prezi - dummies

O prezi possui dois modos de operação diferentes: Modo de edição, no qual você crie sua apresentação e Show Mode, no qual você apresenta suas criações. No modo Show, use esses atalhos úteis para tornar sua apresentação ainda mais suave. Use esta como uma lista de verificação de prática antes de começar: Use esta função: Para fazer isso: Completo ...

Escolha dos editores

Elementos HTML básicos - dummies

Elementos HTML básicos - dummies

HyperText Markup Language (HTML) é o idioma da web, onde os elementos ditaram a formatação e o estilo do seu conteúdo. Os elementos HTML compõem a codificação baixada que você vê quando você acessa uma página da Web em seu navegador da Web (como Internet Explorer, Firefox ou Safari). Aqui estão alguns elementos básicos para você ...

Usando AutoCAD DesignCenter - dummies

Usando AutoCAD DesignCenter - dummies

DesignCenter é um nome tolo para uma paleta útil, se um pouco ocupada. A paleta DesignCenter é útil para dados de mineração de todos os tipos de desenhos. Enquanto a paleta Propriedades está preocupada com as propriedades do objeto, a paleta DesignCenter lida principalmente com objetos nomeados: camadas, tipos de linha, definições de bloco (isto é, símbolo), estilos de texto e outros objetos organizacionais ...

Zoom e Panning no AutoCAD - dummies

Zoom e Panning no AutoCAD - dummies

O AutoCAD facilita a panorâmica, oferecendo barras de rolagem e panning em tempo real. Na panorâmica em tempo real (em oposição à panorâmica de finalização), você pode ver objetos movendo-se na tela enquanto você arrasta o mouse para cima e para baixo ou para frente e para trás. Claro, o ponto de vista está em movimento, não os objetos. Tanto a panorâmica quanto o zoom mudam a visualização ...