Fundamentos de Design Criativo 2077042445

Citation preview

30 >

Layout Seja para impressão ou exibição/ os princípios fundamentais do layout de página permitem um posicionamento do texto e dos elementos gráficos de uma maneira controlada e visualmente interessante em um dado espaço/ criando hierarquia e ordem seção áurea & seqüência de fibonaccí

50> grid de linhas de base

'onte '

'M-ning & ligaturas

64

154> Cor Se empregadas de forma criativa, as cores podem aumentar o interesse visual. A compreensão dos princípios de associação de cores permite ao designer controlar seu uso e maximizar seu impacto

130>

imagens coloridas

158>

136>

preto composto (bouncers/shiners)

160> cores especiais

137>

trapping

166> cores 170> controlando as cores

entrelinha

6f>

Imagem Fontes e imagens há muito tempo são a base da comunicação visual, um relacionamento forte que pode ser interpretado de diferentes maneiras

Os princípios da tipografia existem há séculos/ mas a facilidade de uso e as possibilidades ilimitadas da era digital os tornaram mais importantes do que nunca

32> layout 44>

126>

Tipografia

liifenização, justificação & espacejamento entre letras

148> manipulação de imagens 152>

- modernismo

162>

tonalidades de quatro cores entendendo as cores

imagem em movimento

'• pós-modernismo 84

anatomia dos tipos

BH

personalidade da fonte

172> conclusão

[fO • tipo como imagem W. sistemas de classificação

•..,,,.

lll

caracteres especiais

llíi

sistema de frutiger

l l

lamílias tipográficas

l/M)

detalhes da fonte

174> glossário de termos Uma explicação útil da terminologia

176> contatos

Fundamentos de Dês

126> Imagem

Tipografia

154> Cor

Se empregadas de forma criativa, as cores podem aumentar o interesse visual. A compreensão dos princípios de associação de cores permite ao designer controlar seu uso e maximizar seu impacto

Fontes e imagens há muito tempo são a base da comunicação visual, um relacionamento forte que pode ser interpretado de diferentes maneiras

Os princípios da tipografia existem há séculos, mas a facilidade de uso e as possibilidades ilimitadas da era digital os tornaram mais importantes do que nunca

'•H • fonte

130>

imagens coloridas

158>

tonalidades de quatro cores

62>

kerning & ligaturas

136>

cores especiais

entrelinha

preto composto (bouncers/shiners)

160>

64>

162>

entendendo as cores

òò> hifenização, justificação & espacejamento entre letras

137>

trapping

166>

cores

148>

manipulação de imagens

170>

controlando as cores

72> modernismo

152>

imagem em movimento

172>

conclusão

78> pós-modernismo •'i4> anatomia dos tipos 88>

personalidade da fonte

90>

tipo como imagem

96>

sistemas de classificação

174> glossário de termos Uma explicação útil da terminologia

l L4> caracteres especiais 116>

sistema de frutiger

176> contatos

118> famílias tipográficas L20> detalhes da fonte

Fundamentos de Desiqn Criativo

Sumário

Seção l

introdução O DESIGN CRIATIVO ESTÁ NO SEU AUGE. AS OPORTUNIDADES E FORMAS DE EXPRESSÃO CRESCEM À MEDIDA QUE A SOCIEDADE TORNA-SE VISUALMENTE MAIS RICA E OUSADA, E OS AVANÇOS TECNOLÓGICOS CONTINUAM EXPANDINDO AS FRONTEIRAS DO MUNDO VISUAL VIVEMOS EM UMA ERA MIDIÁTICA: SOMOS BOMBARDEADOS DE TODOS OS LADOS POR PRODUTOS E SERVIÇOS DIRECIONADOS A NICHOS DE MERCADO, CADA UM TENTANDO CHAMAR NOSSA ATENÇÃO POR MEIO DA CRIATIVIDADE ARTÍSTICA DO DESIGNER GRÁFICO. ESTAMOS CERCADOS PELO SEU TRABALHO TANTO NO FORMATO IMPRESSO QUANTO NO ELETRÔNICO, DESDE OUTDOORS, RÓTU LOS DE XAMPUS E REVISTAS ATÉ A TELEVISÃO E A INTERNET. COM TANTAS INFORMAÇÕES DISPUTANDO NOSSA ATENÇÃO, É CADA VEZ MAIS DIFÍCIL SER NOTADO E CRIAR RAPIDAMENTE UMA BOA IMPRESSÃO. AO MESMOTEMPO, A TECNOLOGIA ESTÁ DEMOCRATIZANDO O DESIGN CRIATIVO E FACILITANDO PARA QUE OUTRAS PESSOAS, QUE NÃO SEJAM DESIGNERS, PRODUZAM TRABALHOS CONFIÁVEIS. PORTANTO, U M SÓLIDO ENTENDIMENTO SOBRE OS PRINCÍPIOS DO PROJETO CRIATIVO É DE EXTREMA IMPORTÂNCIA PARA PRODUZIR DESIGNS EFICAZES E ATRAENTES, UMA BASE A PARTIR DA QUAL A CRIATIVIDADE PODE SURGIR.

