Processo de seleo tipogrca: os critrios visuais

Typographic selection process: the visual criterions

Rocha, Cleomar; PhD; Universidade Salvador UNIFACS cleomarrocha@gmail.com Assis, Danilo; Graduando; Universidade Salvador UNIFACS risada@gmail.com Dehon, Heric; Graduando; Universidade Salvador UNIFACS hericdehon@gmail.com Bitencourt, Elias; Especialista; Universidade Salvador UNIFACS eliasbitencourt@gmail.com

Resumo
O artigo apresenta, dene e exemplica quesitos visuais do processo de seleo tipogrca, observando o peso, a largura e o estilo, bem como procedimentos que devem ser evitados. Tais observaes compem o critrio visual de seleo tipogrca, estruturado com mais dois outros critrios, o tcnico e o conceitual, indissociveis na prtica projetual. No mbito terico tal aspecto isolado, tendo na base bibliogrca o principal mtodo que alicera o trabalho. A premncia de eixos objetivos que norteiem o projeto de comunicao visual a principal concluso a que se chega. Palavras-chave: Tipograa, seleo tipogrca, critrios visuais

Abstract
The article presents, denes and explains visual issues about the typographic selection process, observing the weight, the width and the style as well as the procedures that may be avoided. Those observations compose the visual criterions of the typographic selection, put together with two more criterions, the technical and the theoretical, non-separable on the projectual practice. On the theoretical area that aspect is isolated, having on the bibliographical bases the main method that consolidate the work. The conclusion that we reach refers to the urgency of the axis that leads to the visual communication project. Keywords: typography, typographical selections and visual criterions.

7 Congresso de Pesquisa & Desenvolvimento em Design

Tcnicas e Mtodos de Pesquisa

Este artigo sustentado por pesquisa de base bibliogrca utilizando anlise, comparao e sntese. Utiliza o mtodo lgico por induo, partindo de caractersticas especcas para criar regras gerais de orientao. A escassa bibliograa aponta para a necessidade de se adotar tais tcnicas de pesquisa com o objetivo de nortear o processo de seleo tipogrca. Introduo
Pelos mais diferentes motivos, prticos ou meramente decorativos, o tipo bsico da letra sempre foi alterado e manipulado deliberadamente. (FRUTIGER, 1999, 147)

O processo de seleo tipogrca considera, via de regra, trs importantes aspectos, a saber: visuais, tcnicos e conceituais. Tomados isoladamente, tais aspectos se desintegram e podem conduzir a erros ou escolhas indevidas de tipograas para projetos de comunicao visual. Observados dentro da articulao necessria, tais aspectos minimizam possveis incongruncias e conduzem, por conseguinte, a otimizao das escolhas para o mesmo m. O presente artigo didaticamente se debrua sobre os aspectos visuais de seleo tipogrca entendendo tal isolamento enquanto processo metodolgico de conduo da pesquisa e no efetivamente enquanto possibilidade de uso desarticulado com os demais critrios de seleo. A morfologia dos caracteres ortogrcos e para ortogrcos determinada por estruturas formais que correspondem aos modelos dos signos lingsticos internalizados pelo do leitor (FRUTIGER, 1999). Os conceitos de aceitabilidade e distingibilidade propostos por Bouma (1980), base para as denies de legibilidade de Sanders e McCormick (1987 apud MORAES, 1996) apiam-se justamente sobre essas referidas estruturas que compem o repertrio do alfabetizado e que portanto, tem no seu reconhecimento o pressuposto para a compreenso de toda mensagem escrita. estrutura formal bsica entretanto, superpe-se um entorno (stroke) que em si o principal elemento morfolgico responsvel pela personalidade e estilo conferido aos caracteres, permitindo a estes ltimos, serem agrupados em diferentes famlias tipogrcas. Estas estruturas responsveis pela determinao do estilo tipogrco, segundo Frutiger (1999), seriam assimiladas pelo leitor enquanto uma ressonncia, no interferindo negativamente o processo de leitura. Observa-se, ainda, as variaes de estrutura cabveis no lxico dos intrpretes, e que dizem, portanto, de uma manuteno do valor lingstico do signo tipogrco. Normalmente os caracteres latinos possuem estruturas diferenciadas para caixa baixa e alta, podendo alguns destes contemplarem mais de uma variao em caixa baixa, como o caractere

7 Congresso de Pesquisa & Desenvolvimento em Design

g que gura com descendente em forma de loop ou arco, assim como o a tido a partir de um ou dois counters, sendo um deles fechado.

Figura 01

