25
Princípios de Design Fundamentos para um bom layout

Fundamentos de um bom layout

Embed Size (px)

Citation preview

Page 1: Fundamentos de um bom layout

Princípios de Design

Fundamentos para um bom layout

Page 2: Fundamentos de um bom layout

Formas Básicas

Configurar e Formar

Page 3: Fundamentos de um bom layout

Configurar e Formar

 Formato: deve-se sempre pré-determinar qual será o formato de sua publicação.

 Por exemplo se for um jornal: tamanho tablóide, standard; se uma revista, um folheto, etc.

 Quanto ao formato, na hora de escolher também deve-se levar em conta o valor da impressão, se será em cores ou não.

 Para determinar o custo da publicação.

Page 4: Fundamentos de um bom layout

Configurar e Formar

 Depois de pensar no formato, deve-se pensar no aspecto estético e o tipo da publicação.

 Se usar imagens, o conteúdo de texto poderá ser distribuído em torno das imagens. Se for apenas texto, resultará num formato específico.

 Tem que pensar no resultado que quer obter.

Page 5: Fundamentos de um bom layout

Formas Básicas

Como usar o espaço

Page 6: Fundamentos de um bom layout

Como usar o espaço

 A localização exata dos elementos em qualquer layout é decisiva para estabelecer equilíbrio e harmonia.

 A forma como você irá dispor uma única palavra, por exemplo, pode evocar diferentes percepções.

Page 7: Fundamentos de um bom layout
Page 8: Fundamentos de um bom layout
Page 9: Fundamentos de um bom layout

Formas Básicas

Utilização de vários elementos para criar harmonia

Page 10: Fundamentos de um bom layout

Utilização de vários elementos para criar harmonia

 Quanto mais elementos, mais opções para o layout.

  Pode-se alterar tamanho, ângulo e orientação dos diferentes elementos para estabelecer o equilíbrio entre eles na página.

 Sempre tem que ter em mente qual é o elemento mais importante: o título ou a imagem.

 Veja o exemplo »»

Page 11: Fundamentos de um bom layout

But I must explain to you how all this mistaken idea of

denouncing pleasure and praising pain was born and I

will give you a complete account of the system, and

expound the actual teachings of the

TÍTULO

Predomínio do Título

Page 12: Fundamentos de um bom layout
Page 13: Fundamentos de um bom layout

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete

account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but

because those who do not know how to pursue pleasure rationally encounter consequences that are

Título

Predomínio da Imagem

Page 14: Fundamentos de um bom layout
Page 15: Fundamentos de um bom layout

• Mudança de forma com elementos integrados

Page 16: Fundamentos de um bom layout

Equilíbrio e Harmonia

Combinar e Posicionar vários elementos

Page 17: Fundamentos de um bom layout

Como trabalhar com vários elementos

 Primeiro: avaliar a importância relativa de cada elemento e o destaque necessário que quer dar a cada um.

 Comece selecionando o tipo a ser utilizado, tamanho e impacto para o título.

 Em seguida, faça a mesma coisa para subtítulos e para o texto.

Page 18: Fundamentos de um bom layout

Como trabalhar com vários elementos

 Quanto ao texto principal, também deve-se decidir o tamanho (ou corpo) do tipo.

 Quantas colunas deverá ocupar.  Qual será a relação entre o título e o número

de colunas?  As imagens se encaixam na largura das

colunas, vão aparecer reduzidas ou ocupar bastante espaço?

Page 19: Fundamentos de um bom layout

Como trabalhar com vários elementos

 Veja os exemplos de decisões que podemos tomar:

Page 20: Fundamentos de um bom layout

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rat ional ly encounter consequences that are

Título

Disposição simétrica

Page 21: Fundamentos de um bom layout

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is

Título

Disposição assimétrica

Page 22: Fundamentos de um bom layout

Exercícios

Page 23: Fundamentos de um bom layout

Configurar e Formar

 Pegue uma receita qualquer e uma ilustração, foto para a receita.

 Coloque no formato Meia carta (Letter – half), tamanho 11 pt.

  Junte os elementos que melhorem a clareza do texto

Page 24: Fundamentos de um bom layout

Utilização de vários elementos para criar harmonia

  Procure uma fotografia adequada e um texto que a acompanhe. A fotografia deverá ocupar 80%. Diagrame isto em uma página.

  Em seguida, inverta esta proporção de modo que a fotografia ocupe 20% e o texto e o espaço em branco ocupem 80%. Experimente também alterar o ângulo do texto e da imagem. Diagrame isto em outra página.

  Para finalizar, defina as suas próprias proporções entre texto e imagem e composição. Diagrame isto em uma terceira página.

Page 25: Fundamentos de um bom layout

Utilização de espaço e colunas

  Determine o formato e a orientação de sua página. Não precisa ser somente A4, é livre.

  Quantidade de páginas: 1   Selecione um texto qualquer e uma foto   Diagrame este texto e a foto utilizando estes elementos:

  3 ou 4 colunas   Foto   1 título   1 sub-título