Category: Aulas

Princípios do design

comentários Comentários desativados em Princípios do design
Por , 14 de abril de 2016 10:25

O designer, ilustrador e animador Kevin Mcmahon criou um excelente vídeo em que apresenta os princípios do design gráfico. Embora esteja em inglês, a animação esclarece muito bem do que se trata.

Os princípios animados foram traduzidos abaixo.

  1. equilíbrio: uma distribuição de pesos visuais iguais
  2. alinhamento: um arranjo que forma uma linha reta
  3. ênfase: uma acentuação da importância
  4. proporção: uma escalonamento de um objeto em relação a outro
  5. movimento: um caminho direto de movimento óptico
  6. padrão: uma repetição ordenada de um objeto
  7. contraste: uma justaposição que acentua a diferença
  8. unidade: um arranjo harmonioso dos elementos

Ligaturas

comentários Comentários desativados em Ligaturas
Por , 12 de maio de 2014 15:28

Uma ligatura é um recurso tipográfico no qual se substitui dois ou mais caracteres separados por um caractere único. A ligatura serve para resolver problemas específicos em que dois ou mais caracteres se chocam e formam uma composição ruim.

Abaixo vemos o erro que ocorre entre os caracteres f e i com a família Times New Roman e Minion Pro, em seguida a correção do problema habilitando-se a ligadura da Minion Pro.

A ligatura apresenta uma estrutura de dois ou mais caracteres ligados, seja por um traço comum entre eles e/ou alterações nos desenhos e dimensões dos caracteres para que funcionem melhor quando apresentados em pares.

Alguns pares comuns para ligatura são fi, ff, fl, ffi, ffl, fj, ft entre outros.

Exercício 4 – Relação texto/imagem

comentários Comentários desativados em Exercício 4 – Relação texto/imagem
Por , 24 de maio de 2012 16:09

Exercício a ser feito com a dupla de projeto.

Diagramar três páginas para o relatório estudando a hierarquia, proporção e unidade visual contemplando os seguintes casos:

  • Uma página em que predomine o texto
  • Uma página em que se conjugue texto e imagem
  • Uma página em que predominem apenas imagens

Anatomia de um grid: as partes básicas de uma página

Por , 9 de maio de 2012 09:36

Um grid consiste num conjunto específico de relações de alinhamento que funcionam como guias para a distribuição dos elementos num formato. Todo grid possui as mesmas partes básicas, por mais complexo que seja. Cada parte desempenha uma função específica; as partes podem ser combinadas segundo a necessidade, ou omitidas da estrutura geral a critério do designer, conforme elas atendam ou não às exigências informativas do conteúdo.

Construindo uma estrutura adequada

O projeto de um grid depende de duas fases de desenvolvimento. Primeiro, o designer tenta avaliar as características informativas e as exigências  de produção do material. Essa fase é de extrema importância; o grid, depois de pronto, é um sistema fechado, e ao construí-lo o designer precisa atender às especificidades do conteúdo, por exemplo os múltiplos tipos de informação, a natureza das imagens e a quantidade delas. Além disso, o designer deve prever eventuais problemas que podem surgir ao diagramar o conteúdo dentro do grid, como títulos compridos demais, cortes de imagens ou espaços vazios em alguma seção por falta de material.

A segunda fase consiste em dispor o conteúdo de acordo com as diretrizes dadas pelo grid. É importante entender que o grid, mesmo sendo um guia precso nunca pode prevalecer sobre a informação. Sua tarefa é oferecer uma unidade geral sem destruir a vitalidade da composição. Geralmente, a variedade de soluções para a diagramação de uma página com um certo grid é inesgotável, mas mesmo assim, às vezes é melhor transgredir o grid.  O designer não pode ter medo de seu grid, e deve testá-lo até o limite. Um grid realmente bom cria infinitas oportunidades de exploração.

Cada problema de design é diferente e requer uma estrutura de grid que trate de suas especificidades. Existem vários tipos básicos de grid, e cada qual se destina, em princípio a resolver determinados tipos de problemas. O primeiro passo é avaliar qual tipo de estrutura será capaz de atender às necessidades específicas do projeto.

Diferentes tipos de grid

Diferentes tipos de grid