As alteraes advindas da manipulao da estrutura dos tipos podem ocasionar a no identicao dos mesmos, resultando, portanto, na perda da sua funo enquanto smbolo lingstico. No obstante o fato de a estrutura no estar propensa a alteraes, a grande variao tipogrca ocorre em seus entornos (strokes), distinguindo as famlias tipogrcas. Compreendem-se por variaes os elementos que contornam as estruturas dos caracteres reconhecidas desde as hastes, traves, extensores, terminais e variao nestas espessuras e, conforme Frutiger (1999), adornos. Neste tocante, cabe-se referir ainda ao conjunto de caracteres alternativos como os caracteres caudais1, onde se vericam manipulaes estruturais com nalidades estilsticas vinculadas a padres histricos; e as ligaturas, onde as alteraes formais tambm dizem de utilizaes estilsticas, questes referentes a amplitude lxica ou mesmo solues para problemas eventuais de espacejamento entre pares de caracteres especcos (kerning).

Figura 02

Variaes tipogrcas

7 Congresso de Pesquisa & Desenvolvimento em Design

Uma breve incurso pela literatura especializada revela a inexistncia de uniformidade da nomenclatura utilizada para as variaes tipogrcas. Neste tocante, no se pretende aqui uniformizar tais termos, muito embora haja a necessidade de design-los. Assim, o artigo elege as variaes de largura, peso, inclinao e estilo enquanto as consideradas para sistematizar o aspecto visual do processo de seleo de tipos.

Largura
O padro para uma fonte regular ou normal ter 4/5 de sua altura. Essa relao pode ser modicada de acordo com o projeto tipogrco. Aumentando o valor da largura do caractere, a proporo de 4:5 se perde e a tipograa passa a ser considerada expandida. Diminuindo a proporo para, por exemplo, 3:5, considera-se uma fonte condensada. Assim sendo, denomina-se largura a variao de proporo entre os eixos x e y dos tipos. importante lembrar que essas propores esto denidas de acordo com o costume visual condicionado a sculos pela leitura (FRUTIGER, 1999). As variaes trazidas por Rocha (2001, 60) para a largura dos caracteres so: Compressed, ExtraCompressed, Narrow, UltraCondensed, Condensed, ExtraCondensed, Tall, Extended, Wide. Para Frutiger (1999), um caractere considerado extracondensado quando a medida de sua largura est em torno de 40% a 59% de sua altura, de 60% a 70% esto as condensadas, de 71% a 80% as normais e, de 81% a 100% as expandidas. Este clculo feito com base na letra h, caractere que normalmente origina uma srie de outros no ato da projetao tipogrca. Forar variaes na largura atravs da manipulao da estrutura tipogrca signica interferir desenho dos caracteres, possibilitando incongruncias entre as demais variaes da mesma famlia, bem como comprometimentos no processo de reconhecimento dos caracteres, na legibilidade portanto. As variaes de largura determinam uma maior ou menor ocupao de espao. Formas extendidas demandam maiores reas, enquanto variaes mais delgadas economizam espao grco. Quanto legibilidade, tipos mais familiares, com a variao regular, possibilitam aos leitores a identicao mais rpida dos conjuntos de caracteres, conseqentemente, a leitura torna-se mais uida. Para ns de seleo tipogrca, a variao de largura est relacionada ao espao disponvel e ao reconhecimento do tipo. Para projetos que demandem uma maior quantidade de texto, como design editorial, a preferncia seria para a observao do espao, enquanto que para peas de comunicao visual e/ou identidade visual, os critrios apontariam para a distino do tipo em relao a sua largura.

7 Congresso de Pesquisa & Desenvolvimento em Design

Peso
Tipos semi-bold so preferidos por muitos leitores. Para pessoas com problemas de viso, tipos semi-bold so essenciais (SPENCER apud FARIAS 1998, 74) Para a teoria da percepo o peso a fora de um objeto em atrair a ateno do seu observador (ARNHEIM, 1996). Entretanto, ao analisar a tipograa, peso a sensao visual da massa dos caracteres, denida entre a rea de grasmo e contra-grasmo dos mesmos, sendo que, quanto maior a rea de preto e menor a rea de branco, maior ser o seu peso. Das caractersticas visuais tipogrcas, o peso possui a maior amplitude de variao. Descritas por Rocha (2001, 60) contemplam: Light, ExtraLight, Thin, SemiLight; Regular, Mdium, Normal, Plain e Roman; Demi, book e DemiBook; SemiBold e DemiBold; Bold; SuperBold e ExtraBold; UltraBold, Heavy, Black, Ultra e Fat. Caso o designer opte por utilizar um tipo encorpado e espesso, fontes que j possuam projetos adequados a esses desenhos devem ser selecionadas. Forar uma tipograa regular a tornar-se Black aumentando apenas a espessura de seu contorno poder trazer uma srie de conseqncias que comprometem a legibilidade dos caracteres. Preenchimento de counters, arredondamento de junes, ampliao das serifas e entupimento de incises, so exemplos de problemas advindos desta pratica. Neste aspecto o peso deve observar a relao entre corpo e quantidade de texto quanto menor a quantidade de texto, maior poder ser o seu peso e vice e versa e corpo e leiturabilidade quanto menor o corpo menos peso dever ter o tipo.

