guia de uso projeto gráfico tipo&grafia

18

Upload: juliana-colli-tonini

Post on 07-Mar-2016

242 views

Category:

Documents


14 download

DESCRIPTION

Guia de Uso do Projeto Gráfico tipo&grafia, editada pelo Núcleo de Identidade Gráfica Capixaba da Universidade Federal do Espírito Santo.

TRANSCRIPT

Page 1: Guia de Uso Projeto Gráfico tipo&grafia
Page 2: Guia de Uso Projeto Gráfico tipo&grafia
Page 3: Guia de Uso Projeto Gráfico tipo&grafia

GUIA.DE.USODO PROJETO GRÁFICO DA REVISTA TIPO&GRAFIA

A revista tipo&grafia registrada com ISSN número 2236-6865 é uma revista acadêmica de periodicidade anual. Organizada e editada pelo Núcleo de Identidade Gráfica Capixaba (Nigráfica) do Centro de Artes da Universidade Federal do Espírito Santo, constitui-se como um veículo de comunicação voltado para o curso de Design Gráfico desta universidade. No entanto, aborda temas nacionais e de interesse da comunidade científica brasileira e com isso, pretende ter como público alvo também alunos e professores de áreas afins como jornalismo, história, publicidade, artes, dentre outros desta e de outras universidade brasileiras.

Para dar visibilidade aos trabalhos desenvolvidos no Nigráfica e no Centro de Artes, o plano editorial da tipo&grafia prevê a utilização de editorias em formato de artigos,

entrevistas e matérias sobre pesquisas acadêmicas, para apresentar o conteúdo principal. Para dar suporte ao periódico e trazer um conteúdo um pouco mais dinâmico e de âmbito mais nacional, a revista também prevê as seções de editorial, sumário, expediente, dicas de leitura e pesquisa (Através dos Prelos), andamento das atividades no Núcleo (Nigráfica) e panorama do desenvolvimento das pesqusias nacionais (Memória Gráfica Brasileira).

Como a Revista pretende-se firmar como um periódico anual trazendo o desenvolvimento das pesquisas e trabalhos do Núcleo naquele ano, o projeto gráfico foi pensado de maneira a permitir flexibilidade suficiente para o conteúdo poder adequar-se a demanda das pesquisas daquele ano.

Page 4: Guia de Uso Projeto Gráfico tipo&grafia

TIPOGRAFIADA EDIÇÃOGUIA.DE.USO

ABCDEFGHIJKLMNOPQRSTUVWYZ

abcdefghijklmnopqrstuvwyz

0123456789,.;<>:[]{}^~`´ !@#$%¨&*()_+”

The quick brown fox jumps over the lazy dog 21pt

ITC Of�cina Sans Std book 22ptITC Of�cina Sans Std book italic 22ptITC Of�cina Sans Std bold 22ptITC Of�cina Sans Std bold italic 22pt

The quick brown fox jumps over the lazy dog 16pt

The quick brown fox jumps over the lazy dog 12pt

The quick brown fox jumps over the lazy dog 7pt

A cada edição, a revista tipo&gra�a, deverá ter uma única família tipográfica diferente para compor o nome da revista, de modo a constituir vários letterings ao longo das publicações. Tal tipografia deverá ser utilizada na capa, no navegador e demais locais onde houver a necessidade de apresentar o nome da revista como uma assinatura.

A tipo&gra�a #1 traz como tipografia da edição a família tipográfica “ITC Officina Sans Std”, projetada pelo designer e tipógrafo alemão Erik Spiekermann em 1990. É considerada uma das 100 melhores fontes de todos os tempos. A imagem da capa é uma adaptação da ilustração do artista Oseas, encontrada em uma das capas da revista Vida Capichaba na década de 1930.

Segue abaixo o lettering da edição #1.

Page 5: Guia de Uso Projeto Gráfico tipo&grafia

TIPOGRAFIAPRINCIPAL

GUIA.DE.USO

ABCDEFGHIJKLMNOPQRSTUVWYZ

abcdefghijklmnopqrstuvwyz

0123456789,.;<>:[]{}^~`´ !@#$%¨&*()_+”

The quick brown fox jumps over the lazy dog 21pt

Delicious roman 22pt

Delicious italic 22pt

Delicious bold 22pt

Delicious bold italic 22pt

The quick brown fox jumps over the lazy dog 16pt

The quick brown fox jumps over the lazy dog 12pt

The quick brown fox jumps over the lazy dog 7pt

