Projeto gráfico editorial

Design Suíço, o legado | Cristiano Santos | Projeto III 2011/02 1

Projeto gráfico editorialDesign Suíço, o legado

Este relatório busca apresentar os principais caminhos

e desvios percorridos, ao longo do desenvolvimento

do projeto editorial de um livro cujo tema é o Design

Suíço. Tal projeto, fora desenvolvido ao longo do

segundo semestre do ano de 2011, durante a disciplina

de Projeto III, sob orientação do Profº Jaire Passos,

com base em diferentes autores e metodologias.

Cristiano Santos

Design Suiço, o legado | Projeto III 2011/02 | Profº Jaire Passos

Cristiano Menezes dos Santos

— Josef Muller-Brockmann

The grid system is an aid, not a guarantee.


Sumário

Preparação

Geração / Avaliação

Realização

Conclusões

Bibliografia

Análise do problema / Conhecimento

Definição do problema e dos objetivos

Cronograma

Metodologia

Coleta de informações / Análises Gráficas

Análise das informações / Análises estruturais

Formato e Tamanho

Construção e definição de malhas

Tipologia

Especificações para impressão e acabamentos

Resultados

Produção de ideias

05

07

08

09

11

15

26

28

30

35

36

37

40

42


Projeto gráfico editorial para livro sobre o Design Suíço.

Análise do problema Conhecimento

Título

O projeto gráfico aqui descrito propõe um livro sobre o

design gráfico suíço e suas contribuições para o

design gráfico moderno. Além disso, será apresentado

os principais mestres que contribuíram para a criação

do chamado Estilo Internacional, proveniente do

Design Suíço.

Assunto

O livro possuirá em média 180 páginas em cores e em

língua portuguesa, apresentando o design gráfico suíço.

Tal publicação será dividida em capítulos que demon-

strarão as obras e principais mestres, bem como suas

contribuições gráficas. Os assuntos serão divididos por

período, desta forma, uma cronologia do design suíço

será construída ao longo de cada capítulo.

O projeto será desenhado utilizando como base a me-

todologia de Bernd Löbach, com o apoio de publicações

especificas sobre o tema de design editorial.

Delimitação do tema


Design Suíço, o legado.

Nome do Produto

O movimento do design suíço conhecido como Estilo

Internacional visava a padronização da forma visual fa-

zendo uso de formas simples, concretas, funcionais

e racionais, eliminando qualquer tipo de

interferência visual.

Tal movimento obteve o seu auge entre os anos de

1950 e 1970 onde designers gráficos como Herbert

Matter, Max Bill, Josef Müller-Brockmann e Paul Rand

valorizavam em suas produções a expressão gráfica

funcional e clara, objetivando que seus trabalhos

fossem compreendidos universalmente.

Até hoje, existem diversas publicações que versam

sobre este assunto, porém, nenhuma em língua portu-

guesa. Logo, a premissa norteadora deste trabalho será

a de projetar um livro que possua um sofisticado padrão

gráfico, fazendo jus ao estilo tema do livro e, ao mesmo

tempo, escrito totalmente em língua portuguesa. Isto se

faz necessário levando em consideração a dificuldade

de acesso aos livros já existentes.

Justificativa


Definição do problema e dos objetivos

Projetar um livro em língua portuguesa com diversas

informações históricas sobre o design gráfico suíço,

servindo como fonte de informação para estudantes e

profissionais da área de design gráfico.

Objetivo principal

Os objetivos secundários deste trabalho são:

• Contenplar o contexto histórico do Design Suíço ex-

emplificando cada uma de suas variantes;

• Apresentar os principais mestres contribuidores

para a construção do Estilo Internacional do

Design Suíço;

• Ilustrar as principais e mais representativas obras

criadas pelo Design Suíço;

Objetivos secundários

O público alvo do presente livro será profissionais

e estudantes brasileiros interessados da área de

design gráfico.

Público alvo


Cronograma