Inclinao
Tipos inclinados compreendem os denominados oblique e itlicos. A variao oblique uma inclinao aplicada a tipos - normalmente em torno de 12o (FRUTIGER, 1999) - mantendo as caractersticas estruturais, podendo apresentar pequenas correes pontuais. Por vezes a tipograa oblique apresenta-se ligeiramente mais larga que as regulares, conseqncia de ajustes pticos quando do processo de inclinao. Tipos itlicos so projetados de forma peculiar. A sua estrutura inclinada e tem a gnese na caligraa italiana do sculo XV, da ser chamada de italic. As variaes de inclinao so normalmente utilizadas em processo de combinao e aplicao tipogrca sendo pouco recomendadas como tipo principal. As excees ocorrem, por exemplo, em projetos de identidade visual tipogramas e logogramas ttulos de peas de comunicao visual.

7 Congresso de Pesquisa & Desenvolvimento em Design

Estilo
As variaes de estilo compreendem as variaes no entorno das estruturas tipogrcas. Por haver um grande nmero de variao elas so comumente agrupadas em categorias, podendo ser de orientao histrica ou morfolgica. Para que se compreenda as variaes de estilo, h de se observar aspectos morfolgicos do tipo sendo adotado no presente artigo, o padro taxonmico proposto pelo grupo de pesquisa A Casa do Tipo 2003. Antes ainda preciso que se detenha nos elementos que constituem a morfologia geomtrica, base para a classicao que dene a variao de estilo. Os principais elementos a serem observados so: serifas, esporas, terminais e eixos. Serifas so acabamentos nas extremidades das hastes dos tipos e podem ser classicadas quanto a base cncava ou plana -, acabamento agudo, reto ou curvo , juno com a haste reta, curva ou triangular- e espessura regular, slab e lete (hairline). Esporas so pequenas projees que no chegam a congurar uma serifa, presentes nas haste de alguns caracteres. J os terminais so adornos encontrados nas extremidades superiores dos caracteres a, c, r e f e nas extremidades inferiores das letras j e y de algumas famlias serifadas. Os terminais podem assumir a forma de bola, de bico ou de lgrima. Finalmente o eixo (estrico, contraste, axis ou stress) denido pela variao da espessura do contorno dos caracteres b, e, g, o, p. O eixo pode ser determinado traando-se uma linha a partir do ponto mais estreito do topo do caractere o minsculo ao ponto mais estreito de sua base. Os eixos podem ser classicados a partir da existncia ou no de inclinao vertical ou inclinado. Fontes sem variao de contraste em seu contorno no tm eixo. Adotando um primado visual encontra-se no modelo morfolgico uma aderncia instncia requerida. Mantendo tal predileo, as variaes de estilo consideram, segundo o padro A Casa do Tipo 2003 (ROCHA, 2005): 1. Serifadas 1.1. Humanistas: Apresentam formas arredondadas, trao modulado, eixo inclinado, pouco contraste entre as variaes de espessura, altura de x relativamente pequena, barra do caractere e levemente inclinada, serifas geralmente curvas e cncavas podendo apresentar extremidades com acabamento reto, arredondado ou em ngulo. 1.2. Garaldes: Eixo de estrico do o levemente inclinado, barra do caractere e paralela linha de base, contraste acentuado entre as variaes de espessura. 1.3. Transicionais: Situadas entre as garaldes e as didones, eixo de estrico

7 Congresso de Pesquisa & Desenvolvimento em Design