FUNDAMENTOS DE DESIGN CRM77I/OÉUMGUIADOS PRINCÍPIOS BÁSICOS, ESTABELECIDOS HÁ MUITO TE M PÓ, QUE DÃO SUPORTE TANTO AO DESIGN IMPRESSO COMO AO DIGITAL COM EXPLICAÇÕES CONCISAS E EXEMPLOS DA APLICAÇÃO PRÁTICA DESSES PRINCÍPIOS POR MEIO DE ILUSTRAÇÕES DE PROJETOS DE DESIGN CONTEMPORÂNEOS, ESTE LIVRO OFERECE UM RECURSO ÚNICO ATODOS OS PROFISSIONAIS DE DESIGN, ESTUDANTES E DEMAIS INTERESSADOS NA ÁREA.

como aproveitar ao máximo este livro Seções introdutórias

P P Q Y R P P Y P O G

M ft Y R O M

Y T R R 0O PM G R Y T

a RR

BQ i Y RR Yi RP OQ l Y e R

çiuen a visual temi. l h* ssietiion oi lhe visual form can dramaiicallyafffct the rvadabiliiy of the wrinpi idea and a nnOtfi teelniOjs towaiils it dut to the nundmh, II no( lhogsanfls oi lyprfacts avsilablc. rvccsracN/ ca n produsc a neutiai eHect or rouií tht pawofii, ijmboiis* artniic, política! oi vary from betort U" *yr •>" ctntury. whith ar* «itl vnOely gwd today.

Cada elemento do design criativo funciona como parte de um todo que compreende o trabalho ou produto. A eficácia de um elemento individual é determinada pela sua relação e adequação com esse todo. Antes de abordar os elementos fundamentais do design criativo, cada capítulo tern uma introdução que identifica os avanços e debates cruciais que fazem parte de cada uma das cinco seções do livro. Essa discussão estabelece o contexto dos princípios fundamentais a serem abordados e sua importância dentro deste.

Fundamentos • i' 'iiii'!'. colour

Entender os fundamentos corretamente é o primeiro passo rumo a um projeto bern-sucedido, mas isso exige saber por que eles são importantes. As páginas de regras fundamentais descrevem os princípios definidores da prática do design contemporâneo. Cada regra é explicada de forma concisa e exemplificada com uma ilustração diagramática detalhada que permite ao leitor ver os princípios básicos em ação e o impacto visual que eles podem ter.

Aplicações práticas Não há melhor maneira de compreender os princípios básicos do design criativo do que vê-los na prática. Os exemplos deste livro foram selecionados a partir de projetos reais criados por designers contemporâneos para destacar a aplicação prática desses princípios. As escolhas e decisões tomadas pelos designers são discutidas para que o leitor entenda por que elas foram feitas e saiba como ocorreu o processo criativo.

AO 1.188 x 840 mm

A6 148,5 x 105 mm

A5 210 x 148,5 mm

A6 148,5 x 105 mm

A3 420 x 297 mm

A4 297 x 210 mm

Al 840 x 594 mm

A2 594 x 420 rnm

Formato é a proporção e o tamanho do produto final, seja ele um livro, uma revista, brochura ou embalagem. A seleção do formato muitas vezes é negligenciada devido aos diversos formatos de papel ISO (International Organization for Standardization) disponíveis, padrão baseado em um retângulo cujos lados obedecem à razão 1:1,4142. Dispor desse conjunto definido de tamanhos baseados em relações proporcionais faz com que o designer nem sempre destine a devida consideração ao formato. A existência de uma série padrão de formatos dá um grau de uniformidade a todos aqueles envolvidos na produção impressa. Entretanto, a temática do design às vezes exige algo diferente. A seleção do formato depende de considerações práticas como o público-alvo, a natureza das informações a serem apresentadas e os custos envolvidos, uma vez que o uso de tamanhos de papel não-padrão implica gastos adicionais tanto na impressão como no acabamento. Dito isso, uma abordagem criativa à seleção do formato pode produzir resultados significativos. Com diversas opções de dobra disponíveis, o designer tem inúmeras possibilidades criativas para produzir um efeito marcante no produto final, seja ele um relatório anual ou encarte em uma revista.

Formato refere-se às dimensões físicas do produto e ao espaço disponível para apresentar os elementos gráficos de um design. Esta seção explora como formas, tamanhos e padrões de dobra podem ser utilizados no processo do design criativo para criar uma diferenciação. O formato está predominantemente relacionado à mídia impressa, mas certos aspectos podem ser aplicados ao design de painéis de sites, caixas pop-up e outros componentes apresentados na tela.

II-I..M1 ,

formatos de papel ISO Os tamanhos de papel padrão fornecem aos designers, tipógrafos e outros envolvidos na impressão e editoração um meio conveniente e eficiente de comunicar especificações de produtos e controlar custos. A origem desse padrão remonta ao século XIV na Bolonha, Itália, quando foram criados quatro formatos de papel para orientar os fabricantes locais.

A0= 1.188 x 840 mm Al= 840 x 594 mm A2= 594 x 420 mm

A3= 420x297 mm

Al 840 x 594 mm

1,61803

A4= 297 x 210 mm A5= 210 x 148,5 mm A6= 148,5 x 105 mm

O sistema moderno de formatos de papel ISO (International Organization for Standardization) baseia-se em uma observação feita pelo professor de física alemão Georg Christoph Lichtenberg que, em 1786, percebeu as vantagens de os tamanhos de papel terem uma razão entre altura e largura igual à raiz quadrada de dois (1:1,4142). Um papel com a razão de Lichtenberg manterá sua proporção quando cortado pela metade. A França foi o primeiro país a adotar tamanhos de papel equivalentes aos formatos modernos ISO, com uma lei publicada em 1794. Hoje, o Canadá e os EUA são os únicos países industrializados que não utilizam o sistema ISO. Os formatos ISO baseiam-se no sistema métrico que usa a razão da raiz quadrada de dois, com o formato AO tendo uma área de um metro quadrado. Como isso não permite que a altura e a largura da página tenham comprimentos métricos inteiros, a área da página foi definida com um valor métrico redondo, o que simplifica o cálculo da gramatura de um documento {formato x número de páginas), uma vez que o papel normalmente é especificado em g/m2.

1,61803

A série A compreende tamanhos de papel que se diferenciam dos tamanhos seguintes por um fator de 2 ou '/*. Os tamanhos da série B são intermediários e os da série C são utilizados para envelopes que podem conter artigos de papelaria no tamanho A. Formatos de papéis RÃ e S RÃ são folhas de papel a partir dos quais tamanhos A podem ser cortados. A teoria que sustenta esse sistema deriva da Seqüência de Fibonacci e da Seção Áurea, abordados no capítulo Layout.

10

Fundamentos de Design Criativo

Formatos & técnicas de impressão

Abaixo; Brochura para a Merchant, empresa especializada na

Ver Matiz e saturação

produção de relatórios anuais. Abrir mão do uso de tamanhos padrão resulta em uma combinação incomum e interessante de formatos. As informações foram divididas em cadernos de diferentes tamanhos, o que facilita a navegação. Os cadernos internos em papel de alto brilho contrastam com as cores frias da introdução, trazendo um elemento de surpresa e uma mudança no ritmo. Design: N B: Studios

The vicw Iram ilir IIS.

From RIWHÍ l" girai in ,i fi-w Irlirr*.

Rt-portüiR litnn lhe EU

The question we are asking is whether you can trust the numbers you have received from companies.'

'A combination of seeing management and reading their commentary in the annual report gives you a more visceral sense of management competence and sense of purpose looking forward. You don't get this by reading the notes on the treatment of a Venezuelan tax charge.'

Corponilr social rcspiinsibüíty. 3 dUK-mti iii.

xiiki. i. AiniiTliiuTi. •>. A siakrluililcv 3. A iwr.

impressão tipográfica A impressão tipográfica é um processo em que uma superfície entintada em alto-relevo é pressionada contra o papel. Foi o primeiro método de impressão comercial e é a origem de muitos termos na área de impressão. A superfície em alto-relevo que realiza a impressão geralmente é composta de tipos individuais/ mas chapas fotogravadas também podem ser utilizadas. A tipografia é caracterizada pelas bordas nítidas e precisas das letras e pela margem de tinta mais densa. Um defeito da tipografia atrai bastante os designers modernos. Quando os tipos são entintados de forma incorreta, aparecem ranhuras nas letras, o que lhes dá uma singularidade, tornando cada impressão sutilmente diferente (ver abaixo).

Esse defeito pode ser usado para evocar a nostalgia dos velhos tempos. Os pôsteres inspirados no circo para a Royal Academy of Arts (direita superior), criados pelo estúdio Abbott Mead Vickers • BBDO, foram compostos e impressos pela Forme London utilizando uma combinação eclética de fontes originais de xilografia.

12

Fundamentos de Design Criativo

Formatos & técnicas de impressão

THE ROYAL ACADEMY OF ARTS

The President and Council of the Royal Academy of Art s invite you to the

Press View 1900: Art at the Crossroads Wednesday 18 Jauuary 20OO lOam to 2pm BATTLE OF THE HEAVYWEIGHTS*

Admit One Tours of the exhlbition will be given at lO.3Oam and Ipm Koyui Aoademy ot Arta, fiooadilly, 1-oiidon W1V ODS Iblepbone 0171 SOO B815 Fax 0171 300 B886

The exblbltlott Is open to the public fi-om 16 Jtunmi-y to 3 AprU BOOO Opcn dnily fíoro lOam to Cpm Late Ni K ht Openi n g uatll S.SOpm erery Friduy Spoiisored liy

CANTO?

ÍTfw J9*Uc

*** PLUS SUPPORTING BOUTS *** When modem an challenecil lhe esuhlishmetit. 119 O O. ART |'CBQSSRDMS l

Acima: A singularidade das impressões individuais pode ser utilizada para produzir resultados simples e eficazes, corno nestes pôsteres criados pelo estúdio Forme London. Design: Abbott Mead Vickers • BBDO, impresso pelo Forme London

l imdamenlos •

MU

' M.lIlUU

Formatos & técnicas de impressão

Twenty-First Centurv Classic

l

l

l

TT-

O ,fc±p

& R

"h "n > "s ^ "h °B "h "B

D

h n

@

n

H

.P ^^r^ .^ UH .TT.)Í .H ,» T "e "h ."ft a > > ]n [§ ^ ' hn -T

