Posts com a tag:diagramação

Butterick’s Practical Typography

comentários Comentários desativados em Butterick’s Practical Typography
Por , 12 de maio de 2014 16:07

Uma super dica para quem lê inglês é visitar (e salvar nos favoritos) o site Butterick’s Practical Typography pois trata de múltiplos assuntos que envolvem tipografia e diagramação com conceitos e conselhos práticos sobre composição, escolha de fontes, boas práticas etc.

O site não se limita apenas aos produtos gráficos (impressos) como também fala de websites e como melhorar a tipografia para web.

O guia também apresenta um excelente glossário de termos e dá dicas inclusive sobre como melhorar um layout de alguns impresos comuns como:

Butterick

 

Exercício final: justificativa das escolhas gráficas

Por , 7 de junho de 2012 10:41

Escrever um parágrafo (ou mais) no final do relatório (última folha)  que explique as escolhas gráficas realizadas para o design do relatório.

Objetivo: organizar o pensamento do projeto gráfico um texto que justifique as escolhas e opções para o layout do relatório.

Perguntas que ajudam a guiar a explicação

  1. Qual o motivo da escolha do formato, do papel, das famílias tipográficas, do layout/grid, das cores e outros elementos gráficos?
  2. Essas escolhas se relacionam de alguma maneira com o projeto?

Entrega: impresso na última página de relatório + online respondendo esse post

Prazo máximo para a entrega online: 28/06/2013

Atenção, na hora de responder o post não esquecer de colocar o nome da dupla de projeto!

Exercício 3 – Diagramação do sumário

Por , 21 de março de 2012 20:28

Um sumário é o local onde estão listados as demais partes (capítulos, seções, listas, índices, anexos) de uma publicação.

Ao contrário de um índice, que é remissivo, ou seja, aparece no fim de uma publicação e tende a agrupar os temas por assunto (índice de autores, índice de palavras-chave, etc.) o sumário costuma listar apenas a estrutura da publicação. Por esse motivo é fundamental que em sua listagem apareçam as diferentes páginas em que as partes se encontram.

Exercício:

Utilizando apenas uma família tipográfica (escolham tipos legíveis apropriados para texto), experimentar três possibilidades diferentes de hierarquização da informação do sumário do relatório (ver conteúdo abaixo).  Algumas possibilidades são: variação de peso, corpo, largura, posicionamento, espaçamento.

ENTREGAR IMPRESSO!

O conteúdo do sumário será o seguinte:

Introdução; Contextualização; Objetivo do projeto; Experimentos; Partido adotado – conceito; Desenvolvimento; Construção;  Desenho do protótipo; Experimentações; Conclusão; Referencias bibliográficas;

OBS. para cada item, deve haver uma numeração de página respectiva (nesse caso será inventada).

Dúvidas deverão ser postadas e respondidas apenas no blog.

Objetivo do exercício: familiarizar-se com o conceito de hierarquização visual e as estratégias possíveis de diferenciação dos níveis do texto.

ATENÇÃO: EVITEM O USO DE IMAGENS NESSE EXERCÍCIO! 

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

Dicas para o relatório

comentários Comentários desativados em Dicas para o relatório
Por , 24 de outubro de 2011 14:15

Além do texto bem redigido e que seja capaz de expressar os diferentes momentos e o desenvolvimento do projeto, também é importante pensar o relatório como um produto de design e, que portanto,  deve possuir um projeto e uma produção cuidadosa.

Na G1 dei uma olhada nos relatórios e fiz anotações e observações para comentar com vocês. Aqui estão algumas delas:

O estilo visual do projeto é desenvolvido a partir do seu projeto

Lembrem-se disso: o projeto de vocês é único porque está sendo feito nessa relação. O produto que vai surgir, por mais parecido com outros, será único. Assim, favoreça a construção de uma identidade visual diferenciada para ele.