Setembro Outubro NovembroAgosto

Análise doproblema

Geração dealternativas

Avaliação dasalternativas

Realização dasolução do problema


Metodologia

Preparaçãoanálise do problema,

coleta de dados

produção de ideias

definição da melhor

solução

finalização do projeto

Geração

Avaliação

Realização

Bernd Löbach - Europa, 1976

A metodologia utilizada para elaboração deste projeto

baseia-se em Bernd Löbach. Tal metodologia pos-

sui quatro pilares distintos, são eles assim definidos:

análise do problema (ou, preparação), geração de

alternativas, avaliação das alternativas e realização da

solução do problema.

Apesar de Löbach dividir o processo de design nes-

tas quatro etapas distintas ele explica que tais fases

não são separáveis uma vez aplicadas em um caso

real, visto que as mesmas avançam, retrocedem e

entrelaçam-se entre si.

Segundo Löbach, esta etapa pode subdividir-se em

outras quatro outras etapas (ou verificações), são elas:

conhecimento do problema, coleta de informações,

análise das informações e clarificação do problema e

definição de objetivos.

Preparação

Já nesta etapa, Löbach subdivide-a em três partes: es-

colha dos métodos de solucionar problemas, produção

de ideias e geração de alternativas. O autor salienta a

necessidade de que o desenhador desprenda-se de

todo o conhecimento adquirido a respeito do produto,

evitando restrições ao surgimento de ideias.

Geração


Na etapa de avaliação das alternativas podemos pro-

jetar levando em consideração três diferentes etapas,

todas elas interligadas entre si, as etapas são: exame

das alternativas, processo de seleção de alternativas e

processo de avaliação de alternativas.

Nesta etapa, as alternativas geradas na etapa an-

terior devem ser avaliadas, a fim de encontrar as

que se adaptem melhor às necessidades do projeto.

Neste momento, Löbach sugere que seja respondido

as seguintes perguntas: que importância tem o novo

produto para o usuário, para determinados grupos de

usuários e para a sociedade? Que importância tem o

novo produto para o êxito da empresa?

Avaliação

Nesta etapa, podemos dividir o trabalho em 4 fases:

realização da solução do problema, nova avaliação da

solução, prototipagem e geração de documento com as

definições técnicas.

Neste momento, também é recomendado que o refino

no trabalho final seja feito, garantindo assim que o

modelo final esteja dentro do resultado esperado e,

assim sendo, possa ser apresentado para o cliente

ou público alvo.

Realização


Coleta de informaçõesAnálises gráficas

Nesta parte do projeto, serão coletados dados infor-

macionais de três diferentes livros. Estes livros foram

escolhidos devido a sua similaridade - tanto de assunto,

quanto gráfica - com o projeto de design editorial em

desenvolvimento.

Os livros aqui estudados, serão os seguintes: Grid:

construção e desconstrução, visto que o mesmo possui

uma estrutura gráfica semelhante a que pretende-

se empregar neste trabalho. Grid systems in graphic

design, devido a sua alta ordem formal, de arranjo e es-

trutural. E por fim, Grid systems: principles of organizing

type, visto que o mesmo possui interessantes soluções

quanto ao material utilizado em suas páginas.


Grid: construção e desconstrução

Número de páginas: 208 páginas

Formato: retrato, 228 x 278 mm

Encadernação: lombada quadrada

Largura da lombada: 15 mm

Capa: papel cartão 170g

Miolo: papel couché 70g

Preço: R$ 51,80

Combinação de duas famílias tipográficas diferentes e

duas cores diferentes. Título da obra sendo apresen-

tado em caixa alta na cor preta, nome do autor em caixa

baixa e na cor branca. Fundo em laranja, criando um

forte contraste com o texto em preto e branco.

Extremamente minimalista, sem a utilização de ilus-

trações ou grafismos, apenas é utilizado uma malha

fazendo referência ao conteúdo principal do livro.