(1E7T

h

f

> _H X

Ps

H .B > ft

n ^ ?

n h n T -

n n fY

h H ir I

A direita e acima à direita: Quatro designs em arte a traço da série Classic. Destaque para a cadeira Harry Bertoia Diamond, cuja rede que serve de encosto é representada por números que criam "uma nuvem de pontos" Cpoint cloud, uma opção de exibição em aplicativos de desígn 3D), o que sugere tecnologia avançada, embora eles apenas contem as intersecções da rede. A combinação do prático com o elegante é essencial à logomarca da Knoll. Design: NB: Studíos

acabamento

Fotografia de 4 cores

Fotografia de 4 cores com verniz de máquina

Imagem monocromática

Imagem monocromática com shiner a 60% e verniz

Alto-relevo

Corte especial

A impressão em alto-relevo produz uma imagem elevada no suporte utilizando um molde metálico que o pressiona a partir de baixo. Inverter esse processo e pressionar o molde a partir de cima do suporte resulta em uma imagem rebaixada chamada baixo-relevo. O relevo seco não usa cores e produz uma aparência sutil de tom sobre tom. (Veja a capa deste livro para um exemplo de impressão em alto-relevo.)

Um corte especial é feito com um molde de aço utilizado para cortar ou vincar formas irregulares em um suporte. Esse molde, chamado faca especial, pode ser usado para modificar o formato de um projeto ou para inserir um design no corpo do mesmo. Vincar um suporte permite que ele seja facilmente dobrado em uma determinada posição, rasgado ou destacado.

