4a. E ÚLTIMA PARTE GRID CONSTRUÇÃO E DESCONSTRUÇÃO

Prévia do material em texto

projeto 
Catálogo de cursos 
Brochura 
Offtet 
cl iente 
Massachusetts 
College of Art 
Instituição de ensino 
Boston, Massachusetts, EUA 
design fotografia 
Stoltze Design Cecilia Hirsch 
Clifford Stoltze Boston, Massachuse tts, EUA 
Tracy Schroder 
Heather Kramer 
Peter Farrell 
Resa Blatman 
Boston, Massachusetts, EUA 
~---
Nr lu...,•• d,-t I............ 
;rtfÍ/t/(~ 
.~ 
@ 
nt ­
Este catálogo de curso se baseia em 
múltiplas idéias estrutura is para transmitir 
o ambiente experimental, investigativo e, 
muitas vezes, contestador de uma escola de 
artes. A sobreposição de imagens e fontes, 
e a integração de várias estruturas de 
alinhamento, funcionam como metáfora da 
ligação entre várias disciplinas artísticas, além 
de particularizar essa faculdade em relação às 
outras que não são de artes. 
As páginas duplas iniciais são sedutoramente 
simples. Os desalinhamentos nas colunas do 
índice e da exposição de princípios, embora 
pouco ortodoxos, apenas sugerem a dinâmica 
que está por vir. Começando pela descrição 
da cidade, cada seçâo assume qual idades 
organizativas próprias. Às vezes, algumas 
colunas de eixo central pendem do topo da 
página, às vezes, não há coluna nenhuma. 
As informações sobre o curso começam numa 
estrutura de quatro colunas que logo se dissolve, 
ignorando as li nhas de topo e, em alguns casos, 
... 
atravessando na horizontal a medianiz da V1 (Xl 
página dupla. ... V1 
\O 
o 
Fotos e obras de arte estâo dispostas em boxes 
não-retangulares ou aparecem rebaixadas sob 
o texto corrido. Não há nenhum alinhamento 
sistemático, mas as páginas se unem numa 
espécie de tensão clara e direta, em que se 
confrontam as qualidades visuais das formas 
e imagens. 
16 
estrutura 
Grid hierárquico 
desconstruido em 
múltiplas camadas 
exemplos correlatos 
I 
13 15 22 30 
36 
04 08 14 18 
20 23 31 32 
34 36 
j.)JI, 
,11 j:i
fJJ lil 
/11II 
Ihli! 
1" jil
.1/
I i 
o 
z 
c 
o 
-
"I really like science. In 
"Dingwell's o 
myteac e 
s 
Wh.M1II.....'IIrd .. _ .. _ ..... 
..~ ......\ 1U ~\~...... "ff't' ...... _ ..... ... 
.. an'1,.. ...'III*1.Ir...--._,.,.,.~ 
lhoJI"-"I<:"'.wro~~."", 
nw,·",h..Wy"1Inl1rtmlly ~ .......... 
• 1l''* ..... ...,"''''''-.. 1lwt .....~.. 
~ ...~"'lnl" ... " ..... _ .................. 
aMlIIM:tlc-'lMIJ'" 
Charting New Courses for DISCOYety 
we built a . II ::~;...:':.":".:.-.::-
learned ab =:-:::.:::::.::.::=.:
,,"1\"'''' ,nd ""'*........­
..""' .I...... u llW"w.!'\lonIn lJUfotu....., ..... 
Learning the Rig ht Stuff 
W',..,IIII'JlHMnfJ_~.~«pttI 
_mp"IU/bIII". I 
......."'.aI~lhy ..ndJt.fnlcl".l llIlII.tr"',.",~'Il lIU'''''''' 
0/,...".. 100I,DI.c~lIll11\.ndilll. I"'urn. "urNu....nb 
bn"'lM' 11M! ,li ,'''' IMJorr t\JIlunltllll y, ,~lhm~ ,mil' 
::It~I::':!'~ ,lWlr....IIUf't ...d..1I_1~.oI for 
[ ..r"'Mlr.thk1k' rr..,.mrm"'~"IoIr!ldJl.nktn 
Wh.t\r 'l"fllwtpOf'l, rl't'r)'fl!' t l\MII,.a.c.. ,mlhtlUm 
.nd"""'Y'_jIrI,~pl.tr.IIwf\'''",IIoi"ryO\l It,""hl-,,". 
"'.....I.. (u'... A.Id~III_ I~" 'Iw'OII"'l>U r IC'ilIC...,, 
WhM "'....11" 11M" ,,,"" ,I\k pbIIoMJphy" oor­
....-oonlkk,Ml' . ... U-hk'C'fll,rt'tfI'I'(1 ..... u'I..,".IId ....w 
•.aI....., ",Jd ........thn IIwy t.,~IU:., li .. , 11..1, II\c'y bn....,1C' 
' ............. I.lull 
16 
estrutura 
Grid hierárquico 
desconstruido em 
múltiplas camadas 
o 	 r,, __ _ u_m."'-rla. ........... .",n- ... 
t.tlo.t ""'t,.'" OI....... h.t\inf trW4.and Wkd. ........ nu 
~"' .m6d rhk.......,.",""" ...,"Jll'k'nI..1 
\Vh.M~ItI&munrn:li-"-'.. _"'I..... I ..... 
'I" ....,. lU C'~,.If\", IM C'\ny w.:."",.-I C'\,.." l.lItuft' 
"I really like science. In 
"Dingwell's W I hat 
myteac e 
Charting New Courses for Discovery 
Ouuldoo uf di\<. ,hef InIC'rkI ... lIh \u.lllnlt. Mfy ""t­we built a - II 	
,jInd I\QI JuM ......i. own, Ou. tt'..mr1'J ~ "MImI, ..... 
l.mUy ..,......nct. 'rI...., .nioJ r-. CVokh a """ic 
I",lIn".andWllrilwllh"uckn...idl\lf't8!l\n1dloollearned ab 
Why do l)ww ".R'J'IIIon.II lC'oIdoMI c-. .. M,,"'
exemplos correlatos JtottIMUNJ""y" ....· 
Whhl_ ........ C11/lJIIMrM IMI ..lIoIlld.KIn.~y 
r.." -" oo1th puplk CIIW-.onoClfll' I() pnMdr InGiri· 
d .... Utnt IIUInKUoo. ~llUtIluonl"'-'-'1IIwsI 1 
Iik...... .... 
MPH Ir.drn kft'p lho- ....Ild Ior lfI If;amln,. 
Ir. ou ~OIIr "'''IJ.n: IOnmptlol»l. 
13 15 22 30 
36 
04 08 14 18 
20 23 31 32 
34 36 
z 
c 
o 
8:"1.... .. , " .. ....... 
Wl' d ........ 1t hm ..Ilh ,,'u.-..nd ,1101';10; 1<'1 " hltr.n 
.......1fI l.bo.... tMI.... quall1 lnlnnur ..~m" 
Learning the Rig ht Stuff 
IV,,,,,,,.,, fJw4mtJ _ /tmfPm. alld ap«I IMHtrtJPMH/IIIllty. 
II ...... Ml~"lilr·ndllfflklJMIII>III.fl''''~'IIuutol''.' 
uf (~ !UI>, 00 {~I1 IIU. MIl 01'1. In IIm~ ou. "'''''111, 
br\'UlMp.lllul llw"tJIIL'rl'Ul'''"lIIll1y.voIunk''n1n,lhl'lr 
:;::rtt~I:::.::!~' ,lHIdcit·"'lIl"'."" aI'''lm,~ f 
[ wI'noMlrMhlrtlo; ,N"0'll, .m ..mplt.1l1l""WlJ1ki,WlilOII , 
W~I.'n"'llwltlOlI..r.,..I')'Ut'C'Iuo· 'rlM"""ltw ll"'''1 
.ndl'\'1,"I')UWJll'h l"pLtY,IMn-"n' n(llryuul.. nulll.'.n· 
...... lt.I'" ...... Ao,", 101111 ..... JUa .I' ,ho,- I....' ui 1011 ' "'~lU:t 
WhMM~""n lnollll"~),rlNr_ 
...1I ·""II\ik"Ma'" ... 1I·...'.TfII, Wlpntloll' Ulho'«.nd .... 101 
~,hln" Ao'" """11,," Ihry I .., k k , li ,..., ' ''''''I....''''1e' 
,, !Iof '"'." kl" " 
--------
---------
--- -
---- ---
cliente design 
Manlius Pebble Hill Timothy Samara 
School Nova York, Nr, EUA 
Instituição de ensino 
particular 
Siracusa, Nr, EUA 
~_..- ...-.._­
.... _-
--_
.._-­
.._-­
... _---_... ..­~--_.__ .._­
_._--....­
'Weha ---­
th 
fr 
Chlldren Become Students at Birth 
ow 
tte'sWeb, 
..........~--
-....... _---­
...... - .. _..­
---_...... 
Throughout hlsto ry ther :::==:.:...- :::_ 
ave been those who have d 
...... -- .. _-­.... _..... _...... _....
--_._.... _­
.. _--_.­
----_ .._­Wondrous things . _...... -._--­
fs. 
Rlsked 
And acl er 
though 
ilustração fotografia 
Timothy Samara Ron Trinca 
Nova York, Nr, EUA Siracuso, Nr, EUA 
Neste folheto de divulgação de uma escola particular, esta 
se apresenta como um elo unificador na educação ocidental 
- mostrando as técnicas e conhecimentos associados aos 
grandes feitos históricos como parte de seu currículo, e 
preparando assim os alunos para uma grande realização c c 
pessoal. Cada página dupla mostra uma conquista ocidental 
junto a um estágio conceitualmente equivalente na 
evolução do aluno: por exemplo, a arquitetura antiga se 
torna metáfora para o programa do jardim de infáncia. 
Cada página dupla segue um grid hierárquico para aspectos 
específicos, mas o conteúd';:, restante é deslocado para c 
acomodar os desenhos, fotos e textos essenciais ao conceito. 
Cada marco histórico é mencionado numa barra de texto o 
vertical na borda esquerda do livro, que descreve o evento e 
fornece informações pertinentes. O "título" da página dupla 
sempre atravessa o centro como ponto focal , unindo os 
elementos. Os fólios ocupam um local fixo no terço inferior 
da borda direita. A largura das colunas e o tratamento dos o 
tipos são sistemáticos, mas suas relações entre si e com o 
formato como um todo mudam conforme a necessidade, 
criando uma composição fluida com a foto e o desenho . 
Os alinhamentos se sobrepõem, os textos ficam em camadas 
e atravessam a medianiz. 
Uma seção estritamente informativa sobre a vida estudantil 
não segue com estes mesmos tratamentos, mas rearranja 
organicamente os elementos do grid -legendas, citações, 
imagens - baseando-se apenas em suas qualidades formais. 
17 
strutura 
Composição 
hierárquica 
,___E~SI,ol\tânea 
Uma estrutura hierárquica intuitiva, baseada nas qualidades visuais e 
conceituais da imagem escolhida, cria uma identidadeforte e concisa ao 
longo de uma série de cartazes para este festival de artes na Suíça. 
O designe r concebeu a idéia do raio x para representar a natureza do festival, 
que traz à luz o trabalho da comunidade geralmente underground de artistas 
promissores. No primeiro ano do festival, era possível ir a pé a todos os 
eventos, e, por isso, foi usado o raio x de um pé. No segundo ano, chegava-se 
de ônibus a alguns dos locais, e, então, a imagem usada foi a de uma mão 
segurando uma alça de ônibus. A cada ano, o objeto do raio x muda. 
A informação sobre os participantes e os locais está disposta dentro ou 
em volta da imagem, com base nos detalhes pictóricos, e, assim, a estrutura 
desses textos varia. O designe r ajusta a posição e o tratamento das duas 
outras partes principais da hierarquia, o nome do festival e o bloco com 
exemplos correlatos 	 a data, de acordo com a composição geral da imagem; o tipo e o destaque 
de cada elemento dentro da hierarquia continuam os mesmos. 
03 08 11 14 
15 19 20 22 
25 29 30 32 
34 
04 09 19 22 
23 27 30 34 
36 
projeto cliente design 
Underground Arts Festival Les Urbaines Atelier Poisson 
Sistema de cartazes Entidade de promoção Giorgio Pesce 
Offtet artística Lausanne, Suíça 
Lausanne, Suíça 
" 
o 
o 
Desconstrução de 
grid hierárquico 
e grid decorativo 
exemplos correlatos 
o 2 14 17 
20 22 27 
04 07 08 12 
20 21 31 32 
Real VALUE 
- ----,
.._------­~ :==.:::.:~----_.­.. _---­----­:::-~,-::.:.::::.:."::.--..__._-­~---_ ........." 
.._-_ ... .,.­
---_... ..
-..;.­ _.__...... _........ 
--4ó"'"':í: ..... 
Real EXPER IENCE 
_.. _..._---...._ ... 
.. _----_.­
-_ ... -------­
-...--.._--_ ..._­
_...-......­ .. __._..­
_...--_ ........ -"'-" 
_.. __..-­
Neste relatório anual, os designers inverteram 
a relação entre estrutura e ilustração, entre grid 
e superfície. 
elementos, como frases em boxes ou citacõe 
tabelas e pequenas inserções fotográficas, 
o mesmo tratamento, mas não obedecem a 
nenhuma estrutura subjacente, exceto uma 
linha de topo que ajuda a orientar o leitorde 
página em página. Além disso, os elementos 
movem livremente, às vezes, interagindo co 
A seção conceitual do relatório se concentra 
em declarações que interagem com fotos de 
imóveis e estilos de vida que mostram o perfil 
da empresa, e cada página dupla tem uma 
estrutura completamente diferente. Alguns 
elementos das fotos sangradas. 
projeto cliente design 
Real Places Pennsylvania Real Estate Allernann, Alrnquist & Iones 
Relatório anual Investrnent Trust Filadélfia, Pensilvâ nia, EUA 
Brochura Fundo de investimento 
Offset imobiliário 
Filadélfia, Pensilvânia, EUA 
Rea l SA LE S 
0001:1 _ ______ 
====.:=::::=====
=_-':''::'::':'io:-===--==
::.:.=.::..0.:.....::.=
- ­-----_.. _­
--­
Real LI FE 
fundos sob essa antiestrutura, porém, são 
decorativos formados por elementos 
grid. Esses motivos estruturais adequam-se 
de metragem quadrada ou aos 
típicos de áreas comerciais, mas 
am como ilustrações. Os dados financeiros 
um grid convencional de duas colunas 
se subdivide para os dados das tabelas. 
.. 
.. ", 
--­
o 
19 
estrutura 
Sistema de composições 
hierárquicas com 
colagem e grids modulares 
decorativos 
exemplos correlatos 
O;.: O 06 08 
11 15 18 24 
30 35 36 
_
-_
.._-
.... _-­
03 06 07 09 
-----_.. 
10 13 19 22 
24 27 29 30 
fiu!i!Ir. 
111111.1111 
--_...._. 
projeto cl iente design 
The BONE Show AlGA Boston Kristin Hughes 
Sistema de identidade Boston, Massachusetts, EUA and lnk Design 
para evento Cartaz 
Impressos e exposição Kristin Hughes 
Serigrafía e offset (impressos) Todas as outras 
Madeira, vidro, letras 
recortadas em vinil, 
projeção de luz (exposição) 
aplicações 
Pittsburgh, Pensi/vânia, EUA 
SENO ENTRIES TO ' 
-_.. _... .-""" 
~---
!J[DmmllUH --~------____ "_N___ 
----­
:...-..;:::::---....._­
----­
--~ 
............ _-
--­,-~ .... .._._-_.._---..­
-....._...- ... _--_...._-­
--' ....._----<_ ._ ... _--.. .. ­
. -_.. .._--~-~-_._-
===~~=__N~~.::;::_·_._.
... ._-_... _..._._._.......­_.._.. 
-_.._-... .--.- ..--._.._-
--_......_._.._----­
-------.........­ .... -..... -----_._.._-_........
.... ._.. ~....._---_.-------_._.. ­.._...__.._-_.__... .__.. ­
....... _.__.. _--_._._.-...... _......._._---_ ....- ...._­
_._----_ .. _---- --.. ._..... _-~-_._-----
_...._---_.. __ .. --­ -_.._---~_ ...- ...._-....­
----. .......... -.. _-_._ .. _..... ---...----_ ..._---"
_._----_ .._... _.. _--­ -­ ----_.._.. ... --..... 
---­--­
_.._.._--~ 
-_..._..... _... 
_.._-­_... 
...._---_. 
_.._---_.. 
-~_._-
---_..---.
--.-_."-.­
----­
-.. ..'-~.... _.­
----...­
- -_.... _..­
----_..­ ..
---- --­
- ---._­•.._--_.-_...._-_.- ..... 
- ---­
------­
----_.
--------­.._.. __.........­
------_...
---_.. __.. 
... .... _.........._.­
.... -_.._. ... ­
.._-----­-_...._-_ ..­
::::::--=--:::~""': 
_.._----_.
....... .._---.. ....
.-.. ­ ---..... ­
_..._---­
.. _..... _._­
-----­_....... _.....
--_...... _-­
~ ~ 
o.UESTlOIIS? :',::",_"'==-_ 
conjunto de peças de divulgação, catálogo e espaço de exposição, 
faz parte de um sistema de identidade visual, usa um grid como 
para sua metáfora legista/arqueológica. A textura visual do grid 
todosos elementos, apesar das diferentes qualidades de textura, 
de leitura, imagens decorativas e camadas de informações 
IUU":~U:)ld' como colagens. 
próprio grid faz lembrar o suporte de câmera usado para fotografar 
encontrados em sítios arqueológicos. Embora apareça em 
as apl icações, o grid funciona mais como decoração conceitual 
que como sistema organizador. Em alguns casos ­ no ingresso e no 
por exemplo - o grid é pura textura. No cartaz, seus módulos 
para frente, como uma camada enquadrando e dissecando 
de ossos, sobreimpressos em prateado. No catálogo, o módulo 
singulariza para sustentar as informações da mostra, mas não exerce 
hum controle estrutural sobre elas, afora estabelecer a margem da 
uerda.Os elementos do grid são sistematicamente deformados e 
';"""Louv,conforme a necessidade; o sistema usa esta incoerência 
parte de sua linguagem. 
§ 
II 
Na exposição, o módulo quadrado aparece 
nos suportes dos objetos expostos, mas os 
quadrados são dispostos de maneira aleatória. 
Há elementos tipográficos impressos em painéis 
transparentes que interagem no espaço da 
galeria com outras imagens e textos, criando 
uma referência tridimensional à linguagem 
plana do material impresso. 
" 
c 
20 
strutura 
Composição ótica 
baseada em critérios 
conceituais 
tJ I[P 
exemplos correlatos 
03 08 11 17 
23 25 29 32 
33 34 
06 10 27 
rc 
E t 
tc~tarr 
r ~1 Ga E 
t r E c 
~) rrcr1~ ~t 
1~ E 
cliente design fotografia 
Design Iss ues Design Issues Dan Boyarski Dan Boyarski 
Revista técnica Pittsburgh, Pemi/vânia, EUA Pittsburgh, Pemi/vânia, EUA 
para designers 
A organização de imagens e texturas nesta capa de revista 
é ótica e intuitiva, baseada principalmente na vontade de 
criar conexões entre a textura e o conteúdo da imagem. 
Os elementos consistem em grids tipográficos deteriorados, 
nos quais a desintegração tornou a linguagem parcialmente 
ilegível, ao mesmo tempo que realçou suas qualidades 
estruturais; os traços, que compõem a natureza modular 
da linguagem, são mais visíveis, mas tiveram sua função 
prejudicada. O jogo de luz e sombra gera profundidade, 
mas também remete à idéia de que ver com a luz ajuda a 
transmitir a informação aos olhos. 
As inserções formam um contraponto com o ambiente 
do fundo. Fotos nítidas com clara profundidade de 
campo contrastam com o espaço indistinto do fundo; 
conceitualmente, os óculos deleitura (simbolizando uma 
melhor visão) se ligam ao texto ilegível da imagem no fundo. 
Na primeira e quarta capas, o tipo está posicionado numa 
relação intuitiva com a imagem da inserção, alinhando-se 
pelas bordas ou pela linha de base para integrá-Ia à 
composição geral. 
õ 
o 
o 
21 
13 16 17 19 
estrutura 
Desconstrução 
de grid modular 
exemplos correlatos 
02 UI) 12 19 
26 31 
03 06 07 10 
Este sistema enxuto e elegante de papelaria para uma firma de arranjos 
florais explora a relação entre ordem geométrica e movimento orgânico. 
Usando como ponto de partida o alinhamento vertical e horizontal de 
um grid modular simples, os designers giraram os módulos em resposta 
ao movimento flutuante e aleatório das flores. Algumas de suas bordas 
foram destacadas e emolduradas com fios finos, que alinham ou 
sobrepõem outros elementos, quando necessário. 
As flores parecem surgir do grid, influenciando sua estrutura, mas 
também reafirmando-o em alguns lugares. Endereço e telefone ficam 
separados, flutuando e ultrapassando os recortes, mas cada item 
informativo ocupa uma área específica, como o espaço para a saudação 
e o texto da carta que ocupará a parte inferior da página. 
projeto 
Identidade corporativa 
Sistema de papelaria 
Offset 
cliente 
Jamie Rothstein 
Distinctive Floral Designs 
Designer de 
arranjos florais 
Filadélfia. Pensilvânia. EUA 
design 
Mayer +Myers Design 
Nancy Mayer 
Greg Simmons 
Filadélfia. Pensilvânia. EUA 
J A MI E ROTHSTEIN 
distinctive floral designs 
3J 3 CH ERRY STR ET 
P~ILADELPHIA, P 1 9 I O 6 
o 
22 
estrutura 
Desconstrução 
espontânea 
de grid hierárquico 
... _"_.,.M.... __.U...· 
.... ---- ....._-­
.. -:'.::..-==::=::.:::::::.:::.:... 
.. ..... - ...._-_... ,..... _--­
.... - ....__...- ... -_._....­
, --_...-­011 ___.. _ 
.11 ___ .. _ 
exemplos correlatos 
O :l 13 16 
18 19 31 35 
36 
04 08 14 20 
O 
23 28 32 34 
VEP36 lIN ._.-=€=-~;;~:.:; 
projeto cliente design fotografia 
Art + Science Sandy Alexander Printers Ideas on Purpose Graham Mclndoe 
livreto promocional Gráfica 10hn E. Connolly Chuck Shotwell 
Brochura com papéis 
translúcidos e luva com 
Nova York, NY, EUA Nova York, NY, EUA Pete McArthur 
Alex Villaluz 
relevo seco Maria Robledo 
Offtet, overprints em cores Nova York, NY, EUA 
especiais metálicas 
Quatro galerias de reproduções de fotos formam o foco principal 
do catálogo desta gráfica. Cada seção é dedicada ao trabalho de 
um fotógrafo e projetada em torno de um determinado tema. 
Estruturalmente, a existência de alinhamentos é mínima, e qualquer um 
que chegue a existir é transgredido em todas as outras páginas duplas. 
Cada seção se baseia em sua própria lógica para determinar a articulação 
do alinhamento, mas, geralmente, a lógica atuante é estritamente visual. 
Nas páginas divisórias, textos complementares se alternam entre 
aparências contrastantes, baseadas na sensibilidade do designer em 
relação às características da tipografia no formato. A disposição dos 
textos varia, mas a mesma lógica está presente em todas as ocorrências. 
nserções centralizadas se contrapõem às duplas sangradas. A estrutura 
cada página é cheia de contrastes de seqüência, mudanças de cor e 
imagens recortadas e sangradas, superfícies foscas e brilhantes. 
23 
estrutura 
Desconstrução 
arquitetônica 
de grid de coluna 
projeto 
AIchitectures, Metaphors, 
Sciences 
Cartaz para conferência 
Offset 
cliente 
American Center 
for Design 
Instituição artística 
Chicago, lIIinois, EUA 
design 
Bates Hori 
AllenHori 
Nova York, NY, EUA 
=:­
V 
/
VV 
exemplos correlatos 
o o 07 09 
11 22 29 33 
02 05 08 14 
19 30 
Ma..ll" .........1__ . . ~ ~wu~__
~" _="....__ 
Da"l. a. C • • ,rava __=.-:;=.-;;::::::..< . ...... 'a.!!L " ti ....... ' "" , ,, ...., ....."
' !I!! li .. .........._. 
,,, .. ,, ,, ··, " .. ' ' ''·711 ''' ..•...... •• • ....··, .. • • .. • ....... 
Oalh. ..,", In'nh.... _ =--.:,::..::::::::;:-=::=:::-c!'·"·!TII" "1'" 
T'M...7L.....__ ===~"'-"""=="=n ..~···-· ,, ·...." · ..,.
=.=~. .._ ·" ' ·· _ 
===-_''''"-=u':""""= .......~"'.."... . .., 
"'1••••"'..... ,..",. __;::; 
Fallell,. sc.tt ___ _ . :::===' · !I~......_~ "!·,·.. _ 
::.:....._.="'__ ~!!f!!!,~ ·w'U~ .......... _ ......­
••rb.... M a ria SI.". .... _ 
para conferência 
cliente design 
Princeton University Bates Hori 
School of Architecture AlIen Hori 
Instituição de ensino Nova York, Nr, EUA 
Princeton, Nova Jersey, EUA 
dois cartazes diferentes - um anunciando 
concurso de design e o outro uma série de 
rências -, o designer monta uma estrutura 
.,,'mp'ln"nte para organizar o conteúdo. Ambos 
uma área retangular no centro que 
nciona como âncora. No primeiro, essa área se 
.m,ntpm vazia enquanto a informação desliza 
volta dela; no segundo, a área retangular 
briga as imagens e o texto mais importantes. 
ambos, um eixo prioritariamente central 
um sistema simétrico formal, mas 
simetria é posta de lado por planos ou 
iagramas. Resquícios de grids de coluna 
.(()mnnp '11 seções informativas nos dois cartazes, 
s são recobertos por elementos lineares, 
uzidos a textura, ou superpostos para criar 
superfície mais complexa e detalhada. 
o ... ~ 
-"'1 
.
I 
I 
I 
I 
.
I 
I 
I 
" 
.... 
.... 
V1 
I 
I 
I 
o 
I 
oI 
I 
I 
I 
I 
I 
I 
I 
I 
o 
24 
estrutura 
Desconstrução 
de grid 
exemplos correlatos 
03 Ij 08 10 
25 31 35 
08 33 
A Broken Promise 
Love •. ~-. 
,,_ ... _-~ 
~----
A representação visual desta narrativa oral é organizada por um grid de 
círculos concêntricos, e não ortogonal. A escolha do círculo é conceitual: 
representa o aspecto cíclico da vida e o movimento do som emitido 
pela voz do narrador. O texto se move em torno de um círculo principal 
que define as páginas duplas. Quando as palavras ou frases principais 
aparecem, elas entram e atravessam o círculo, ganhando tamanho e 
movimento. O texto seguinte se sobrepõe ao texto anterior, dando 
continuidade às partes. Os anéis concêntricos do grid criam colunas 
visíveis que têm a mesma função de seus equivalentes convencionais, 
separam as idéias e organizam as passagens em distintas parcelas de 
informação, para facilitar o acesso. 
--------
---
_ _ 
projeto cliente design 
A Broken Promise Carnegie Mellon Julie Saunders Carlini 
Ensaio visual University Karen Kornblum Berntsen, 
Encadernação espiral Instituição de ensino professora 
Impressão a laser, Pittsburgh, Pensilvãnia, EUA Pittsburgh, Pensilvãnia, EUA 
preto-e-branco 
::::_-.:.-:=::J:':'-::":
........... _.._._...._­
----- -_... ­
~ are her destil/y. 
..-.... _
---_
.. 
..
_--­
_..-­_....._..._... ­
_.. _.. -......­
-_..............-
Hl> are li" rcspoflsibilíty. ~=.~==._ 
n..Qun:n.......ncdatSoloonoai'l"lCm.... 
........ -.......- ---'I'_-~
-'*"--- -----,"
~~= She is OHr Sheva. 2=.,::::~::'­
----_....... ... _~­
-..,.~ 
,.-_.._....... _..-
--_
_-....,._1-
......-. 
-----.... _.. _-­ ~:::=:.=~..,­r..Uol"'SDriwI.!!:"~=_~:... s.:a-boow ..... 
... _-_.... _...........
..... __.. __.. _.~ 
......._..... __.__....... 
:.:'.-M'::::: '" 
... ""'" 
...... ~ ..... w-y"'.. ­
S/Ie provides I/S with wisdolll . 
... -..-_.__.... _­
-"---_.... _-_ .. 
Qo.ietn-.:lIOta<rIorf..,,.,...wudo<r\ofSokJn>Orl 
......-...-._ .... _­
..._--_....-
_...... _ ..._------_... ... ­~__.... _..........__ ..- ............. _
..._.... _... _.... _--_._- _.._......-..
-........ _-­
_................-__........ __.. __...... -.._... 
....... _.. __......_... _­
.._..._----_ ...
...... _-_... _....... _..- She is ours. -::2-= 
.wUO~of=~~~~::~~
-_...._.... ­"-"---"'-'­
.-..__..... _.. _----­
_.-............ 
_
........
... _--_
.._-_
...
_---
_---
....._­
-,,-----...,........._­
...... _-_..................... ... 
.. ....-... - ...-..
.._--_ ... _-
They ~~ jplU. -...=..'::::':::::=,,-=
--_ .._ 
.......... __ c.. _ 
----
.... 
......... 
-..-.
-
--_........ ­
.._----_ ...-_.__ ... -..
----_.... ­
",---...._­
-...... _---...... 
.._--.,-­--_.... __ ... 
~­
§~~~?
_"_<6.-"
---
She is ollr vi~ífill Qlleell. .:'t:;;; 
-~­
"'Wb ..._",_ .........r 
"'------"'--'" 
... __._....._.. ­
_~.._......... ... _..
-_.._--­
.........._---­
_..... _.._...
---"'--­
~--""Qooo­
... - ....... ....
....- ... ,.. -..,. ­
-_..- .._­
~=---­
..... _.. __.. _-_ .. ­
.... _.. _-_..... _
--_._---_.... 
... 
­
-Shc 11 ours.~ 
..._.. __.... ­
.. __.._..... ­
...... _...... ......., .... .. 
"._--'--'--­llKqu....n_J'ftP.nt. 
._-_.....--_...
._---_ .. _- ... 
_................ _­
.... __.....-...-_.... ­
... __ ....... _-­
_...... _--~ 
_.... _... _...... ­---_ .. ­
... _-_ ... _... -.. 
_..._--_ ...... 
.............. _--­_....__.... _. 
o 
"YOUUI:: M.qo:b..­
---
----------
-
---
----
--
---
Composição 
geométrica 
espontânea 
exemplos correlatos 
03 
11 
20 
33 
06 
04 
14 
24 
34 
10 
08 
16 
28 
36 
16 
10 
17 
30 
30 
""' .....,w; 
• 
_....._._-_........
--_
_._-....-.:_---...--....­
---....,... _----­
_......... _-..-..._...."....
-_...._-~-
_-..._~4__• 
0I< 
~----......-..--.
..__ _ -~-~.-
.._---­
~--....."'-..._... 
_...._-_.. _-­
___c-___.......
--.....--~-_ ...
-- ... ~----
--
--_
....
..
-.....--.-
_-­
--...._......-.............
-_.....-..-­
.........---".....-..... ­
.--_.__....-..- ...
-...........-............. 
_ ."""""",," ~(I", ______
-----_
_...---_.....
....... 
---
---
-
1* 
_ 
........ ---......-
_ 
-----... _ .._­.......... .._ 
... .~m..~ _ ..__...... _~.., P'OC~""' 
_.__._-'.. ......_....,~~
-_............-.....- ­
.......__•__.... ___ ..I'·vlllfttand
kIr.wIJ ....... ____-...--___
-_..............,---------­
__0.-. _____-"__" ___ 
.............-_____'*oodNld rllnl"_ 
.......""""""'-----_..._­
....--.---.--­
c-._.... ____..__=~..::.~~.:!.~--
--_ ..__..........­
._.._-­
. ........ _c.-, 
-_.
.w, ____ 
....._0.­
prOjeto 	 cl iente 
CVPA UMASS Dartmouth 
Catálogo de cursos College of Visual & 
Livreto grampeado Performing Arts 
Offtet, quatro cores especiais 	 Instituição de ensino 
8oston, Massachusetts, EUA 
Aabstração geométrica clara - semicírculos, 
arcos, linhas e pontos - e uma abordagem 
leve e espontãnea na composição dos 
elementos regem o leiaute deste catálogo. 
Espaços negativos surpreendentes cercam e 
interagem com formas compactas e unidades 
de Informações tipográficas livremente 
compostas, numa "dança" dentro do formato. 
Ainformação é acessível, apesar da estrutura 
lúdica, pois cada parte dela ocupa uma 
posição precisa. As idéias ou informações 
estão separadas entre si, de forma que os 
olhos podem chegar a elas com facilidade. 
Avariação dinâmica da escala, forma e 
distância entre os elementos cria um 
movimento natural nas páginas, mantendo 
ointeresse do leitor e ajudando a ligar 
paragrafos ou idéias de um modo intuitivo 
efacil de acompanhar. Este método 
organizativo pode ter muito êxito quando as 
exigências informativas do projeto não são 
muito grandes. 
des ign fotografia 
Stoltze Design Cecilia Hirsch 
Clifford Stoltze 8oston, Massachusetts, EUA 
Tammy Dotson 
8oston, Massachusetts, EUA 
• 
"r< C\P" ...,.,.- ........ _ ..._ .....
---_ ...... __ ..­
.. ,-.... - .......... ......... 
.... _-._"-'""... _­
...._.. -.,-\1_.............
-- ........... -._--­
.....~.....--...,._....---­
--, ...__ .._...,..- ..........
.---....-.... ....,-.._-­
... ,. 
q ... ,. 
11 j!!H,. 
,! :1 JI i'i !!d ...
... !npI ' J r [ I;1 1 - r"1li 1 ti
.. . 
"I' !ihl 
.. I 11,1 1,1t·!! rI qi ' i I 
J!r hiÍídlf !!:\ I li! • ~ PIilna 
~ 
ili! ill!i ~ {lI • Ij 'Hi! I" !l! '" t j IIr Ij ,I,
,jI '" , lif :: H. ttjt
'!r I : ' II1 
~ tt l 1 I I ~ihl I 
I 
' 
jil)1 •J :i, 
. 
i 
I 
i 
,I 
I 
nw-(·...~ ... \I'ul:ll'dPo:'ft'lntI' ''t''..h 
...... _....._-_.. 
_ ...,-.,. ............-­
.._........ ......-...,_.. ­
.-...__.. ........
_~
-*------..0 ...~-..,
--,............ .,.-­
...._-_ .......- ..-.......,.6of'oo" __• _ _ 
_..--_.._ ....,....­
.. ............ """._ -...,_.-.. 
...,...-~_ ....-.."...­
.._ .. _-,...-'1 .._.....,.... 
26 
strutura 
Desconstrução 
,--_.u,,,, grid modular 
R 
exemplos correlatos 
02 06 12 19 
21 31 
03 06 07 13 
24 27 30 
!.l!.lULlU UULlI.! I.!UUU 
~en:hJ~;#ZifJ '~rJ~I,..., .,....~ ~r~-\s 
.. LOR ~ \.~.L,,~d~. 
ST'1II"PABLE. WASIlA ACIll- uc \'lNYL 
T...... Wldtlrio 1r -.. 
. '~~4", 
.'elll y 
rl 75 
• lIt"G.I.., ...... ~1
' _LJ(1) ­
~)"e... 
p~ 2 
Levantando questões de construção, desconstrução, desperdício e 
críação, este inventivo calendário para uma gráfica imprime sua matriz 
sobre material já impresso reciclado. O leiaute de cada mês se move na 
estrutura de grid subjacente que mostra os dias e as semanas. Em alguns 
casos, os intervalos entre os módulos na matriz são comprimidos, em 
outros, ampliados. Uma lógica secundária, envolvendo um grid sobreposto 
de elementos geométricos, interage com a tipografia, ora constru indo 
formas em torno dela, ora escondendo-a sob formas invisíveis. Cada 
mês, e sua respectiva desconstrução, ganha um significado adicional no 
contexto da imagem preexistente na página. 
llLtUULllJ 1 I 
• 
' j.fUtiU 
projeto cliente 
Calendário reciclado Praxis 
Autopromoção Designers gráficos 
Encadernação espiral Los Angeles, California, EUA 
Impressão a laser em 
preto sobre folhas 
pré-impressas em offset 
!1UULJIJUlJULJl.!UUUU 
• 
. ­
r - ~ ;; > _ ~ _ ~ ~~_ :::;;: : ~"?t" •••••.•• ­
- \I: ;:; r ,"" ::._ r :.. = , >­
.., I I - =~ I ;:. ~ .... 
design 
Praxis 
Simon Johnston 
Los Angeles, Califórnia, EUA 
UUUl.l!.!!.!l.!!.!Ul.!!JUiJU 
I.H!JJ !H! I..! !.J Y!HI U 4,1.1 U
• 
: .__ 7 
~-'t- _"'" 
i..!/JU1J!.J 
v 
exemplos correlatos 
01 13 19 33 
37 
01 15 21 
. ~.~'2' beglns '"0:h00.oPComeHoq:or ..... CII"''''''''' ..... .. '''''' ..'''ll ..k 
ul~l,IO""II" Il._ ,,,,,,,...AhI R""". • T...u... In J"vrk _ ..........1); , ...... 
-lnIItbw .... ul~........ Alb..R"P-'mI~<bncr-~ .. hotto 
....--'·h,np·_1ÕII nllNf....Jdono...., .. , .... ....".~IOU, E\IOUf'<'.....J '" f'oonh 
Alion>ad CInado. ... A cOf!P<'f rdw(ponnot olCoboun lk~\KI<'fk. K"'fI ofl l~ 
dw 1..Inovn!.aJ)' ui MN.ok, ... W.IkT !fUI'", ""u"".ond -~.c... l.olIonto.'l <'q\I1J",1mt 
InUWSrllool.,(E ... ,....u.".,"... """ ........II.. ""hfU...W1oK)·of~". ... COO"pUI<'. 
eq....- lUr oornc .. mil <"'te,......, ..... .cudonlb M lhe, Tnilnd U' ........... r or lk..bpnl. 
.llld lOr ~nno EconoulOP li...,.., ... dw lWd.opnt U_'<'nI.f).of~"'cSn'..ft(n 
. I l1dep~~~nce. ~i.lnypcop., ..·.. hdouhoht .... pn.-fcrIO ........,,~ 
.uJdht"C",houono.·-huloft<"'11I~ ...N'f'«"'.r.on-~. I" 11I'i7.AkN~_ 
ho.'IpN .., .-.c...."'" ........".11·, ......... , ~J./"""...,V....J.o...td. "".... ,· ... to." l1n-I of lf'«P 
\"(h"""' .........~lh"rur,..- V~~t~rs. Dr,vI<!po.ltlll.all)'dNbkd(hdJ.m 
M\. ... "l""";». .. '.,u.y-...~ '" 110 c.."ph,UCct....... " .............. 1)".. ..,( ....... i" Ncvoc...... 
"....t...a,. ..Id .. uoh...- PIllU'l;dc...~.. :onda ___ nllk~ .. ~ 
..."h,n ..... f.onuhnn ................ Mind and ~y. """-Ihc-)·.... _. 
"C"hooI. ....1drrn &un, dor ~....~ ,>eM' i\kN',s..__.o pa- e_ pn "'" '"'"' sport> 
~ .. Ih....... chthoopn-a.... brThc\\'...... fnk-r_ ofUot,· ..... r .... ·Oooh.­
....~hyAk... Fuurod.>,"".. Thrciubo ......"CchiltJm,hooll.oor... u.i:~ 
Onr vilhrnl li. c .... 1Ôr ph,~ dNYnJ k.odo, _ho.r " '''Ir'''''' __ ~c~' 
.. lth.aN....bl>lhC'il~duwi;hlhrfO:lORl_,ho......,of.....-. Enabled. I",. 
~.... c.w.. 
""'r Ulllt '"" A~,io de 1'." .. Aml~ """ Exc.,............, (A I' ....E),.on lMpl........... 
prcJetc c ent Je)IO~ 
Relatório anual A1coa Foundation Landesberg Design 
IIrochura Entidade filantroplca Associates 
Offiet de empresa Rick Landesberg 
Pittsburg/1, Pl'r>s"var' a, EUA Karen Kornblum Berntsen 
Pittsburgh, Pensilvània, EUA 
Embora este elegante relatório anual use 
um grid de coluna convencional para os 
dados financeiros e informações gerenciais, 
seu conteúdo nicial não tem praticamente 
nenhuma estrutura. 
Uma linha de topo orienta o texto corrido e é a 
única referência presente; o alinhamento pela 
esquerda fica tão perto do limite do formato 
que o texto quase parece ter entrado flutuando, 
vindo de fora do livro. Essa única guia horizontal 
estabelece um espaço claro no topo da página, 
onde são posicionados alguns materiais 
ilustrativos, mas a organização das páginas 
depende do ritmo do texto corrido. Alguns 
destaques de palavras ou frases e um diagrama 
do percurso do sol no céu em determinadas 
horas ligam conceitualmente o texto a um 
sentido de tempo e espaço na Terra. A linha 
horizontal estabelece um sentido de horizonte, 
talvez visto do oceano - um elemento que 
também está presente na onda linear de texto 
ao longo das páginas. Nas duplas de Imagem, 
que se alternam com as folhas de texto, o leitor 
é preso por uma afinidade visual simples entre 
o arco do sol e a foto sangrada. 
-­ -- ,._­
--_._-­ --- ­
....--..­_
.._...__.. ­
_..- --­
46 
exemplos correlatos 
05 07 11 14 
15 19 20 25 
29 33 34 35 
08 14 33 38 
.1_.... .-..- ..." .......,.._ ............... _~" 
projeto cliente design 
Something from Nothing RotoVision Publishing April Greirnan 
Monografia de design Editora Los Angeles, Califórnia, EUA 
Capa dura East Sussex, Inglaterra 
Offset 
A organização verbal e visual deste livro é de 
natureza cinematográfica: cada página dupla 
é um fotograma que se refere ao anterior 
eprepara para o seguinte. Um mínimo de 
constantes - margem externa, fólio e inserção 
no canto inferior direito - unifica uma estrutura 
de coluna vagamente definida ao longo das 
páginas. A quantidade e largura das colunas e o 
corpo das letras mudam conforme a necessidade, 
em diálogo com as imagens daquela página. 
As relações entre imagens e tipos são intuitivas: 
a lógica geral de cada página brota visualmente 
como resposta imediata à quantidade de texto, 
às formas predominantes na imagem de fundo 
e ao resultado da fusão entre eles, para formar 
uma composição coerente. 
.... 
00 
~ 
.... 
00 
As páginas duplas são montadas como '" 
seqüências de idéias visuais interligadas. 
O espaço negativo numa imagem de uma C\ 
determinada folha pode resu ltar numa imagem 
pàsitiva com o mesmo formato na folha 
 o 
seguinte; uma inserção ou imagem de fundo 
na folha seguinte pode ser ampliada como 
oimagem sangrada que invade a folha posterior. 
Cria-se continuidade com a interligação rítmica 
e espacial das páginas. 
o 
o 
29 
estrutura 
Composição 
geométrica 
espontãnea 
exemplos correlatos 
O u 08 10 
11 14 16 18 
Interseção de diagonais e ângulos agudos 
em movimento, derivados da justaposição de 
elementos fotográficos e tipográficos, criam 
uma organização dinâmica para as imagens 
e informações deste cartaz. O designer usa 
a vertical do braço do guindaste e o ângulo 
abrupto do poste de luz da rua para desorientar 
o observador e fornecer uma superestrutura 
primária para o cartaz. A tipografia move-
se para cima e para fora, com a posição de 
cada linha parcialmente determinada pela 
superestrutura. Ao mesmo tempo, o designer 
compensa o tumulto com sutis alinhamentos 
e pontos focais: o avião em baixo à esquerda 
amarra a composição e cria uma convergênCIa 
ótica entre as linhas de informação, que ecoarr, 
a direção da superestrutura. 
20 23 24 31 
32 33 34 
06 08 10 28 
30 
projeto cliente design fotografia 
LIFT LlFT FIost Design Nick Higgins 
Cartaz promocional Festival Internacional de Vincent Frost Londres, Inglaterra 
Offset Teatro de Londres $onya Dyokava 
Londres, Inglaterra Londres, Inglaterra 
Cl 
o 
30 
estrutura 
Desconstrução de 
grid de coluna por 
colagem sistemática 
exemplos correlatos 
3 05 06 07 
09 13 15 16 
25 28 31 33 
36 37 
02 05 08 14 
18 26 28 33 
Organizada em torno do princípio da colagem, esta criativa revista de 
design está a meio caminho entre um aparente caos e a ordem. Um estudo 
cuidadoso de formas recortadas e sobreposições levou ao desenvolvimento 
de um sistema para diagramar os parágrafos. Um manual de design dá 
as diretrizes para criar as formas dos boxes de texto. A ordem de leitura 
depende de uma série de variáveis: a posição relativa dos formatos da 
colagem, o tamanho e orientação do tipo dentro destes fragmentos e 
a densidade do texto na página. Variando estes parâmetros, o designe r 
consegue controlar o fluxo dos parágrafos de acordo com a necessidade. 
O sistema permite grande controle e grande potencial para descobrir novos 
métodos de organização de texto e imagens. 
projeto cl iente des ign 
Cut & Paste Rhode Island Andrea Vazquez 
Revista de design School of Design Tom Ockerse, professor 
Encadernação espiral Instituição de ensino Providence, Rhode Island, EUA 
Impressão a laser, Providence, Rhode Island, EUA 
preto-e-branco 
- ­
-----......
--­-_.. ­_... _.. _- ­
---_.. _... ..... ..
--..... ............ _-_ ... 
no. s..:orodWo1d '.\lo, help.d IO===:"-:=::
~ .... EUtopeafl Dr:>do",, _____ 
on:I.,eoIoaai ondll'lOtl)oI,... ::-=."~:: 
.q""",flQIOI~SlSS.eIoo frlUl :'::::"=: 
'IaI>gc-y. Mg_~,ouped "' =-_~",:,::,-":"-:
".... Vorl. ponoc...ariy a'OUfIC! ___.. _ ... ~ ........ __ .... _ ... _ ... _ 
:'Nw<cx.~o: N~==:::::::-=:?~1-:;.~== 
Gugget>~"" ....'oITh'sC....,III'y =...:=::.:::::.r:~:.-;::::..~,'::.'::::'J...:::&..... 
:?.::=::,;===~![::-;J.::-::: ... 
-----~-- ............ ---­~ª~~i~~~~ ~~~2~~S7 
~~~~r-
-_.. _.. ...
- .-..... _-_.
---_...--,. __..
-_ .. _-- .....- ..... ­
i~t{~f 
-_..... -_... _... _.-..-.-----_...... 
_........ _- --,....,_ ...... __.. ...
----a ..... ___......... _ ............. __ -~. 
. ....... ­
---- .....' _._ ...----..... _-­
...- ... -.----...... -- ....... -- ­_.......-_... _-_ ...... _-- .. _... .. 
................--_......... _-_....- ...... -... ..... 
____...... ___.................... -__co.._
----.-.------_.... _...... 
.--0"<- ~ ' _-_____.. - ... -.... .......... ... -....___...... -__.. ­
........_ .........--.0_......- ... ...... 
_.. _-_.._............ _...._--......­
.... .... ~-....... __ ... __...
~-_._ 
__... __ ... _ ......--J_.... _ ..... _ 
..__....---.... ..._..__._..... ­
........ _..... _.. __ ......._....... 
_~ 
_... _......--..- .. __... --....... 
~_...... "-- ............... ... _.. __.......... 
~_ .._.. _-_ .... _... ---""'_. 
..... _...-. .... _... _...-_-"'-"---"... _....... -'­.. _.. _--.. _ 
_-~. 
...... _- .... -................ __... __ ..... ­
-_.,..-_ ........ ---... _...... .. 
•!1{SW )"11 ~ t1!'t-n:'I-i: 1 j t;:=':-::':=:7:
•~ - ~ lI " I .' - ', --"--" 
, - I~- !II '1 1" · 1 -.----- ­
', - - • I - • • -~--.-
I .~i! ~i 'Illi ql"f'~'=::;.:::::-:.::.-:::. 
.._._-­
.{, ~lS ,.i1~l' 'I·t·1! 'j i~ :~_-::'-.-:::;:'::-::::'11;' lIr, ~. 11 tt P !; ::.:.:--=::-..::::.::. 
5 J '3tlHI t'!t 3it3JH= ::::.:::.;::;.::;:;.,
PI'-Ut!h.Jf':·P::: .==:-_-..=.::.:. 
I t l!) I li ts '1,1 ~;;; . I.!::..:'::::;:..:::::.-=....-:-:. 
':1 5 ; • i i Hh· • ::;,::,:".:::.-:::::;:.:::::::::::'"'_,­
I t~ i .::::::.::::-..:::.:"_:;:::;::::::;::::~
............. _..............._... _ 
_........ ­
........ .. __... 
.....::-...:;"'- ­
,.....................
-_............ ­
~=:;::;-
:,.--_.. 
... 
00 
00 
... 
00 
\!) 
" 
o 
o 
31 
estrutura 
Grid composto 
por colunas e módulos 
integrados por meio 
de colagem 
r--­
exemplos correlatos 
O U:J 06 07 
09 13 15 23 
25 30 33 
02 05 07 08 
10 14 17 22 
28 31 
5 , ~ , f I • • 
'J ., ~..­
fi 
---_.. 
,...-...,,,,.
--_.. .,.,­
.............. 
......­
-­
~ 
!L 
-O 
.... !'-'_ror­
... O 0 
-'---Il) m U) 
'" 
~ 
<L> m $ --~ m EJl 
'-~ ... 
",.....v#lQflo- ...
.., 
'lO iJI EIil !f:) OJ:)
"'" 
• 
projeto cliente 
Calendário e University of the Arts 
agenda escolar Instituição de ensino 
l vro grampeado Filadélfia, Pensi/vânia, EUA 
Offiet 
ocalendário e agenda escolar desta faculdade 
de artes revestem uma estrutura convencional 
baseada em um grid de colunas e módulos com 
uma colagem de diversos elementos. 
A estrutura de coluna das seções informativas 
fica clara no índice, mas a composição solta e 
sem gnd dos meses já é sugerida na área do 
título, no alto da folha. Os tópicos do índice e as 
Informações complementares sobem e descem 
nas cinco colunas abaixo, e os alinhamentos 
nesta área também deslizam na horizontal. 
.' 
• 
(on t ents 
: 
: 
==-- E::.:.-.. -- ­
• 
design 
Mayer + Myers Design 
NancyMayer 
KimMollo 
George Plesko 
Greg Simmons 
Alexandra Well 
Fi/adélfia, Pemi/vânia, EUA 
Para cada mês do ano escolar, um famoso 
artista local é apresentado numa colagem de 
várias camadas de tipos, imagens e cadências 
geométricas que integram esta composição livre 
com o grid do calendário na parte de baixo. As 
legendas dentro da colagem seguem o mesmo 
estilo em termos de fonte, corpo e alinhamento à 
esquerda, mas sua disposição faz parte da lógíca 
da colagem. O nome de cada mês é colocado 
numa construção tridimensional em bold e faz o 
papel de uma transição visual entre a colagem e 
o grid modular. A seção da agenda retoma o grid 
comum de cinco colunas. 
-L 
• 
-
-
;1,,1 
..­
• 
... 
\O 
o 
oB 
- I· <I 
o 
• o 
33 
estrutura 
Composi5à~ 
arquIOtetomca 
espontànea 
exem pios correlatos 
O 09 11 
25 28 30 32 
34 
10 30 35 
--
-- ----
projeto cliente design fotografia 
A New Era of Excellence University of Paone Design Associates Trevor Dixon 
Convite para evento Gregory Paone Filadélfia, Pensi/vânia, EUAPennsylvania Graduate 
School of Education Offiet Filadélfia, Pemi/vânia, EUA 
Instituição de ensino 
Filadélfia, Pemi/vânia, EUA 
Este convite para o evento que comemora a 
conclusão da reforma de um edifício un iversitário 
usa uma montagem da arquitetura do prédio como 
principal influência compositiva. 
o t ipo obedece ao dinamismo forma l da construção 
angular do edifício e sua organização na página. 
Planos translúcidos entrecruzados se sobrepõem 
a elementos arqu itet ônicos igualmente luminosos, 
num espaço temporal variável; a tipografia se 
inspira na arquitetura (sobretudo na capa), mas se 
mantém enxuta, condensando-se numa única linha 
que atravessa sucintamente o interior. O programa 
do evento repete a idéia com positiva principal na 
parte da frente, mas se submete a uma ordenada 
estrutura de colunas no verso. 
Pllct GrldUilt. Schoot o, Eduutlon • 3700 Willnut 5tr"1. Philidelphiat 
Pluse R.S.Y.P. no t..ter tMn Novem~r 9, 2001 by r.tuming lhe endos.d ~ply Qrd.. 
ITINERARY, 
............O". ....N..rw­
0.... ......... lcIoMIeI u.... 
.,.".,,~a.._ 
--..".-....,,0,. ......... 
~..........,,,~ 
....... .,Dr. ...... -... 
n.~,,~ ............. ., ...... 
........... .......... ............... ....... 
~--. ............o--...... _ 
--....... ............................ - .....
_ 
• ...... Il~· 
.................. 
......................................... 
. ....... o. c.,... 
. *"""' ..... 00...­
. ... .. c:..... 
. ..... ~"'-"-...,.. I. ....
....."',....... 
. ..-.."' ......
· ..-..L .....· 
. ...... c. -....._'-~1IIIIt. 
. ,--c.~ 
.....FrMD........, 
. .u. .. ...,. 
• "D..._ ......... 
· ~A.~_IAIIIoC. .... 
. .... c.. ...... 
• ......... ftIdo· 
. ~ ........ ""* 
..õ 
V1 
" 
o 
o 
o 
c 
----------
exemplos correlatos 
03 09 10 11 
15 23 25 30 
32 33 36 
10 30 35 
Cada superfície deste cartaz/folheto, que 
anuncia a reforma de um imóvel em Londres, 
se organiza numa composição cortante dos 
elementos arquitetônicos do edifício. 
, • ..-CMLuu • ..,mlD4 
_"__~_' _ _ 4' _ _ __"'____•
---_.__.._._-_........_---_.
----_._ .._._--_._--- -­
-_--------- ------_....­. ..- ...._
--_._ .. _-_...__... ... _-_.__.....­
..... _-_....__... __.._-_..... _-_..­
_._------_.._-_._--­
..__... _-....._--­
_... .......- .._---­
--
-- ----
--
-.. ==~- ;~ 
_.__._-....._-
.._ ...._ 
._._-------­
.._ .._ .. _-_... 
=-:-==~===--_.. 
---,- ,_.._-----­
--- - ,---- --_.. 
projeto cliente design 
Events/Space/Locations Old Truman Brewery Insect 
Cartaz promocional Agenciamento de Paul Humphrey 
Offset escritórios e espaços Luke Davies 
para eventos Londres, Inglaterra 
Londres, Ing laterra 
" 
o 
A tipografia se integra aos vários eixos horizontais 
e diagonais definidos pelas composições. 
A frente do cartaz, em particular, é extremamente 
dinâmica, com a tipografia promocional, bem 
como a estritamente informativa, atravessando 
cortes angulares em múltiplas perspectivas. Uma 
linha de horizonte conceitual desperta no leitor 
uma sensação de espaço tridimensional. O verso 
apresenta construções arquitetônicas similares, 
mas o t ipo se assenta numa estrutura de coluna 
mais convencional. 
quitetura 
tle informação em 
relaciona! 
r- I-­
L­
exem pios correlatos 
o o 17 
28 
07 25 33 38 
Ao comunicar conteúdos extremamente complexos 
de maneira intuitiva, esta interface dinamicamente 
espacial para um mapa computadorizado do 
genoma humano organiza a informação no espaço 
virtual baseando-se nas formas naturais do material 
biológico. Ao invés de impor uma estrutura modular 
para encerrar a informação, o designer usa a 
arquitetura genética existente como estrutura. 
O usuário pode entrar, atravessar e circular em volta 
dos componentes do material genético. 
projeto 
Human Genome 
Interactive 
Interface para usuário 
©2001 Small Oes/gn 
Flfm,lnc. 
cliente 
Museum of Science 
and Industry 
Museu educativo 
Chicago, JIIinois, EUA 
design 
Small Design Fum 
David Smalj 
Cambridge, Massachusetts, EUA 
A partir da visão externa dos cromossomos 
enfileirados, o usuário pode apontar intuit ivamente 
para aquele que quer explorar, e entrar dentro dele 
para um exame mais atento. Nessa visão ampliada, 
o usuário pode escolher entre os componentes 
adicionais que se tornaram visíveis. Suas posições 
são relativas à superestrutura da qual fazem parte. 
Textos e diagramas estão posicionados de acordo 
com as estruturas que descrevem. 
No canto superior à esquerda da tela, uma caixa 
de navegação most ra a posição relativa dentro 
da estrutura e destaca a informação referente 
àquele ponto. 
.... 
\O 
\O 
" 
o 
o 
36 
strutura 
Desconstrução 
ótica espontãnea 
de grid de coluna 
I I 
I 
DAVID A HUGHE$ &< JOHN MURPHY 
AflefJUCUtt(uI ..atftn,. ........... ......,. ...~_I_~ 
_ ... "-"'"'"""--".n..,..-Ndorir.m.al-... ........ ....... 
...~""' .... "-s-.u.. .......·. borfl..........._'1Ads-\ 
-ar~~__ .... _ ...... ......._._..'_....,_. 
"""'~SpiU'· 'SI"lWrrUpo· ""'~ 
t..p.".n.yt...a&oo.-.."TMv•.,. . .....· 
.... 1....,. · 'RoIN:'r..o·. a.a..,. ......... v.rin(. 
Sil... SCr~n ~io.,....ull__~_.... 
::=~~~~_I~_.... 
"'o.w. C-""IIIpOtV)''-' ttoc.. o,on.. Ot-Wu' 
S-ndlracu.no:! N"w-1Hord\fW ef .... lil...... TV 
'AlIa Ik Looodo.I'" r-I_I tc:--""s .... ddeoty 
_ .............. IOM •• ..,t-....t.rd ........... .. 
.... ~I............. IIer: .... __•
~ 
,..~twH___ItI.. I __ ...... I06c 
............. c'- c:~. 
____.. ___.. n........,.Hto"aW ...n:... 
 ~rioo__ ""a.-Is ...,_ .... l«I)'s-.tll ...., .~It«___ a.-a 
'DiooKMor'-'_ ...peeI~ ......Ids..·I __ 
k.--orp.cioo"';U~hlhrirtriol"-lolp
.....-... ... .......,.......
~.:.........
"..-..........,._I--..~ 
v.......... __ ..... ....,...__.• r.a.. ­~ 
.... tM.odNM ...... _ ..... _._....... ..... 
~--oIoodJ.,.r"~~ ....... -"I... 
__1.......... 4ltro: 
_ ..,uI "... ... .... --,.1000 
'A""-illdfk.A ___ "'..,...-ttillo,Ion".: 
~--. "".,...,.-
exemplos correlatos 
Usando uma série de colunas truncadas, Desta forma, as colunas se tornam outro 
04 :» u O escalonadas e móveis, os designers componente arquitetônico na montagem 
integram tipografia e imagem para sugerir de elementos fotográficos que também 
10 15 16 24 o pano de fundo do filme anunciado, a saber, apresentam a cidade. As passagens entre as 
a cidade de Nova York. Colunas relativamente colunas são cuidadosamente controladas, 
25 31 34 retas em tipo serifado tradicional se sobrepõem, mantendo-se assim a ordem de leitura 
e essa justaposição é explorada como convencional; o movimento rítmico da 
02 05 08 11 oportunidade para criar formas arquitetônicas, esquerda para a direita ao longo das saliências 
lembrando edifícios. e reentrâncias das colunas é preservado. 
14 18 26 28 Elementos lineares fornecem maior clareza, 
interligam a informação atravessando as 
33 	 37 medianizes e sugerem o elemento de viagem 
presente no tema do filme. 
--
projeto 
One More Kiss 
Folheto de divulgação 
de filme 
Offiet 
SHORT SYNOPSIS 
cliente 
Freewheel International 
MobFilrns 
Iam Pictures 
Produtoras de cinema 
Londres, Inglaterra 
WbenSanh HopIon ~~Io..t~"",.n. 
~"""....,..,Io«-idol---"otw ......... 
toop ........."' .... t.-_ ..... s.:..c..e...Io:n 
........ "'s-...... d ......... _ .....,t...dtloe.....,. 
s.........,._.~.waM$arM..-
..~....... S-hopnIl..,.... "... .............. 
........ w..,n,... ..,.s..n..Idt ... _ ..·.1oedo: 
oUtod........................_oIw:·...... . .,-d 
_1O_otiIlI __ IoIII'..... liIeõmodo:OOOI ... .-.. 
..... Hoinuoclroutlon ........ a...do>Ik.-l ........
11oeI __ c;-IIdooIp ..__... s-Io'-'a tlot_......,. ... _ 
• ..-......... whrr .. i1"-.NnI ........ _ 
PAU L BROOKS 
A(terl6c&Jft.,.......,. ... IikrM_ .. lb.duoo~,.,. ....... --.I 
.... w.-.. ..;.~ ''''-O''.Ir..... ''-I........ hio ...__"''' 
design 
Why Not Associates 
Londres, Inglaterra 
I 
........
~ 
... _ ............... 
( C REW 
,.",,~aMld,MInM. 
D..n...,.a.sanCllft 
",,"""'-I 
_'""-.... Elo'.... 
1.1_ p.-..;u I... ShwpIa 
r-.a-~ ~s.doir 
I t.ouhc ....... 
''':iI_''--­ r-.ocr-lJa.icI<u Sõ_ lhcu 
T.....,.ttaõr 
M.ou-lJIo."... OaooIo ~K,", 
CoIn.Joo,(JQw:;oou UncLo ...... 
.-...... -­
joh"M""'*".O'.IdIo I....... 
no ..... ""­
.......... 
s..s-wI 
,...10(--..... 
C~.... SpoIOA 
IOE McNALLY 
Worlting prt.domin~lntl)' on n-_rdalo "'TV. to- .... _ ..... wtd, -11)' ... UI( 
,....a.c1.........................I........Ia."'I"'Mod ..... "... .. edil .. ...,.."1 ·~Oot.· 
_conIl-.I .. --'''''~hIducII... Mr.-Dr.l 
""'Ir•..., 10 Wod, "'..... I'rl_.. E,..,.. ""po .... E. ­
o-WOUlUaio .. 6n1"'.......,fll-. 
MIKE FOX 
Milu~ foI slarted ill I .... rol.. iIodu...., .. I p«>i«1 ....io.I 
.1''"'-."..''''0_1'' ....._ '............... 111 
I"" I"'....., b 1"'r1)'lh_",.n "".. f............"1 
.,_p..."_Oi...""".rI.................. ·.................· 
~ ............. di_oI..........-.,...,.I... I ...II 
...,...."" .................nd oô........_llri_..u.. 
U-Ofll_wóIlIoAol. '"'-lI. He .... _-"""--"­
_...,.....,. .... "'"'Yon.~Co*I"'1DJI~ 
oIl.... f.Mpft· ..... I"," BIIC ....... tvaward .. .......... 
111.....&10 ·. f~ I .... 90' ..... -'" 111'0 _1"'1""'............, • .,. 11'-1", ....1\11' .... VO·hlc ........ """""*'. 
CoIt_ .... Codilloo;·. ""' , ... WlId.....,.·...... AlI,....,....,.... HId 1_'''''' wi .... , ... 
N 
O 
O 
N 
O
... 
o 
..........n_~tI.e ... r....-.'l.. Ml..5inu , IM!...... wpoud\ludor......:.li..,~te.. re.' .. "'m_lo.d..di"lS 
'SoIi\.oin, "" .,..•• 'Ood-..lt M;..·. ' lGIIi,.ll_', '1loorUooodo' .... """' .... 
s,;u·. Hoc_I.............~oIWoe1""""-
.. 1... .....,._· . ..~c-.it__ R... 
oIl... \....,...._~I_ 
pmdw;lIo" COIIIIIPO"" SoIW'''.......rI",IoiI.. 
aM"'iIloo.~ 
Frecwheel Inl«: rnalional are -ti rMIbIi.sl.d ...u. 
,..........-.-n......xn .... ......,........,.tloc...mpt.-.l 
Il00....,.,. ...................0-_ 1(1.. 1.... 
fInI_....., ..... ....,........." 
JAMPidu~1O'll!l 
_i"ldot...._.rIa...d "'.. IIftIO .... Iho:.lIC.nv. 
a.-..d • . --._...... "-tIa.• ~o.-wI 
.......IC .......~.... W"' ........ btonI .........w. 
ror • ......."oId.-_1ud;"I~. I ........raI... C"'- ..ria.nt" '*-r 
Noil"'lfIClõo........... ....t-n.. II ...... . ...,.:.........,..I ...... -.;"' I~W;.--
rora.....d.".... 
37 
estrutura 
Desconstruções de 
diagrama, colagem e 
grid de coluna composto 
exemplos correlatos 
01 07 28 33 
35 
02 05 23 31 
34 35 38 
Esta complexa visão geral da personalidade e 
do processo de trabalho de um escritório de • 
design desafia a estrutura convencional de 
catálogo, normalmente usada para organizar 
uma grande quantidade de material. Ao invés 
de uma estrutura repetitiva contendo todos os 
diferentes tipos de representação, os designers 
modificam a estrutura dependendo de uma 
série de variáve is: os componentes mostrados 
numa determinada página dupla, a natureza 
do projeto exposto, o processo criativo que 
os designers querem ressaltar. Cada projeto, 
portanto, ganha energia e contexto totalmente 
individuais, o que é adequado à abordagem 
conceitual que o escritório tenta explicitar. 
Uma parte importante do método 
organizacional, porém, é a integração de 
elementos gráficos, diagramas de processo e 
textos relativos a um mesmo projeto. Esses 
recursos cercam, envolvem e unem as imagens 
de cada um deles conforme a intuição do 
designer: ora se utiliza partes do briefing de um 
cliente e diagramas para mostrar o processo de 
reflexão, ora a complexidade de determinadas 
imagens é compensada com espaços em 
branco, ora imagens mais simples se unem com 
elementos lineares ou texturas correspondentes. 
Todas as páginas duplas dispõem de recursos de 
navegação na parte superior, indicando nome, 
número, cliente e tipo de projeto. 
- -------
--
projeto cliente design fotografia 
Soa" Wash Rinse Spin Tolleson Design Tolleson Design Tony Stromberg 
Monografia de design São Francisco, Califórnia, EUA Steve Tolleson São Francisco, Califórnia, EUA 
Brochura com Princeton Architectural São Francisco, Califórnia, EUA 
sobrecapa plástica Press 
Offiet Princeton, Nova Jersey, EUA 
-­
- ... --- ... _~-- ­
----_-.-_--­
_._-_..-._---­
-
.. ' 
, 
~k 
o'" 
'" 
o 
-. (..; 
....."::, c 
índice de colaboradores 
números dos 
exemplos 11 18 
Allemann, Alrnquist & Jones 
3°1 Cherry Street, 3rd Floor 
Filadélfia, PA 19106 
Estados Unidos 
www.aajdesign.com 
23 
BatesHori 
1200 Broadway, #2C 
Nova York, NY 10001 
Estados Unidos 
bateshori@earthlink.net 
20 
Dan Boyarski 
Carnegie Mellon University 
Pittsburgh, PA 15213 
Estados Unidos 
dan.boyarski@carnegiemellon.edu 
12 36 
Cahan & Associates 
171 Second Street, 5th floor 
São Francisco, CA 941°5 
Estados Unidos 
www.cahanassociates.com 
24 
Jennifer Saunders Carlini 
Carnegie Mellon University 
Pittsburgh, PA 15213 
Estados Unidos 
www.carnegiemellon .edu 
02 04 
Chermayeff & Geismar Inc. 
15 East 26th Street, 12th Floor 
Nova York, NY 10010 
Estados Unidos 
www.cgnyc.com 
10 
Frankfurt BaIkind Parlners 
244 East 58th Street 
Nova York, NY 10022 
Estados Unidos 
www.frankfurtbalkind.com 
25 
HeebokLee 
Carnegie Mellon University 
Pittsburgh, PA 15213 
Estados Unidos 
www.carnegiemellon.edu 
08 29 
Frost Design 
The Gymnasium 
Kings Way Place 
Londres EC1R oLU 
Inglaterra 
www.frostdesign.co.uk 
01 32 
LynnFyIak 
330 East 85th Street, NO.3C • 
Nova York, NY 10024 
Estados Unidos 
Ifylak@christies.com 
08 28 
April Greiman 
620 Moulton Avenue, Suite 211 
Los Angeles, CA 9°°31 
Estados Unidos 
www.aprilgreiman.com 
22 37 
C. Harvey Graphic Design 
440 West 24th Street, 1ee 
Nova York, NY 10011 
Estados Unidos 
www.charvey.com 
19 
Kristin Hughes 
Carnegie Mellon University 
Pittsburgh, PA 15213 
Estados Unidos 
www.carnegiemellon.edu 
07 22 
Ideas On Purpose 
27 West 20th Street, Suite 1001 
Nova York, NY 10011 
Estados Unidos 
www.ideasonpurpose.com 
15 26 
In(Corporate GmbH 
Postfach 10 34 06 
28034 Bremen 
Alemanha 
www.incorporate.de 
34 
Insect 
1-5 Clerkenwell Road 
Londres EC1M 5PA 
Inglaterra 
www.insect .co.uk 
16 
Intersection Studio 
1637A Electric Avenue 
Venice, CA 9°291 
Estados Unidos 
www.intersectionstudio.com 
18 
JoeI Katz Design Associates 
1616 Walnut Street, Suite 1919 
Filadélfia, PA 191°3 
Estados Unidos 
www.joelkatzdesign.com 
30 12 
Willi Kunz Associates, Inc. 
2112 Broadway, Rm. 500 
Nova York, NY 10023 
Estados Unidos 
w kany@aol.com 
27 
Landesberg Design 
1219 Bingham Street 
Pittsburgh, PA 15203 
Estados Unidos 
www.landesbergdesign.com 
09 07 
LeveI Design 
141 West 28th Street, Suite 6B 
Nova York, NY 10001 
Estados Unidos 
www.levelnyc.com 
13 
Maksirnovic & Partners 
Johannisstra~e 5 
66", Saarbrücken 
Alemanha 
www.maksimovic.de 
21 31 
Mayer & Myers 
619 South Tenth Street 
Filadélfia, PA 19147 
Estados Unidos 
www.mayerandmyers.com 
01 
McCoy & McCoy 
mccoykj@id.iit.edu 
24 
MetaDesign AG 
Bergmannstrasse 102 
10961 Berlim 
Alemanha 
www.metadesign.com 
20 31 
Meta Design SF 
350 Pacific Avenue, 3rd Floor 
São Francisco, CA 94'" 
Estados Unidos 
www.metadesign.com 
28 06 
Thornas Ockerse 
37 Woodbury Street 
Providence, RI 02906 
Estados Unidos 
tockerse@brainiac.com 
04 17 09 33 
Paone Design Associates, Ltd. 
Saint Patrick's Schoolhouse 
242 South Twentieth Street, 3rd Floor 
Filadélfia, PA 19103-5602 
Estados Unidos 
www.paonedesign .com 
34 
Pentagrarn UK 
11 Needham Road 
Londres W" 2RP 
Inglaterra 
www.pentagram.com 
10 
Pettistudio LLC 
55 Washington Street, Suite 551 
Brooklyn, NY 11201 
Estados Unidos 
www.pettistudio.com 
23 17 
Atelier Poisson 
Place de LEurope 8 
1003 Lausanne 
5uíça 
13 19 35 
Poulin + Morris 
286 Spring Street, 6th Floor 
Nova York, NY 10013 
Estados Unidos 
www.poulinmorris.com 
02 26 
Praxis Sirnon Johnston 
254 Tranquillo Road 
Pacific Palisades, CA 90272 
Estados Unidos 
prxs _ dsgn@aol.com 
16 
Tirnothy Sarnara 
436 West 22nd Street 
Nova York, NY 10011 
Estados Unidos 
timsamara@hotmail.com 
27 11 
Skolos-Wedell, Inc. 
125 Green Street 
Canton, MA 02021 
Estados Unidos 
www.skolos-wedell.com 
33 38 35 
Srnall Design Firm, Inc. 
75 Massachusetts Avenue, Suite 11 
Cambridge, MA 02139 - 3070 
Estados Unidos 
www.davidsmall.com 
15 25 
Stoltze Design 
49 Melcher Street 
Boston, MA 02210 
Estados Unidos 
www.stoltze.com 
21 1 37 
Tolleson Design 
220 Jackson Street, Suite No. 310 
São Francisco, CA 94111 
Estados Unidos 
www.tolleson .com 
06 03 
Niklaus Troxler Design 
P.O. Box 
CH 6130 Willisau 
Suíça 
www.trox lerart.ch 
05 14 
UNA (Arnsterdarn) Designers 
Mauritskade 55 
1092 AD Amsterdã 
Holanda 
www.unadesigners.nl 
30 
Andrea Vazquez 
Rhode Island School of Design 
Two College Street 
Providence, RI 02903 
Estados Unidos 
www.risd.edu 
29 
Vignelli Associates 
130 East 67th Street 
Nova York, NY 10018 
Estados Unidos 
www.vignelli.com 
03 05 36 
Why Not Associates 
22C Shepherdess Walk 
Londres N1 7LB 
Inglaterra 
www.whynotassociates.com 
Outros colaboradores 
David Carson pp. 118,119, 121, 125 
414 Broadway 
Nova York, NY 10013 
Estados Unidos 
www.davidcarsondesign.com 
Jenny Chan pp. 122, 123 
55 Jackson Road 
Hamden, CT 06517 
Estados Unidos 
Sheila deBretteville p. 28 
Yale University School of Art 
New Haven, CT 06511 
Estados Unidos 
www.yale.edu 
Enterprise IG p .21 
570 Lexington Avenue, 5th Floor 
Nova York, NY 10022 
Estados Unidos 
www.enterpr iseig.com 
Total Design p.20 
Paalbergweg 42 
1105 BV Amsterdã 
Holanda 
www.totaldesign.nl 
Wolfgang Weingart pp. 115, 116 
Hochschule für Gestaltung und Kunst 
Departamento de Tipografia, G_102 
Vogelsangstrasse 15 
CH 4058 Basiléia 
Suíça 
Kristie Williarns pp. 122, 123 
University of the Arts 
Departamento de Design Gráfico 
333 South Broad Street 
Filadélfia, PA 19103 
Estados Unidos 
www.uarts.edu 
Bibliografia 
Aicher,Otl. 
World as Design. Berlim: Ernst und Sohn, 1994. 
Aldersey-Williams, Hugh e outros. 
Cranbrook Design: The New Discourse. Nova York: Rizzoli , 1990. 
Aldersey-Williams, Hugh. 
New American Design. Nova York: Rizzoli , 1988. 
Bayer, Herbert; Gropius, Walter; e Gropius, Ise (orgs). 
Bauhaus '9'9-'928. Nova York: The Museum of Modern Art, 1938. 
Bosshard, Hans Rudolf. 
The Typographic Grid. Sulgen / Zurique: Niggli AG, 2000. 
Buddensieg, Tilmann. 
Industrialkultur: Peter Behrens and the AEG. Cambridge, MA: 
MIT Press, 1984. 
Celant, Germano e outros. 
Design: Vigne/li. Nova York: Rizzoli , 1990. 
Dickerman, Leah (org). 
Building the Collective: Soviet Graphic Design '9'7-'937; Selections 
from the Merrill C. Berman Collection. Nova York: Princeton 
Architectural Press, 1996. 
Doig, Allan. 
Theo Van Doesburg: Painting into Architecture, Theory into 
Practice. Cambridge: Cambridge Univers ity Press, 1986. 
Gerstner, Karl. 
Designing Programmes. Teufen AR, Suíça: Arthur Niggli, 1968. 
Hoffmann, Armin. 
Armin Hoffmann: His Work, Quest and Philosophy. Basiléia , 
Boston, Berlim: Bi rkhauser Verlag, 1989. 
Kunz, Willi. 
Typography: Macro- and Micro-aesthetics. Teufen, Suíça: Verlag 
Arthur Niggli, 1999. 
Lupton, Ellen. 
Mixing Messages: Graphic Design in Contemporary Culture. Nova 
York: Princeton Architectural Press, 1997. 
Lupton, Ellen e Miller, J. Abbott (orgs.). 
The ABCs of the Bauhaus and Design Theory. Nova York: Princeton 
Architectural Press, 1995. 
McLean, Ruari. 
Jan Tschichold: Typographer. Londres: Lund Humphries, 1975. 
Meggs, Philip B. 
A History of Graphic Design. Nova York: John Wiley & Sons, 
4~ edição, 2006. 
Müller-Brockmann, Josef. 
The Graphic Artist and His Design Problems. Teufen AR, Suíça: 
Verlag Arthur Niggli, 1968. 
Müller-Brockmann, Josef. 
Grid Systems in Graphic Design. Niederteufen: Verlag Arthur 
Niggli,1981 . 
Naylor, Gilliam. 
The Bauhaus Reassessed: Sources and Design Theory. Londres: 
Herbert Press, 1985. 
Purvis, Alston. 
Dutch Graphic Design: '9,8-'945. Nova York: Van Nostrand 
Reinhold, 1992. 
Rand, Paul. 
Thoughts on Design. Nova York: Van Nostrand Reinhold, 1970. 
Rotzler, Willy. 
Constructive Concepts. Nova York : Rizzo li, 1977­
Ruder, Emil. 
Typography. TeufenAR, Suíça : Verl ag Arthur Niggl i, 1968. 
Tschichold, Jan. 
Die Neue Typographie (The New Typography). Berlim: Verlag des 
Bildungsverbandes, 1928. 
Tschichold, Jan. 
Designing Books. Nova York: Wittenborn, Schultz, Inc., 1951. 
Venturi, Robert; Brown, Denise Scott; e Izenour, Steven. 
Aprendendo com Las Vegas. São Paulo: Cosac Naify, 2003­
Weingart, Wolfgang. 
My Way to Typography. Baden, Suíça : Lars M ül ler Verlag, 2000. 
BIBLIOGRAFIA COMPLEMENTAR (PUBLICADA NO BRASIL) 
Bringhurst, Robert. 
Elementos do estilo tipográfico. São Paulo: Cosac Naify, 
20 04· 
Cardoso, Rafael (arg.). 
O design brasileiro antes do design - aspectos da história gráfica, 
1870-1960. São Paulo: Cosac Naify, 2005. 
Farias, Priscila. 
Tipografia digital. Rio de Janeiro: Editora 2AB, 1998. 
Ferlauto, Cláudio. 
o'" O tipo da gráfica: uma continuação. São Paulo: Rosari , 2003- 0\ 
Ferlauto, Cláudio. o
..., '" 
A fôrma e aforma. São Paulo: Rosari , 2004. 
Frutiger, Adrian. 
Sinais e símbolos: desenho, projeto e significado. São Paulo: 
M art ins Fontes, 1999. 
Heller, Steven. o 
Linguagens do design: compreendendo o design gráfico. São Paulo: 
Rosari,2007· 
Hollis, Richard. 
Design gráfico: uma história concisa. São Paulo: Martins Fontes, 
2001. 
Hurlburt, Allen. 
Layout: o design da página impressa. São Paulo: Nobel, 2000. 
Lupton, Ellen. 
Pensar com tipos: um guia para designers, escritores, editores e 
estudantes. São Paulo: Cosac Naify, 2006. 
Melo, Chico Homem de (org.). 
O design gráfico brasileiro: anos 60. São Paulo: Cosac Naify, 2006. 
Rickey, George. 
Construtivísmo - origens e evolução. São Paulo: Cosac Naify, 200 2. 
Stolarki, André. 
Alexandre Wollner e a formação do design moderno no Brasil. São 
Paulo: Cosac Naify, 2005. 
Weingart, Wolfgang. 
Como se pode fazer tipografia suíça? São Paulo: Rosari , 2004. 
Wollner, Alexandre. 
Design visual: 50 anos. São Paulo: Cosac Naify, 2003­
V'l fi) 	 Cl. VI 
n '" fi) Z Ofi)fi) O 	 © Cosac Naify, 2007::r 	 <Xl::l fi) <O Õ' '" 	 llJ..., ~ ::l '" m © Rockport Publishers, Inc, 20022- Cl.3 < 	 ê oCl. o llJ 	 o ...,llJ Cl. l> 
.e: fi) < ?" cC fi) 3' 'TI -l A publicação deste livro foi sugerida por João de Souza Leite 
::l '" ofi) fi) ofi) '"<' 	 :::lfi) 3 3 '" 
..., 3 o ~ o O Conse lho ed itor ial ANDRÉ STOLARSKI , CHICO HOMEM DE MELO,
:::l ::!I e:'" 	 Cl. , Cl.õ.: :::l fi) fi)llJ '" 	 RAFAEL CARDOSO, RODOLFO CAPETO 
Cl. ;:+ '" '" fi) 
e: 
~ 
e: Cl. 00'" ' fi) :::l 
..n· n fi) llJ :::lCl. 	 ::l fi) Coordenação ed itorial ELAINE RAMOS 
fi) O I ru 	 !:t. ...,fi) ~ 	 C 
V'l 	 Cl. :::l ao<' llJ 	 ...,..., '" n O 	 Composição JUSSARA FINO<' 1lJ , llJ 	 Cl.O 	 fi)n !" 	 fi) ..., ::!I 
e: 3 n 
O o fi) '" 	 '";:+ O Preparação JULlA BUSSIUS llJ . '" 	 ~llJ e: '< 
fi) 	 ::1 e: O 
llJ llJC llJ 
'" 	
..., 3 Revisão CAMILA SARAIVA, MARCELA VIEIRA e::::l Ol> ~V'l tu ....n <' 	 '" fi) ~ ::r 
O 
fi) 
'"
::r 
..., '"fi) 	 Cl. '< 
fi) Cl. V'l2- '" õ.: llJ llJ llJ 
O
..., 
llJ " 00'" ' ::!! 3fi)Cl. :::l llJ fi) 	 llJ ...,~5 '" 	 Cl. llJCl. ru 	 Cl. fi) fI) ,
'" fi) 3e: 
'" :::l ::tillJ ::l O 
llJ 
~ 	 llJ ...,Õ' llJn ..., 	 fi)~ ::r e: fi)~ Cl.:::l 300' llJ fi) q­'" <' Cl.Cl. llJ fi) ·n llJ fi) 
.::l ..., IlJI n o­
'" 
O llJ llJZ llJ , 
O Cl. ::r 
< Z llJ llJ '" fi) llJ " llJ fi) Cl. ru llJ fi)fi)~ 	 Ofi)ê ::r fi) 3
..., O 3?" e: 3 
...,
.D
'" fi) e: "fi) 
fi) llJ'" 
'" 
Dados Inte rnacionais de Cata logação na Publicação (C IP) 
(Cã mara Bras ilei ra do Livro. SP, Brasil) 
Samara, Timothy 
Grid : construção e desconstrução 
Titulo original : Making and breaking the grid: 
a graphic design layout workshop 
Escrito, compilado e projetado por Timothy Sa mara 
Tradução: Denise Bottmann 
São Paulo: Cosac Naify, 2007 , 
208 pp., 329 ils . 
ISBN 978.85-7503-629-7 
1. Comun icação visual 2. Design gráfico (tipografia) 
3- Grids (projeto t ipográfico) 4. Layout (impressão) I. Titulo 
07-4575 coo 686.224 
indices para catálogo sistemático: 
1. Grids: Projeto visual gráfico: Tipografia 686.224 
I 
COSAC NAIFY 
Rua General Jardim, 770, 2~ andar 
01223- 010 São Paulo SP 
Tel [5511] 32181444 
Fax [5511]3257 8164 
www.cosacnaify.com.br 
Atendimento ao professor [5511] 3823 6595 
,1~~i[i~Jllí~'uí~í