Dados técnicos:

Análise da capa:


Grid systems: principles of organizing type

Número de páginas: 120 p

Formato: 176 x 215 mm



Capa: papel cartão 100g


Preço: $ 16.30

Tanto para o título quanto para o resumo do livro ape-

nas uma família tipográfica é utilizada nesta capa. Duas

cores sendo usadas, criando uma diferenciação entre

título e resumo.

É demonstrado o grid orientando a posição dos elemen-

tos tipográficos da capa, muito comum na maioria dos

livros sobre este tema. Cor do fundo bem claro, contra-

stando com a cor forte do resumo de capa.

Dados técnicos:

Análise da capa:


Número de páginas: 176 p

Formato: 214 x 300 mm



Capa: capa dura


Preço: $ 99.62

Grid systems in graphic design

Esta campa também é extremamente minimalista,

dando foco para a tipografia e para a malha utilizada

na composição do livro. Fonte Helvetica utilizada para

todos os elementos tipográficos constantes na capa.

Cor do fundo laranja forte, contrastando com o preto

utilizado no texto.

Análise da capa:

Dados técnicos:


Análise das informaçõesAnálises estruturais

Nesta etapa do projeto, será feita uma análise estrutural

dos elementos que compõem as páginas dos livros an-

teriormente mencionados. Será feito uma análise quanto

à grade que orienta a composição bem como o layout e

sua delimitação quanto aos grafismos.

Considera-se de grande importância o estudo cuidadoso

desta etapa visto que esta será muito útil ao desenhador

durante o processo de diagramação e estruturação de

conteúdo na etapa seguinte, a de geração

de alternativas.

Foram escolhidos algumas páginas de cada livro, estas

foram escolhidas por possuírem um conteúdo significa-

tivo para a elaboração do produto final resultante

deste projeto.


Grid: construção e desconstruçãoAnálise: malha estrutural


Grid systems: principles of organizing typeAnálise: malha estrutural


Grid systems in graphic design Análise: malha estrutural


Grid: construção e desconstruçãoAnálise: tipografia

1

3

2

4

Vigor DT Semi Bold

Myriad Pro Regular

Vigor DT Regular

1

2 3

4

O padrão tipográfico deste livro é constituído de mais

de uma família tipográfica, neste caso, as representa-

das abaixo.

ABCDEFGHIJKLMNOPQRSTUVXYWZ

abcdefghijklmnopqrstuvxywz

0123456789!@#$% &̈*()_+̀^?:><,.;/]~́ [=-

ABCDEFGHIJKLMNOPQRSTUVXYWZabcdefghijklmnopqrstuvxywz0123456789!@#$%¨&*()_+`̂ ?:><,.;/]~´[=-



0123456789!@#$% &̈*()_+̀ ?̂:><,.;/]~́ [=-


Grid systems: principles of organizing typeAnálise: tipografia

1

2

3

1

2 3

Univers Bold

Univers Light Condensed

O padrão tipográfico deste livro é unicamente con-

stituído de uma família tipográfica, neste caso, as

representadas abaixo.



0123456789!@#$%¨&*()_+`̂ ?:><,.;/]~´[=-

ABCDEFGHIJKLMNOPQRSTUVXYWZabcdefghijklmnopqrstuvxywz0123456789!@#$%¨&*()_+`^?:><,.;/]~´[=-


Grid systems in graphic design Análise: tipografia

1 3

2

4

1

2 3 4

Helvetica Bold

Helvetica Regular



0123456789!@#$%¨&*()_+`̂ ?:><,.;/]~´[=-



0123456789!@#$%¨&*()_+̀ ^?:><,.;/]~´[=-

O padrão tipográfico deste livro é unicamente con-

stituído de uma família tipográfica, neste caso, as

representadas abaixo.


Grid: construção e desconstruçãoAnálise: cromográfica

Elementos pictógráficos - 10%

Elementos gráficos - 50%