Verniz de reserva

Hotstamping O hot stamping é feito com uma folha metálica, ou filme colorido, pressionada sobre um suporte utilizando calor e pressão. A maioria dos livros de capa dura com sobrecapa tem o título impresso em hot stamping na capa.

O verniz de reserva é um verniz líquido que serve tanto para proteger um suporte impresso como para realçar sua aparência. Ele pode ser aplicado à página inteira ou a partes específicas por meio de uma chapa de impressão separada. Ver páginas 17, 20, 21, 24, 25, 28, 29, 32

Serigrafia

Revestimento U V

Uma serigrafia é a impressão direta de um design sobre a superfície de um suporte, normalmente utilizando tinta.

Um verniz UV é um líquido aplicado a um suporte impresso que é colado e curado com luz ultravioleta. Ele é aplicado da mesma maneira que um verniz de reserva e cria um revestimento denso, ligeiramente elevado e reflexivo.

20

Fundamentos de Design Criativo

Formatos & técnicas de impressão

r

i

;

Verso do cartão de visita do Studio AS, mostrando a impressão de um baixo-relevo. Lorem Ipsutn, texto falso padrão muitas vezes utilizado no design inicial de layouts, é adotado na peça impressa final, com o A e o S da identidade do estúdio em destaque. Design: Gavin Ambrose/Matt Lumby