vertical ou suavemente inclinado para qualquer dos lados, serifas mais nas, planas, com acabamento agudo e curvas, embora a juno com a haste normalmente seja mais suave que nas garaldes. 1.4. Didones: Desprovidas de caractersticas manuscritas, eixo de estrico vertical, contraste muito acentuado entre as variaes de espessura, serifas de lete, retas, planas com acabamentos retos, counters pequenos e terminais redondos. 1.5. Mecnicas: Ampla mancha grca, serifas slab, retas ou curvas, planas, com acabamentos retos, desenhos simples, com eixo de estrico vertical ou ausente. 2. Lineares (no serifadas) 2.1. Grotescas: Desenhos volumosos e pouco renados, contrastes de espessura bem denidos. 2.2. Neo-Grotescas: Sutis diferenas entre as grotescas. Desenhos mais projetados, minimizao dos contrastes entre variao de espessura para tornar as formas mais elegantes. Seus projetos previam as distores de impresso e o caractere g possui descendente em forma de arco. 2.3. Geomtricas: Inspiradas nas formas geomtricas, contrastes monolneos, linhas e curvas modulares repetidas nos demais caracteres, expresso dos ideais modernistas, eixos verticais ou ausentes. 2.4. Humanistas: Contraste mais denido entre as variaes de espessura, relacionadas s inscries romanas e s minsculas das garaldes e venezianas. 3. Decorativas: Desenhos originais, com fortes caractersticas ilustrativas, que no necessariamente resultam em famlias tipogrcas completas. 4. Manuscritas: Imitam ou sugerem desenhos feitos mo, nesta categoria encontram-se tambm os tipos denominados caligrcos. 5. Smbolos: Decorrentes principalmente do ambiente digital, essa categoria tipogrca composta por fontes cujos caracteres originais so substituidos por ilustraes, icones, smbolos, expresses etc. 6. No Latinas: Representam lnguas cuja escrita no se apresenta por meio de caracteres latinos. Ex: Chineses, rabes, Japoneses etc. O processo de seleo do tipo, face a variao de estilo, se d em funo do projeto. Tipos serifados so normalmente privilegiados em projetos que tenham uma quantidade maior de texto, evidenciando

7 Congresso de Pesquisa & Desenvolvimento em Design

uma predileo pelo conforto visual. Tipos lineares, por sua vez, so mais indicados para textos curtos. Tipos decorativos, manuscritos, smbolos e no latinos tm um orientaes de uso parcimonioso, normalmente vinculados a trabalhos especcos, como livros infantis, identidades visuais e outros. Observa-se, neste quesito, uma articulao maior com os aspectos conceituais de seleo tipogrca. Concluso Os critrios visuais de seleo tipogrca, embora possibilitem, por si s, a realizao da seleo, no devero se dar isoladamente. Articular tal critrio com os aspectos tcnicos e os conceituais um exerccio fundamental para a minimizao das possibilidades de solues projetuais pouco condizentes com o problema enfrentado. De outra parte, os aspectos visuais poderiam ser tomados como os primeiros a serem observados pelos receptores das mensagens visuais, haja vista estarem relacionados a questes de ordem sensvel o sentido da viso. Os aspectos visuais so os primeiros a encontrar seu destino no eixo da comunicao. Indiscutivelmente a partir deles que os conceitos se articulam, ao tempo em que dependem dos aspectos tcnicos para se tornarem visveis. Compreender tais critrios torna-se, deste modo, imperativo para que os conceitos se concretizem morfologicamente, ao mesmo tempo em que aspectos como legibilidade e leiturabilidade dependem, grandemente, de tais caractersticas. Do mesmo modo importa, para se criar a distino visual, conhecer com a devida profundidade as variaes e aplicaes visuais dos tipos.

7 Congresso de Pesquisa & Desenvolvimento em Design

Referncias ARNHEIM, Rudolf. Arte e percepo visual: uma psicologia da viso criadora. So Paulo: Pioneira, 1998. BRINGHURST, Robert. The elements of typographic style. Version 2.4. Vancourver, Canada, Hartley & Marks, 1996. FARIAS, Priscila L. Tipograa digital: O impacto das novas tecnologias. Rio de Janeiro: 2AB, 1998. FRUTIGER, Adrian. Sinais e Smbolos. So Paulo: Martins Fontes, 1999 MORAES, Anamaria de; BALSTER, Marcos; HERZOG, Pedro. Legibilidade de famlias tipogrcas. Legibilidade de famlias tipogrcas. In: Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, 2, Belo Horizonte, 01 a 04 dez. 1996. Estudos em Design - Anais do II Congresso Brasileiro de Pesquisa e Desenvolvimento em Design. Belo Horizonte: UEMG, 1996. p. 7-21. ROCHA, Claudio. Projeto tipogrco: anlise e produo de fontes digitais. So Paulo: Edies Rosari, 2003. ROCHA, Cleomar de Sousa; A Casa do Tipo. Uso tipogrco em design editorial: uma reviso metodolgica. In: Congresso Internacional de Design da Informao, 2, So Paulo, 08 a 10 set. 2005. Anais do 2 Congresso Internacional de Design da Informao. So Paulo: SENAC-SP, 2005. s/p.
(Footnotes)

Segundo Bringhurst (1996, 297) os caracteres caudais (swash) so formas luxuriosas onde se observa acrscimo de floreios ou mesmo um incremento na largura dos mesmos. Tem estrutura comumente cursiva e portanto, as fontes caudais costumam ser itlicas. (Traduo dos Autores T.A.)

7 Congresso de Pesquisa & Desenvolvimento em Design

7 Congresso de Pesquisa & Desenvolvimento em Design

7 Congresso de Pesquisa & Desenvolvimento em Design

7 Congresso de Pesquisa & Desenvolvimento em Design