Timothy Samara, Grid: Construção e desconstrução.  São Paulo: Cosac Naify,2007 p.24

20 regras para um bom design gráfico

Por , 8 de maio de 2012 10:00

Conforme o prometido, disponibilizo aqui o material da aula em dois arquivos separados:

1. 20 regras para um bom design – apresentação
2.  Comentarios sobre as 20 regras.

Lembrem-se que se trata apenas de uma síntese do livro do Timothy Samara, que considero altamente recomendável para referência posterior.

*SAMARA, Timothy. Elementos do design: guia de estilo gráfico. Ed. Bookman, 2o10

Façam bom proveito.

 

Medidas tipográficas

Por , 8 de abril de 2012 18:04

As unidades tipográficas, diferentemente de outras medidas, não costumam empregar o sistema métrico. Portanto, quando tratamos de tipografia costumamos a nos referir a pontos (pt), paicas (p), cíceros etc.

Em tipografia existem duas medidas de ponto mais conhecidas: o ponto paica (em inglês pica), empregado na Inglaterra e nos países de língua inglesa, e o ponto Didot, empregado na Europa continental.

O ponto, em ambos os casos, é o resultado da divisão da unidade em 12 partes.Há uma pequena diferença de tamanhos, sendo a paica um pouco menor que o cícero. Sendo assim:

1 paica (4,22 mm) = 12 pontos (sistema britânico)

1 cícero (4,52 mm)= 12 pontos (sistema Didot)

Unidade tipografica nos sistemas paica e Didot. Fonte usada: Gill Sans

Vale ressaltar que estas medidas foram empregadas principalmente no sistema de impressão tipográfica e diz respeito aos tipos analógicos. Os tipos digitais, por sua vez, adotam a medida em paicas, mas fazem uma adaptação em relação à unidade. Neste caso, adotam o sistema de medidas inglês e tomam a polegada como referência.  Neste caso uma paica equivale a 1/6 de polegada  (4,233 mm) e o ponto 1/12  de paica.

Aula 01 – Noções Básicas de Tipografia

comentários Comentários desativados em Aula 01 – Noções Básicas de Tipografia
Por , 2 de março de 2012 19:42

Bem-vindos meus novos alunos,

conforme já foi apresentado, este blog faz parte do conteúdo de Linguagem Gráfica para Projeto Conceito e Contexto (DSG1001) na PUC-Rio.

O conteúdo da primeira aula está disponível nesse link: http://ricardoartur.com.br/1001/files/2012/03/aula01.pdf

Quem não veio à aula e quiser tentar fazer o exerxício para a próxima aula pode acessá-lo aqui.

InDesign: ferramentas de imagem

comentários Comentários desativados em InDesign: ferramentas de imagem
Por , 2 de novembro de 2011 18:14

Mais um video de InDesign. Desta vez apresento as ferramentas de imagem:

  • como inserir uma imagem (Place ctrl+D)
  • ajustar a imagem à caixa
  • inserir imagem em uma caixa de imagem
  • contornar a imagem com texto
  • deslocar a imagem dentro de sua caixa
  • desenhar uma caixa de imagem

Coerência visual: o exemplo em um midia card

comentários Comentários desativados em Coerência visual: o exemplo em um midia card
Por , 27 de outubro de 2011 11:27

Olá pessoal,

a aluna Gabriela Pinheiro me mandou o Mídia Card dela por e-mail e quis saber os meus  comentários para que pudesse corrigir antes de imprimir e me apresentar.

Como o processo acabou um pouco exclusivo, pedi autorização dela para publicar o processo aqui. Isso porque achei que se tornou um bom exemplo para a gente discutir coerência visual, ou seja, a relação estabelecida entre os elementos imagéticos e tipográficos, assim como entre frente e verso de uma peça gráfica.

Continue lendo 'Coerência visual: o exemplo em um midia card'»

InDesign: ferramentas de texto

Por , 23 de outubro de 2011 01:38

Mais um video de InDesign. Desta vez apresento as ferramentas de texto:

controles de parágrafo:

  • alinhamento
  • indentação
  • recúo.

controles de caractere:

  • entrelinha
  • entreletra
  • hifenização.

Criação de estilos.

Panorama Theme by Themocracy