Elementos tipográficos 20%

Fundo da página 20%


Grid systems: principles of organizing typeAnálise: cromográfica






Grid systems in graphic design Análise: cromográfica






Análise das informações

Hierarquização dos elementos gráfico-visuais

Análises gráficas

Escala de diferencial semântico


Geração de Alternativas

A etapa de geração de alternativas, que agora será aqui

exemplificada, foi elaborada com base nas etapas de

definição, clarificação do problema e definição de obje-

tivos, previamente apresentadas neste trabalho.

Todos as alternativas geradas por este estudo foram

criadas respeitando os itens definidos através da hier-

arquização dos elementos gráfico-visuais que deverão

constar no produto final.

Produção de ideias

Alternativas para sumário.

Alternativas para sumário.


Alternativas para páginas internas.

Alternativas para abertura de capítulo.

Alternativas para abertura de capítulo.

Alternativas para capa


RealizaçãoFormato e Tamanho

Tamanhos de papel existentes (estilos

universais)

Formatos de folha A padrão ISO

Para a escolha do formato do livro produto final deste

trabalho, foi realizada uma pesquisa quanto ao formatos

de papel disponíveis no mercado internacional, con-

forme ilustração abaixo.

Após esta análise, levou-se em consideração que o

formato de folha A baseia-se no formato métrico regu-

lamentado pela ISO (International Organization for

Standardization), onde cada tamanho, é a metade do

tamanho anterior.

A0

A1

A2

A3

A4

A5A6


Além disso, o formato retrato pareceu ser o mais efi-

caz para o estilo de livro pretendido com este projeto,

esta definição foi feita levando em consideração a

quantidade de informação vs. Ilustrações que o livro

acomodará.

Levando em consideração estes fatores apresentados

previamente, e, além disso, a estreita ligação entre o

formato A com as ideias de arranjo e ordem, defendidas

pelo Design Suíço, tomou-se a decisão por utilizar o for-

mato de folha A4 para a concepção do livro.

210 mm

297 mm

Reprodução de uma folha A4 com suas

dimensões


RealizaçãoConstrução e definição de malhas

Após a definição do formato e tamanho do livro, foram

construídas a malha filosofal e a malha diagramacional

das páginas.

A malha filosofal é obtida pela divisão harmoniosa de

um espaço, seja ele quadrado, retangular, em formato

paisagem ou retrato. Objetiva-se com a malha filosofal a

divisão harmoniosa destas partes que compõem o todo,

trazendo assim uma maior ordem e arranjo aos elemen-

tos gráfico-visuais pertencentes a este espaço.

Esta etapa é de suma importância para a concretização

deste projeto gráfico, pois a delimitação das áreas de

conteúdo permitirá uma precisa adequação dos el-

ementos gráfico-visuais, garantindo, assim, a ordem e o

arranjo dos elementos.

Para este projeto, utilizou-se como base para a

produção a malha filosofal demonstrada por Haslam

(2007, p. 48). Esta malha, criada pelo arquiteto Villard

de Honnecourt, fora elaborada utilizando um método de

divisão geométrica do espaço que difere da escala de

Fibonacci pelo fato de que qualquer formato de página

escolhido pode ser subdivido.

Malha filosofal


Após a divisão harmônica de cada uma das páginas,

e a identificação destes 6 pontos acima destacados,

pode-se traçar as margens superior (12,7mm), inferior

(25,2mm), interna (23,3mm) e externa (17,627mm), de-

limitando, assim, a área tipográfica das páginas que

compõem o livro.


Malha diagramacional

A malha diagramacional divide uma plano qualquer em

formatos menores normalmente chamados de módu-

los. Os campos correspondem em profundidade a um

número específico de linhas de texto e a largura dos

campos é o mesmo que a largura das colunas.

Neste projeto utilizou-se como base as grades e os

princípios modernistas exemplificados por Haslam

(2007, p. 56). Conforme o autor, em grades que usam os