O estúdio Clase, de Barcelona, criou o catálogo para a coleção de calçados de 2003 de Pedro Garcia. Foi utilizado um papel-cartão com espessura suficiente para aceitar um baixo-relevo denso. O imediatismo da embalagem tipo mostruário é comunicado utilizando um fecho de fixação simples, indicando que o conteúdo é recente e feito sob medida. Design: Clase

A mala-direta feita para angariar fundos para a ampliação, proposta por Daniel Libeskind, do Victoria and Albert Museum tem uma estrutura tridimensional. Quando aberta/ a embalagem revela um modelo da complexa construção em espiral contínua de 24 planos: u Se a melhor maneira de entender uma construção é olhando um modelo, então vamos enviar um modelo às pessoas", explica Johnson Banks. Design: Johnson Banks

Quando falamos em mídia impressa, normalmente pensamos em revistas e pôsteres. As cartas de taro criadas pelo estúdio Baba fornecem um meio único de empacotar o conteúdo. Em vez de serem encadernadas como um livro ou uma revista, as páginas são guardadas em uma caixa. Design: Baba

22

Fundamentos de Design Criativo

Formatos & técnicas de impressão

resolução de imagem O espaçamento dos pixels em uma imagem determina a sua resolução, que é medida em pixels por polegada (pixels per inch - ppi), também chamado ponto por polegada (dots per inch - dpi). Quanto mais alta a resolução/ maior o número de pixels na imagem. Uma resolução mais alta significa que uma imagem pode conter mais informações e, assim/ transições de cores e detalhes podem ser gravados em maior quantidade. Inversamente/ uma imagem com baixa resolução, em que uma quantidade insuficiente de informações foi gravada, pode parecer pixelada. O número de pixels em uma imagem é fixo/ por isso a resolução diminui à medida que uma imagem é ampliada. Os monitores têm uma resolução de 72 dpi/ portanto/ a maioria dos elementos gráficos Web é produzida nessa resolução. O download de imagens em baixa resolução também é mais rápido/ embora elas não sejam recomendadas para impressão. Revistas devem ser impressas em no mínimo 300 dpi/ mas algumas podem imprimir em 1.200 dpi/ 2.400 dpi ou mais. Vetores

Pixels Uma imagem composta de pixels só será reproduzida corretamente em

Como vetores são um processo matemático, eles podem ser

um determinado tamanho. Qualquer ampliação provocará uma redução

ampliados infinitamente sem perda de qualidade ou resolução.

da qualidade. A imagem abaixo está em 300 dpi a 100%. A da direita

Essa ampliação em 1000% de uma parte do pôster na página 19

está ampliada no mesmo tamanho, mas com uma resolução mais baixa

mantém a clareza do texto e das linhas.

de 72 dpi, mostrando a degradação da qualidade.

24

Fundamentos de Design Criativo

Formatos & técnicas de impressão

Capa do catálogo Jerwood Applied Arts Prize 2002 Textiles. Urna única linha de pixels é alongada para criar uma imagem abstrata. A ambigüidade do elemento gráfico resultante é usada como uma identidade geral para a coleção, em vez de em apenas um trabalho. Design: N B: Studios