“Delicious” é uma família tipográfica free, projetada pelo designer Jos Buivenga e disponível para download em http://www.exljbris.com/

Deve ser utilizada como fonte principal da revista para uso em texto corrido e legendas sempre alinhada à base horizontal do grid.

Também pode ser utilizada nos títulos, no corpo e alinhamento, a depender do conteúdo.

Page 6: Guia de Uso Projeto Gráfico tipo&grafia

ABCDEFGHIJKLMNOPQRSTUVWYZ

abcdefghijklmnopqrstuvwyz

0123456789,.;<>:[]{}^~`´ !@#$%¨&*()_+”

The quick brown fox jumps over the lazy dog 21pt

Fanwood regular 22pt

Fanwood italic 22pt

The quick brown fox jumps over the lazy dog 16 pt

The quick brown fox jumps over the lazy dog 12pt

The quick brown fox jumps over the lazy dog 7pt

“Fanwood” é uma família tipográfica free, projetada pelo designer Barry Schwartz e disponível para download em http://www.theleagueofmoveabletype.com

Deve ser utilizada no texto corrido dos artigos em corpo 12pt e sempre alinhada a base horizontal do grid.

TIPOGRAFIA PARA ARTIGOSGUIA.DE.USO

Page 7: Guia de Uso Projeto Gráfico tipo&grafia

largura página 21cm

altu

ra p

ágin

a 27

cm

MANCHAGRÁFICAGUIA.DE.USO

Page 8: Guia de Uso Projeto Gráfico tipo&grafia

0,78cm

PAGINAÇÃOcorpofonteestilo

alinhamento

14 ptDeliciousromancentralizadona linha guia

* sempre usar 2 algarismos

última linha de texto no grid

limite da mancha gráfica

NOME/EDIÇÃOfontecorpoestilo

alinhamento

tipografia da edição9ptboldna base da última linha do grid

SEÇÃOfontecorpoestilo

alinhamento

Delicious9ptroman em CAIXA ALTAna base da última linha do grid

A assinatura da revista aparece no navegador e deve vir com a família tipográfica da edição, ou seja, vai variar de uma edição para outra, para isso será necessário modificar o corpo da fonte nessa assinatura dependo da família tipográfica a ser utilizada.

NAVEGADORGUIA.DE.USO

Page 9: Guia de Uso Projeto Gráfico tipo&grafia

top 2cm

outside 1,2cm

botton 0,7cm

gutter 0,5cm inside 1,6cm gutter 0,5cm

3 COLUNAS 2 COLUNAS

ENTRELINHA0,5644 cm

GRIDGUIA.DE.USO

Page 10: Guia de Uso Projeto Gráfico tipo&grafia

LINHA DE APOIOcorpofonteestilo

alinhamento

8ptDeliciousromanna base da linha guia

ENTRELINHA0,5644 cm

A fonte de corpo de texto, tanto em páginas comuns, quanto em páginas de artigo, sempre deve estar alinhada à linha base horizontal do grid.

LINHA DE APOIOE ENTRELINHAGUIA.DE.USO

Page 11: Guia de Uso Projeto Gráfico tipo&grafia

PÁGINACOMUMGUIA.DE.USO

TEXTOfontecorpoestilo

parágrafoalinhamento

Delicious11ptroman0,5cmà esquerda e na base do grid

AUTORfontecorpoestilo

Delicious11ptitalic

TÍTULO TEXTOalinhamento preferencialmente

centralizado na página

OLHO*fontecorpo

entrelinhaestilo

alinhamento

Delicious19pt18ptitalicdireita

Primeiro parágrafosem recuo

EXPEDIENTEfontecorpo

entrelinhaestilo

(*preferencialmente)

última linha detexto no grid

Page 12: Guia de Uso Projeto Gráfico tipo&grafia

PÁGINAARTIGOGUIA.DE.USO

TEXTOfontecorpoestilo

parágrafoalinhamento

Fanwood12ptregular0,5cmjustificado e à base do grid

marcador ocupando 4 linhas do grid a ser

utilizado na cor que tiver correspondência com as

imagens da página

AUTORfontecorpoestilo

alinhamento

Fanwood13ptitalicà direita do último caracter do título

TÍITULO ARTIGOfontecorpoestilo

Fanwood40ptregular

MARCADOR ARTIGOfontecorpoestilo

Delicious16ptregular emCAIXA ALTA

NOTA DE RODAPÉfontecorpoestilo

entrelinhaalinhamento

Fanwood9ptregular11ptalinhado à esquerda e aberto à direita

LEGENDAfontecorpoestilo

entrelinhaalinhamento

Delicious9ptroman10ptà direita

linha guia centralizadana coluna

Primeiro parágrafosem recuo

Texto justificado pelos dois lados

O corpo do título pode variar de acordo com a quantidade de caracteres que compõe a frase. A fonte do autor deve sempre ser corpo 13pt e esta informação sempre deve estar alinhada à direita do último caracter do título, de maneira a criar um elemento padrão entre as possibilidades de composição que pode ser variada.

Page 13: Guia de Uso Projeto Gráfico tipo&grafia

EXPEDIENTEE SUMÁRIO

GUIA.DE.USO

FICHA CATALOGRÁFICAfontecorpoestilo

alinhamento

Delicious8ptromanpadrão da biblioteca

NOTAfontecorpo

entrelinhaestilo

Delicious11pt13ptroman

NÚMERO DE EDIÇÃOfontecorpoestilo

Delicious200ptroman

COLABORADORESfontecorpo

entrelinhaestilo

Delicious10pt12ptroman

SUMÁRIOLivre para

diagramação, mas recomenda-se a

utilização do título do texto juntamente com

o rórulo da seção (Artigo, Através dos

Prelos, etc)

Delicious7,5pt9ptroman / bold

No caso do aumento do conteúdo da revista, aconselha-se usar a página da direita também com as informações dos colaboradores utilizando texto nas 3 colunas e o sumário pode passar a ocupar a página dupla sequente.

Page 14: Guia de Uso Projeto Gráfico tipo&grafia

ENTREVISTADORfontecorpoestilo

alinhamento

Delicious13ptitaliccentralizado

TÍITULO ENTREVISTAfonteestilo

Deliciousbold

PERGUNTAfontecorpoestilo

Delicious12ptbold

Linha FinaPerfil do entrevistado ou

assunto da entrevistaFonte Delicious

Corpo 10pt ocupando no máximo 4 linhas do grid

RESPOSTAfontecorpoestilo

parágrafo

Delicious11ptroman0,8 cm

O corpo do título pode variar de acordo com a quantidade de caracteres que compõe a frase. A linha fina pode ocupar até 4 linhas do grid e a fonte do autor deve sempre ser corpo 13pt. Estas informações sempre devem estar centralizadas na página.Sempre deve-se usar o grid de 2 colunas para as entrevistas.

PÁGINAENTREVISTAGUIA.DE.USO

Page 15: Guia de Uso Projeto Gráfico tipo&grafia

PÁGINACRÉDITOS

GUIA.DE.USO

SEÇÃOfontecorpoestilo

alinhamento

Delicious11ptbold em CAIXA ALTAjustificado e à base do grid

REFERÊNCIASfontecorpoestilo

parágrafoalinhamento

Delicious11ptbold, roman e italic0,5cmjustificado e à base do grid

TÍTULOfontecorpoestilo

alinhamento

Delicious11ptromanjustificado e à base do grid

Page 16: Guia de Uso Projeto Gráfico tipo&grafia

A única regra para composição do lettering é que ele seja centralizado horizontalmente na página à partir do centro do retângulo. Acima, possibilidades de capas com aplicação de diferentes famílias tipográficas na composição do lettering que forma a assinatura da revista.

retângulo alinhado ao centro da página

capa utlizada na edição #1

retângulo alinhado ao centro da página

Uso da família tipográfica “Baruta”

retângulo alinhado ao centro da página

Uso da família tipográfica “Lobster”

MODELODE CAPAGUIA.DE.USO

Page 17: Guia de Uso Projeto Gráfico tipo&grafia

Ao lado, uma alternativa para a capa da edição #1 com uso da família tipográfica “ITC Officina Sans” e possibilidades de uso de famílias tipográficas diferentes para compor o lettering. Na esquerda, lettering com a família tipógráfica “Acid” e na direita, família “Lucida Sans”.

MODELODE CAPA

GUIA.DE.USO

Page 18: Guia de Uso Projeto Gráfico tipo&grafia

Este Guia de Uso do Projeto Gráfico da revista tipo&gra�a faz parte do projeto de graduação de Juliana Colli Tonini. Trabalho de Conclusão de Curso, apresentado um cumprimento às exigências da disciplina de Projeto de Graduação II no período 2011/2 para obtenção do título de Bacharel em Desenho Industrial - Programação Visual sob orientação da Profª Drª. Heliana Pacheco.

Maiores informações:[email protected]