princípios modernistas, virtualmente qualquer número

de unidades pode ser formado dentro da coluna, mas

geralmente as colunas são divididas entre dois e oito.

Para a elaboração da malha diagramacional deste

projeto, foi feito a subdivisão da área reservada para o

texto em 55 linhas.

Folha A4 subdivida em 55 linhas


Após a definição de quantidade de linhas por página,

foi então definido os módulos que vão compor cada

uma das páginas. Neste sentido, optou-se pelo princípio

modernista de divisão do espaço em 32 módulos

Conforme exemplificado por Haslam (2007, p. 56), foi

feito a subtração da quantidade de linhas (55) pelas

linhas vazias existentes entre os módulos (7) e a divisão

deste resultado pelo número de módulos dispostos por

coluna (8), totalizando 6, que será o número de linhas

definidas por módulo.

Reprodução da malha diagramacional

com seus módulos, colunas e linhas


Exemplos de diversos possibilidades possíveis utilizando a malha deste livro.


RealizaçãoTipologia

A fonte que será utilizada para este projeto editorial será

a Helvetica. Desenhada em 1957 pelos designers Max

Miedinger e Eduard Hoffmann. Devido às preocupações

que originaram seu desenho, é uma das fontes mais as-

sociadas ao modernismo no design gráfico.

As medidas escolhidas para os títulos são de 12.75-pt.

de Helvetica Sans bold, o texto corrido possuirá 9-pt.

de Helvetica Sans roman com 3-pt. de entrelinhamento.

Para as legendas, será utilizado Helvetica Sans roman

com 7-pt.

Esta escala de pesos baseia-se inteiramente por meio

de escalas modulares provenientes na série Fibonacci

Não será utilizado recuo inicial nos parágrafos, porém

será utilizado uma linha vazia entre os mesmos, tra-

zendo uma maior legibilidade ao texto. O fólio é escrito

com a fonte Helvetica Sans com 9-pt, a numeração de

página será justamente posicionada à duas linhas va-

zias da margem inferior.



0123456789!@#$%¨&*()_+̀ ^?:><,.;/]~´[=-

Helvetica

Roman

CondensedBold

LightOblique

Compressed

Black


RealizaçãoEspecificações para impressão e acabamentos

Encadernação estilo brochura.

Tipo de encadernação:

Impressão digital em capa dura. 3 cores. Dimensões

relativas a folha A4 (210mm x 297mm). Acabamentos:

dobra, costura e montagem sob alta pressão.

Capa:

O miolo será produzido com impressão offset em papel

couche 120gr, costurado e colado, em quatro cores,

com previsão de 250 páginas. Dimensões da página:

210 mm de largura e 297 mm de altura

Miolo:


RealizaçãoResultados

Design Suíço, o legadoO design gráfico suíço e suas

contribuições para o design

gráfico moderno Cristiano Menezes dos Santos

Reprodução da primeira capa do livro


Reprodução da contracapa, lombada

e capa

Reprodução das páginas de dados

bibliográficos e sumário

Reprodução das páginas 4 e 5

Design Suíço, o legado

O movimento do design suíço conhecido como Estilo

Internacional visava a padronização da forma visual

fazendo uso de formas simples, concretas, funcion-

ais e racionais, eliminando qualquer tipo de

interferência visual.

Tal movimento obteve o seu auge entre os anos de

1950 e 1970 onde designers gráficos como Herbert

Matter, Max Bill, Josef Müller-Brockmann e Paul

Rand valorizavam em suas produções a expressão

gráfica funcional e clara, objetivando que seus tra-

balhos fossem compreendidos universalmente.

Até hoje, existem diversas publicações que versam

sobre este assunto, porém, nenhuma em língua por-

tuguesa. Logo, a premissa norteadora deste trabalho

será a de projetar um livro que possua um sofisti-

cado padrão gráfico, fazendo jus ao estilo tema