royal college of art Briefing

Resultado

Recriar o material de divulgação da Criticai & Historical Studies Lecture Series do Royal ColSege of Art, Londres.

Um material de divulgação que utiliza uma estrutura de cores simples e fundamentada. O formato é flexível o bastante para acomodar inúmeras palestras variadas - e ao mesmo tempo simples o suficiente para manter a consistência e tornar o material amigável.

Processo Cada pôster/folder utiliza uma cor PMS diferente para distingui-lo dos outros, uma vez que os títulos são extensos e confusos.

Acima: Hierarquia clara de texto utilizando três numerais para representar os três passos que os alunos precisam seguir ao escrever uma dissertação.

Abaixo As dobras dividem o design e as informações apresentadas. Aqui vemos duas maneiras de lidar com isso. Os guias de dissertação tem cinco dobras-sanfonas paralelas que os tornam fáceis de abrir. As divisões físicas formataram a folha em páginas menores sobre as quais vários elementos são posicionados.

26

Formatos & técnicas de impressão

Esquerda: Verso do pôster/folder aberto (mostrando as linh de dobra) e seu tamanho mais amigável quando dobrado. Direita: Lado interno do pôster/folder aberto.

CRInCAt AND HISTÓRICA!. STUD^S COLLEGE 1YIDE LECTURE

OF THE FORTHCOMING PHOGHAMME. THESE LECTLJR

S REPRESENT THE SECOND TERM

'ENTOFTHE

OKN TO ALL OTHER MEMBERS OF T

Ei UI THE LECTUftES ARE ALS

WQUIHEO TO

FIRST YEAR STUOENTS ARE

J POSSIBLY CAN- YOU MUST REGISTEI

WEEK S AND THEY ARE EACH

TIMETABLEO FOR A D I F F E H t N l OAY.

AS W1DE A PARTICIPATION AS

POSSIBLE. PLEASE NOTE THAT THE l

SERIES

IEBM. BUT PATHI

1

THE COl.LEGE WIOE LECTURE

IUESDAY3. TO ENCOUHAOE

OBITY OF LEC1

IT IN THE S6CONQ WEEK OF

Of4 THE 9AONDAY OF THE FOLLOWINÜ

COMMEM

Rlf S PEHFI1HW A SPECIAL ROLE '

«N THE CUUURAL LIFE OF THE COLLI

ALL COURSES AND SCHOOLS TO

FOR STUDENTS FROM ACHO!

TH THE EXCEPT1ON OF

EET ANO EXCHANGE IDEAS. THRV AR THA1 ftAN L

HUMAMTIES PROGRAMME

.Y CROSS-mSCtPlINARY AND TH*

INTENTIilNAU.

PRESENTING

CHS HÁS *LSO OOGANISED.

HE SUBIECT FOR THtlB HUMAMTIES

THEY HELP TO

EftM ENTITLED

THE THEMES THAT WE l IUCTURAL INTUITIONS - GUESStNO A

STS , AND NEW NETWORKS'. THE FUI

Direita: Verso do pôster/folder nn diferentes cores especiais.

Ver Cores especiais

Ainbrose

CRÊATE CQNVEHSAIIONS

ABOUT THE LINKS

THE POTENTIAi TO SMRK OP

SRRING TERM.

P» R T O F THE CQU.EGE. B T TS FOI1 THE CHALLENCE OF

«CT1TIQNERS IN DIFFHtENT FIELDS. W

THE SERIES WILLCONSIST OF 6EVEN CHAIRÍD DEBATES BETWEE

COONItlON'

DESIONED TO EXPAND THE

DISSERTAT1ON.

THE LECTURES ARE DESI6NEO

.TS, REFLECTING THE CURHENT l

'IMAGINING ÍHE UNIMAGINAi Lt

GE, PROVID1NG THE FOHUM

>T TERM. B V DEALING WITH

E GULBENHIAN FOUNDATION. A 5HORT SERIES OF PUBLIC EVENINQ

COLLABORATION WITM THE CALOUS

L EKTUHE5 FOR THE SPRINO UCIWEEM ARTISTS AND SC[E

Di",n|ii;

WILL APfEAL TO STUOENTS FROM A)

ISSUES ANO APPHOA ^HES,

SU ECTINO ANO OEVELOPIKG

CONCUISIONS'. 'MÃO SCI EM