Portanto:

  • Não assuma a identidade visual da PUC, o brasão da universidade ou a marca não deve se destacar mais do que o seu projeto. Se quiser colocá-lo a qualquer custo, coloque-o discretamente na folha de rosto.
  • Não assuma a identidade visual do local: a academia, escola, hospital etc que vocês visitaram pode possuir um sistema de marca próprio. Entretanto a identidade do lugar não deve se sobrepor à identidade desse projeto.
  • Tome o produto como parâmetro veja a linguagem que está utilizando em seu produto, pense no público que se destina e tente traduzir em elementos gráficos de maneira a permitir o diálogo entre o relatório e o projeto.

 

Espaço desnecessário entre parágrafos

Um parágrafo pode ser separado de várias formas (Figura 1), mas geralmente nunca se usa duas linhas para separar um de outro. Ou seja, basta a quebra de linha e a definição do recurso para diferenciar o parágrafo (recuo ou espaço adicional).

 

Figura 1 - diferentes possibilidades de separação de parágrafos

Outra coisa importante é não usar dois recursos ao mesmo tempo, tal como recuo e espaço extra.

Continue lendo 'Dicas para o relatório'»

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.

Indesign: Páginas mestras & numeração

comentários Comentários desativados em Indesign: Páginas mestras & numeração
Por , 23 de outubro de 2011 01:33

Esse é o segundo video sobre InDesign.

Nele explico como editar/criar uma página mestra e como inserir numeração de páginas.

InDesign: criar arquivos e interface

comentários Comentários desativados em InDesign: criar arquivos e interface
Por , 17 de outubro de 2011 16:01

Olá pessoal,

o InDesign é um programa especializado para o design editorial (livros, revistas, jornais). É um programa que auxilia bastante no controle detalhado de texto e imagem, além de possuir uma boa integração com outros programas da Adobe (Photoshop, Illustrator, etc.)

Esse é o primeiro vídeo de uma série que estou fazendo para ajudar vocês em casa, no laboratório ou no trabalho. Começo explicando algumas noções básicas sobre a interface e alguns detalhes importantes na hora de criar um documento. Em breve postarei mais vídeos.

A regra dos terços

comentários Comentários desativados em A regra dos terços
Por , 3 de outubro de 2011 18:45

Quando falamos em composição, nos referimos à maneira como os elementos estão dispostos dentro de um enquadramento. Isso pode se referir a muitas coisas: fotografia, cinema, pintura, desenho, etc.

Se a noção de enquadramento é amplamente empregada nas artes visuais, no design gráfico não é menos importante. Quando fazemos uma peça gráfica – pôster, livro, revista, papel de carta, cartão de visitas, entre outros – estamos trabalhando com um suporte delimitado, normalmente em papel que terá suas dimensões definidas. Dentro deste suporte, organizaremos a informação (texto, imagem, texturas, cores, etc.).

Continue lendo 'A regra dos terços'»

Exercício 03 – Diagramação do sumário

Por , 24 de agosto de 2011 18:00

Um sumário é a página onde estão listados as demais partes (capítulos, seções, listas, índices, anexos) de uma publicação.

Ao contrário de um índice, que é remissivo, ou seja, aparece no fim de uma publicação e tende a agrupar os temas por assunto (índice de autores, índice de palavras-chave, etc.) o sumário costuma listar apenas a estrutura da publicação. Por esse motivo é fundamental que em sua listagem apareçam as diferentes páginas em que as partes se encontram.

Exercício:

Utilizando apenas uma família tipográfica (escolham tipos legíveis apropriados para texto), experimentar três possibilidades diferentes de hierarquização da informação do sumário do relatório (ver conteúdo abaixo).  Algumas possibilidades são: variação de peso, corpo, largura, posicionamento, espaçamento.

ENTREGAR IMPRESSO!

O conteúdo do sumário será o seguinte:

Introdução; Contextualização; Objetivo do projeto; Experimentos; Partido adotado – conceito; Desenvolvimento; Construção; Desenho do protótipo; Experimentações; Conclusão; Referências bibliográficas; Agradecimentos.

OBS. para cada item, deve haver uma numeração de página respectiva (nesse caso será inventada).

Dúvidas deverão ser postadas e respondidas apenas no blog.

Panorama Theme by Themocracy