do livro e, ao mesmo tempo, escrito totalmente em

língua portuguesa. Isto se faz necessário levando

em consideração a dificuldade de acesso aos livros

já existentes.

Cristiano Menezes dos Santos

Design Suíço, o legadoO design gráfico suíço e suas

contribuições para o design

gráfico moderno Cristiano Menezes dos Santos

Design S

uíço, o legadoO

de

sig

n g

ráfic

o

su

íço

e s

ua

s c

on

-trib

uiç

õe

s p

ara

o d

es

ign

grá

fico

m

od

ern

oC

ristia

no

Me

ne

zes

do

s S

an

tos

ED

ITO

RA

AT

LA

S S

.A.


Reprodução das páginas de abertura

de capítulo




Conclusões

Ao término deste trabalho sinto uma satisfação enorme

por ter alcançado os objetivos propostos e também por

ter conseguido solucionar os problemas pré-definidos

no principio do projeto. É importante ressaltar que esta

satisfação perpassa os quesitos técnicos que permeiam

o desenho e adentra nas relações emocionais entre de-

signer (neste caso, eu) e o produto (o livro).

Isto se dá, em partes, pelas seguintes razões: (i) o

produto, fruto deste projeto, tem estreita ligação com as

raízes de nossa profissão, e de certa forma, pode ser

considerado um dos mais clássicos produtos industriais

projetado pelo profissional de design; (ii) o tema, abor-

dado neste projeto, é interessantíssimo, pois versa sobre

o estilo universal e desvela as origens da profissão de

desenho industrial.

Além disso, é interessante ressaltar que o conteúdo uti-

lizado no livro, fruto deste trabalho, embora muito tenha

ajudado para a concepção final, não foi o único quesito

norteador deste projeto.

Visto que este trabalho é um produto acadêmico e visa

ser o propulsor inicial para a compreensão de fatores

pertinentes ao design de livros, acredito que o tema e o

conteúdo sejam apenas fomentos para a produção de

ideias e geração de alternativas. Porém, o mesmo, não

deve servir como obstáculo para a criatividade do autor.


A metodologia empregada para o projeto deste produto

gráfico foi importantíssima para a aquisição de uma

linguagem gráfica e verbal mais concreta, dando ao

trabalho um norte e servindo como item indispensável

para a elaboração de cada uma das etapas projetuais

concretizadas ao longo do desenho.

Neste sentido, concluo que para o trabalho de Design/

Desenho Industrial, a importância da construção de

um caráter formal, simbólico e estético, baseado em

metodologia adequada, se faz necessário não somente

em seus resultados, mas sim, durante o seu desenvolvi-

mento, e isto, é o que este relatório objetivou-se

a apresentar.


Bibliografia

MÜLLER-BROCKMANN, Josef. Sistemas de retículas/

sistemas de grelhas: Un manual para diseñadores grá-

ficos/Um manual para desenhistas gráficos. Barcelona:

Gustavo Gili, 1982.

RIBEIRO, Milton. Planejamento visual gráfico. 8. ed.

Brasília: LGE, 2003.

SAMARA, Timothy. Making and breaking the grid.

Gloucester: Rockport, 2002.

ELAM, Kimberly. Grid systems: principles of organizing

type. New York: Princeton Architectural Press, 2004.

ROBERTS, Lucienne; THRIFT, Julia. The designer

and the grid. Hove: Roto Vision, 2005.

BRINGHURST, Robert. Elementos do estilo tipográfico:

versão 3.0. São Paulo: Cosac & Naify, 2005.

TSCHICHOLD, Jan. A forma do livro: ensaios sobre

tipografia e estética do livro. Cotia: Ateliê, 2007.

HASLAM, Andrew. O livro e o designer II: como criar

e produzir livros. Tradução de Juliana A. Saad e Sergio

Rossi Filho. São Paulo: Rosari, 2007.

Projeto gráfico editorial

Documents

Transcript of Projeto gráfico editorial