FOR *OUH CHOSEN C1PTION

C TERM. USINC THE REGISTf RS SUPPUEO tO EACH STUDIO ÁREA. EA H SERIES WIU. HUN FOR 7

IN THE FIRST WEEK OF THE !

SUBJECTS TMAT ARE

FIHST YEAR M* STUDENT5.

HE LECTURES IN ONE OF THE SI X PR

ATTCND AS MAN l OTHCRS A

ALTHOUGH VOU ARE WELCON

Ft

ECOLLEQE.

DETAILS OF THIS PROGRAMME WIU I

O pôster/folder usa as dobras de uma maneira semelhante para as informações impressas na parte externa. Essencialmente, os dois itens utilizam dobras para criar "um livro" sem usar um método de encadernação. O outro lado do pôster/foider ignora as divisões das dobras e as informações são dispostas na folha inteira. Quando dobradas, essas informações não serão visíveis, mas quando desdobradas, elas formam um pôster.

.E IDEAS ANO WORK HAVE WILL 1NVESTK3ATE INCLUOE: D CQNNECTING : 'ORAWING

ADVERTISED EARLY IN THE

O folder tem 16 páginas com uma dobra paralela e duas dobras em ângulo reto. Esse formato é muito utilizado para grades horárias de transporte ou mapas, pois é simples de abrir, as informações apresentadas são fáceis de visualizar e o material pode ser dobrado em um tamanho de bolso mais conveniente. Nesse caso, o item pode ser utilizado como um pôster de parede quando aberto ou como um guia de bolso quando dobrado.

escolhendo um formato de página Teoricamente/ um designer pode utilizar o formato de página que preferir/ embora o impacto visual possa ser questionável. Criou-se um corpo teórico que divide e define o espaço em uma página de forma lógica/ fácil de trabalhar e que/ sobretudo/ cria proporções agradáveis ao olhar. Para o designer/ ter vários formatos de página à disposição com proporções atraentes economiza tempo e é um bom ponto de partida para qualquer projeto. Esquerda: Layout clássico, cujo pioneiro foi o tipógrafo alemão Jan Tschichold (1902-1974), baseado em um formato de página com proporções de 2:3. A lombada (a) e as margens superiores (b) são posicionadas como um nono da página. A simplicidade dessa página é criada pelos relacionamentos espaciais que "contêm" o bloco de texto.

Formato de página Embora um designer tenha a liberdade de optar por qualquer formato de página, há considerações práticas e econômicas que influenciarão essa escolha, como desperdício de papel e o custo de cortar formatos não-padrão. A existência dos formatos de papel ISO (International Organization for Standardization) proporciona urna variedade de tamanhos de papel que, apesar de ser pouco original, funciona e está disponível.

O grid cria proporções harmoniosas: a margem interna (c) tem metade do tamanho da margem externa (d), enquanto a altura do bloco de texto (e) é igual à largura da página (f).

Ver Formatos de papel ISO

Avanços no layout

Jan Tschichold deixou a Alemanha em 1933 e trabalhou na Suíça como tipógrafo até

Por mais de mil anos, formatos de página foram construídos utilizando pentágonos, hexágonos, octógonos, círculos, quadrados e triângulos. Os primeiros escribas e tipógrafos, influenciados por fenômenos orgânicos como a construção hexagonal do favo de mel e as estruturas pentagonais encontradas no crescimento das flores, utilizavam essas formas como a base dos formatos de página. Essas estruturas também eram a base para determinar a área ativa na página na qual o texto e os elementos gráficos seriam posicionados.

28

Fundamentos de Design Criativo

1946. Entre 1946 e 1949 ele viveu e trabalhou na Inglaterra supervisionando a recriação tipográfica da Penguin Books, uma editora em expansão na época.

Formatos & técnicas de impressão

Geração de tamanho de página

l - Layout de Pentágono Alto

Acima; A página de pentágono alto é construída dividindo-se verticalmente um pentágono girado/ o que resulta em um tamanho de página que, quando dobrado/ cria uma página dupla.

2 - Layout de Pentágono Truncado

3 - Layout de Pentágono Curto

Acima: A página dupla é então dividida a partir do canto inferior esquerdo até o canto superior direito, do direito inferior até o esquerdo superior/ do esquerdo inferior até o centro superior e do direito inferior até o centro superior. As larguras do cabeçalho e da espinha são então inseridas para completar os pontos de ancoragem necessários para o bloco de texto. Estes normalmente baseiam-se em uma divisão da altura, isto é, doze avôs.

