02 Strut irid de coluna 0 13 16 16 2m 0 oncities Staridardé US. Genta sevice: Dietntesenrututais Administration evolges park ‘Agencia govenarental pennant Wowhington oc. 618 readme espe ope Um gid de duascolunas extremamente simples organiza este manual ce direrizes. Comadocumento para atendera uira seve de departamentas descentealzades de servis seraise edficios pubicos;sua simpliidads favorece tanto uma abordagem continua, fuanto permite um fil aressodo usu 8s Informagées. As clunas divider as piginas mats ou menosna metade. As margens 530 ‘isualmente repilares:as mterras s30 um pouco mais largas para compersar aespiral fa encademacao Flementoslieares demsaream asmargent ao longode todo olivro, mas gridcompletofica eyidente nas paginasde Indice, numa reetencia ascopis hel ograieas ee arquitewwra herragltt Geena Feith Helmeag ovo Yr, ELA “11 Pupose athe Facilites Sundars for he Public Bulings Service 05 fois etitulescortentes extravasam as vas clunas, mas na pe as pagina, ¢naoro topo, dando precedércia aos elementos ras importantes da hlerarquia:ttulos das-secdes, subtitulos infermacées itemizadas. (0: graficose takeias se integram facimente ne 4nd, eoferecern uma certs varacao a sequela das paginas. As abas de divisao usarwa moldura da grid como elemento decoratwa, contrastando com cs enarmes nimievos das secBes © com os titwlos Matetial com direitos autorais03 jrid modularWhy Not Arsciates a capacity investing inthe creative spirit,04 ture exempls corelatos 2 2 13 a1 19 24 a2 20 aa Material com direitos autorais‘wor paonetesighcom TaoneDesign Ascites site Desigers gris sh vsa0 50 lata Pesan, FU Um gid hierarquico simples organiza o ‘onteiido de marketing e o prtflio do ste deste esertorio de design. As proporcbes de cada tea dentro da pagina cortespondem a fungd0 ‘Ge cada uma deas na manipulaga0 co conteuco, 4s grandes dvisdes horizontals por exemplo, separam uma larga area para texto eimagens. Nenhuma das amas de conteico tem a mesma proporcio,mas suas espectivas dimensbes horizontais, verucals © modulares unificar & ‘onjunto numa especie detensio tranquil Paone Design Asscites Juan Sensenanea Gregory Paoxe aan spans age, Persivone, U8 As links dvisoras do grid fear 3 mostra. ‘onsttuem uma linguagem visual sui que une ‘os elementos de navegagio ¢a dentidade © formato quadiado do paine principal pode conter os diferentes formatos dos trabathos do esata, desde brochuras comprdas até areas A linha de topo separa a navepacao, adentidade e odetahhamento da area de ‘onteudo primario onde aparecer 0s projtos daempresi. lor Material com direitos autorais,toa Yan Lanichot Bank UNA [msterdar) banco prvadi Holanda se organiza em torno de um ele gid de colunas que integra texto, tabel - O bloco de texte ¢ dnididoem quate rovamente subéivididas ~ ficando com a legura da numero mais longo ente todas as tabeas Uma serie de alishamentes separades por em ra borda do bloco de texto principal cr dados fnanceites e os subtitules ou notacbe frojetam:se para farada margem para se inhar com 0 numero da pagina no topo Um expagoentre lithe de tope do bloco de texto o cabecalho orienta 0 contetda das tabelas, As co éiferenciadas pelo fundo brance ou colorido, & 36 tifras de ano 2000 resebem 0 maximo destaqus ‘A capa dura tem gravad o brasio ds familia de \queiros, numa referénea 3 sobriedade do ‘conteide. Mas acapa ésobreposta por um ‘artaz dabiade multkolorio mostrando © mals. miportante; as cifras fnanceiras do miola.A composicao vive e atwaente diverge ca estutura Sobrecapa écurta,e delxa aparecer armarca do banca a capa, alinhamento dessa dobea teprodu alinha de topo no interior do relator.06 a Grid modularlati anual Ofer sheate aps egenaton fas on Purpose Pesquisa Darter Naraye feserovienton8 sow FUR ‘aon. NEU Noe L8 Afastando se dos grids regulares, onde o mesmo modularege 4 paginas independentemente da infarmacao apresentada, tte pequeno relator anual usa teés articulacdes separains fe um grid modular cada qual om ss proporede, baceada na propergio do médulo subjacente.Cada um dos grids & recortado segurdo secoes especifcas ou Upos de intormacae. ‘alterna de grids se repete a0 engo de vaias secoes, conferindouma cadéncia agradavel as paginas. Um gid de6 x8 médulosnas paginas da esquerda da primeis secdoapreientag ambiente dacmpiesa eestrutura um pardgafo de texto na parte de baixa.As margens sda definidas pelas dimensbes do médulo. Em contraste, a pina da dteta use o grid medular isco. Tle @ vsiws come uma sobrecamada na fetografia.primelta vista, parece decorati, mas o grid usado para esteuturar intormacoes tematicas, como num queora-cabegas,alem do paragrafo abaivo dele, O médulo menor contraa imagem em ose do resto da a idea de uma maior profuncidade de foco. pastando a ambiente de trabalho para oprafssional 2 flosofia da empresa, com declaracies dos dretores © Presldentes se encaira na primeira estrutura do ri, Um outretamanho de malo define gid para a sec30 = finance sepatada d seco conceal pele vio de um gape tmostrscor Material com direitos autoraisstrataCatlegos de ves Laurence King Publishing Trot Design des glean nares ingltera fete catilogo trimestal de tituloe de uma editora adota um grid poco g, usualcom divisbes verticas de 1cm, e dus guias horizotais na topo : a pagina. Cada pagina de uma dupla¢ dedicada a apresentacao de um Snicolivro.A tina central vertical da pagina é usada como referéncia zara os daos do va alinnada’ esquerda e seguindo a primera guia a horizontal. Uma estreita fala horizontal édefinida pelo espaco entre os adios do lire eo comeco do texto descritvo, Ese texto seguea segunda. > {ula horizental,que também define a localiacio do fliona extrema . Citeita, Dentro desta faa estretaotitule do luro~no mesme tipo Sem seria usado no txt cortco, mas em corpo mar eem bold ica cima da segunda gua horizontal de mode que, e acupat mas de ‘ma nhac val subindoconferme necessidade Por outro ldo, : rmltiplas evisdes verticals permitem 20 designe dr ritmo e movimento 20 testo, avancando cu reauandoo alinhamento do paragrafo.As veres ssa variago acomoca a cpa do live apresentado, outras vezes, € uma ‘espostaotca&dinamica dos outros elementos da pagina dupa. Mas 0 Slnhamentoesquerdo dos paragrafes sempre vltaa se alihar com a Informagie no topo, dande rescues a pagina ;09 strutura irid modular exer correlatos 03 06 07 09 10 13 16 17 19 22 24 25 19 21 38 81eee oad er ae ee eeexemplos coreatos 13 2 2r 35 06 16 23 29 38 a 35 07 7 24 30 09 1% 25 a Baseado numa marca quadrada (que remete 2 deualhes arqutetanicas este conuntode pecasinformatvas ede divulgacao usa um grid ‘modular para acomedar informagaes de cinco Instituigdes deensino e pesquisa, todas com o nome Getty, (0 médule quadrado sempre deriva de uma ‘medida cortespondente a um quarto da Jagura de um determinado formato, ajudando 8 organizare unis, tanto formal quanto concstuaimente, tipos dlspares de magens concorrentes ~pintura escultura, caligafa, arguitetura em inimeres formats, ssa unifcagdo ocorre porque a inclusdode cada imagem num guadrado neutraliza até certo ponto) sua indWvidualidace; 0 cerebro entende (ue elas estdo relacionacas entre sipor estar dentro de quadrados. A inclusio nesse médulo também ajuda a reforgara relacao dessas imagens com 2 marca Getty: elas sio as varias coisas diferentes que a entidade reune para pesquisa #exposicao,opset Os quads 0 reauss visuals snp {que podem se cor a ‘ou seguir uma setutu ‘iil = 4 — ‘exemplos eovtlatos 4 08 oF 08 10 139 15 16 m4 27 30 3Investors Fell alantiecomayany esereneoulde Frosh infrmatva Incadenocic espe. ‘Nova irk ELA hos dss es offet Um gid matcante de ts colunas,com ‘proporcbes:das margens entrecolunas ‘cuidadosamente estudadas, permite acessoa tum grande volume de informacses complexas, CO bloc de texto parts de wna margem mals, esttelis no topo, edurinac 0 efeito ico a "prvidade" eajudandoo leitora digerir ‘almamente a multiglicidade de graficos, diagramace subitenc dent de-carpo do documento A atene39 minucioss a0 corpe, 3 entrelnhae as relagdes das maigens mantem 4 informacao integrada, apesar de diferenciada sem embaralhamerto, annecererecececadissagenuan UEC ‘Alleman Amu + Jenes Hans Uallenaa Flos Pera CUA ‘A maioria éas piginas est divgida em trés zonasdistintas: uma f9ixa n@ topo, definida por duas guias horizontals abriga numero a se¢40, title da socio 0 flo; as duas Colunas interna s30 usadas como uma nica Coluna larga para consideracoes iniciis e 0 textocorrido:a coluna externa ¢reservada pare diagramas,mapas etabelas ‘arpa variedade de infomagao cra uma rmudanga eonstante no leaute das paginas, mesrro com um grid ta0 regula. ‘As abas que separamas secdesse urem no seu proprio rid simples, que trata de maneica consistente o a distribuigdo da informacao, A varaga0‘¢ introduzida por meio de masdangas naimagem «na co F Fhencat Material comaa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.13 strut id modular 06 07 16 2a 30Unversity of Rochester Montagem ce expesigao _Taculdde demediina Amarin dea pons Rochester NV.EUA medline impress {sta expos¢ao iinerante, constvida de forma simples, sobre a biografia de um ganador do rémio Nobel contrabalanca o rigor deliberado de um pride médulos quadradas com paindls graciosamente curvos e detalhes de cores vivas, “rata-se de um grid modular ampliaco, sem Interstcios entre os néduls. Textos e Imagens sobre a vidh de arthur Kornberg se distribuer fem terna dele-entrelagando-usuais era de padrao, que sio posicionados em qualquer lugar ‘onde caibam, desde que se alichem como gr podem futua por trds ‘ou interferr na coluna dupla regular do texte corrido,e muitas vezes transpaem a median (0 ponte de panda para a posicao das legendas, € uma margem externa secundaria,espelhada ras paginas da esquerda eda direita.O tino ‘menor e acoluna mals esteitaparaas legendas cotrespondem 3 largura da coluna unitara Aefinda palo médul, Ha encartes devatlos amannes e gramaturas.e eles nao seguem necessariamente grid. As vezes, esta transgressio inesperada também surge nas. llustigdes efetivamente impressasna pagina de texto principal. A interacdo entre essas imagers tuompe lll eos pop-upstridimensionais cia uma rica dimensionalidace,aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.Beauty Shiseido Commetcr, lesen Design Thomas Alege Craphtok tock ponte hip Felt ‘hotenea Stick SGreeta Gien Mecute aber Sebee formato pequero. Uma forte herizortalidade As fobias co papel vegetal tém dobro d possa ser cobrado e encadernado com o la distinias definem 0 esp sobreporem, cada um cedendolugarao autra, ode continuidade ent 9, produto/figura, figural22 exemplas cortelatos 03 068 won “47 24 26 a 33 05 06 18 18 36 07 community culture | . exhibitic aetstacs jersey city do pide igg AOentdade orportiva pean umpresss esinalzagic C Hanvey GaphieDesign on re view eee Serre ress ne Sarena Collection 2001-2002 Neste programa de \dentidage, um sistema de tipos de grid elementos modularesunifca a comunicacao visual de ura entidade de cultura oferece fexbiidade para novas aplieacbes Tedos 0s materais usam um gid de colunas definidas pelas proporgdes do formato, nfo previamente determinadss, como cestutra ser ocaso de programas de identidade er larga escala; As vezes sto necessarias duas, 4s vezes quatro clunas, Em todos 0: case um conjurte sistemitico de guas horizonta divide 0 fermato em duas trés ou quatro Ben Shahn EU Rui ee eee coe UCmYEUT ist Sept. 13~ Dec. 31 partes A relacao ent as colunas pase v tretar no boletim, as colunas da tex proximas eparalelas, mas podem se fm mea ealuna par acomodat legendas de imagens; ros falhetes de adesto, as coluras s30 espayadasde forma que faces estritas do formato de ts dobraduras possam preservar a assimetria das margens.que asaplicacées em formato maior Em alguns 280s 0 grd decoluna se torna modular e iteraimente articulado come quad {do.mesmomodo que os banners externos das modularlade ajuda atender 2 viras finalidades: ca uma apresentacaa mals chamativa,apropriada a0 contexto da mensagem: permite que a mesmo fermata exposigoes unifiue mensagens drastcamente diversas e ds obras de arte que estdo sendo divilgacas contribui para reforcarainspirasao arquitetonia darmarca do museu:9 quadrado prado que decors a fachada do edifice. forma modular 1m élargamente usada com tam ‘ontrapont material impresso informstivo,aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.Tine asa Design Element oe) Dre td Pe ae Pee26 ruta de coluna cexempios corelatos 02 05 08 11 1214 18 22 2 33497 05 07 99 10 1315 16 24 a 90 31 36ote Kreuz Krankenhaae ogi da Cruz Vermelna Sreme,Alenanho eat fal ochre, copa em papel ‘eoft moloen cout foro, tmcorte com aca epecare inserts de ime sto omet Infcoryoate Communication + Desig cet atten Unteberger erin lean ‘Thomas Hellmann lremen Alena ofmann + elchelt tdenteg Atenas ‘Um gti convencional de duas clunas ganha imersdo extra neste relatorio fiscal de um hospital em Bremen. margem large da ‘equerda, ue abriga um elaborado folio vertical, crienta assmetrcamente na paginas dias colunas de texto priari.0 texto corrido uma determinada secao comeca na coluna da ‘extrema esquerda ate acabar, sea nacoluna 4a direitaéa pagina esquerda, sea na pagina a direita. Uma aba conterdo uma barra lateral ‘elementos ilstratves se dobra sebre 9 segunda coluna da pagina dtetae, cuando se abre, evel textos oulmagens adicionals.As ‘ezes essa aba taz informa¢ao interativa,como ‘pop-ups ov abas etratels, ou imagens especials, como uma chaps de rao Em cada pagina dupla,o tergo inferior da ‘pagina esti separado por uma guia horizontal (ue reserva uma area para grafics, diagramas médicos e nformacdes fnaniceas, Os destaques da parte firancera,apresentados no fnal do relatrio ocupars a largura dos dvas coluras