Acima: O layout resultante dá uma indicação básica da posição da mancha gráfica principal ou bloco de texto. Esse processo pode ser repetido para criar diferentes formatos de página utilizando áreas distintas do mesmo pentágono (veja abaixo).

Layout é o arranjo dos elementos do design em relação ao espaço que eles ocupam no esquema geral do projeto. Também é chamado de gestão da forma e do espaço. O objetivo do layout é apresentar os elementos visuais e textuais de uma maneira clara e eficiente ao leitor. Com um bom layout, um leitor pode navegar por informações bastante complexas tanto na mídia impressa quanto na eletrônica. O layout aborda as consideraçõespráticas e estéticas do projeto, por exemplo, onde e como o conteúdo será visualizado, seja o formato uma revista, um site, um gráfico de televisão ou um frasco de xampu. A disposição dos vários elementos no layout é orientada pelo uso de um grid, uma série de linhas de referência que permite o posicionamento rápido e preciso de itens que asseguram uma identidade visual consistente ao longo das páginas, ou de um item a outro em diferentes tipos de produtos.

•

O layout, orientado por um grid, pode produzir designs interessantes e elegantes, mas a obediência rígida ao grid pode sufocar o design e obstruirá transmissão das informações ao leitor. É importante obter uma aparência ou sensação de equilíbrio em uma página, o que significa que haverá ocasiões em que será necessário ultrapassar os limites do grid. Esta seção explica os princípios básicos do uso do grid e explora corno vários padrões de grid podem ser utilizados para apresentar diferentes tipos de informação.

layout Layout é o posicionamento dos elementos em uma página. A forma como os elementos são dispostos tem uma grande influência sobre o impacto visual e também sobre a transmissão de informações ao leitor. O layout é influenciado pelo material a ser apresentado/ pelas preferências do cliente e/ naturalmente/ pela criatividade do designer. A maioria dos designers utiliza um grid de linhas de base/ de diferentes graus de complexidade/ para facilitar a disposição dos elementos e criar algum tipo de ordem,

A imagem acima mostra o grid utilizado em uma publicação para a BDP. As colunas verticais e os campos horizontais fornecem várias opções para a disposição dos elementos gráficos e textuais, possibilitando que a continuidade seja mantida de uma página a outra.

Design: Gavin Ambrose para BDP

32

Layout

Fundamentos de Design Criativo

Fallout from Chernobyl

Thc Ssxoud Wírfkl Wij disp-.TK.J popuhli^ns .ui£i^> l uropc and th*- AmcrKJV '.,< ~ iakfí was d uri, pjrlKlc«f H wben. w \.U an im Satunlay lh Apnl l^tlf,, riu Uv. .„>'. l i i. .,•,. r l l M m [hc 1'L,.,,,,,. .•vpkxinl tolhwmK an crrnr in lhe shutJown proccdurc m W.xk 4 h ii dcit from lhe bticl diatm (et wro« wttcn ht vniictl lhe «it in |W5, lhat Invn.nl i li(iin.l'il ,ir.l nrarby Pnpyai iwrt still lockrd in unir l" ihi- rwnls o( mt,; 1U-. slmpt. i Lu v.- hnicl, > fcmi whccl in [hc diüincc. »c climbcd ou I of lhe ran inio lhe .iltni city. l In.n .1,1,1- .il cmplv unido» s lookcd down .11 m. Tckphnnc boia ui «i ihr sina comer*. Wt Haihcicd untkr :^-.r. .„.,., «onrnmcni huildmii ,1.,.., ».u n h . h r, .i.) INTO l II l In : .JM- Presidem Goih.chcv „•..,! ihit u ,ui i of hn pcrcMr.iika tpt-nbci IR ihc hiuunc raolunaiH ot ihí XXMI Pin) Cunicnu. l in uni.' A irui-t rumhJLil m lhe ,fi ,[.T, - '• tlearly mpundiiiR hrn to iht K) km cu.-lui»n tnm aniund Chcrnubyl, ^knl of .n, • 1,1 K* k" k ..-IL.I »lu.l, n» «nr ...«U n.. The fheimi ,.i M»MMqMVMi ^nd rhc irjiislorm.tnon