tag:blogger.com,1999:blog-249920942024-03-12T19:54:55.003-07:00LetritasJuan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-24992094.post-4903917589762324472013-03-04T22:41:00.000-08:002013-03-05T09:44:52.434-08:00Diagnóstico gráfico<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6srlE-Mg9NaXOtkLdRPmH_DqFg5MXuJjMYbbLbUFNNkyo-D5AmINwstNqksoAt4cUYEv3KYf4k-tUavdH3OXT7ICXAlhqzSisurSlZUMO-qdH63N8qbPg5NAGNY57LfgZ7ou-QQ/s1600/letritas+002.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6srlE-Mg9NaXOtkLdRPmH_DqFg5MXuJjMYbbLbUFNNkyo-D5AmINwstNqksoAt4cUYEv3KYf4k-tUavdH3OXT7ICXAlhqzSisurSlZUMO-qdH63N8qbPg5NAGNY57LfgZ7ou-QQ/s400/letritas+002.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, 'Times New Roman', serif;">Probablemente una de las manías más lamentables de los
diseñadores gráficos de hoy en día, es la incapacidad de tomar decisiones
justificadas al momento de trabajar con diseños específicos. Los ves opinando
“que es feo”, que “es horrible”, que “no tiene esto”, o bien, “que no sirve”.</span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;">
Si trabajáramos en el campo de la medicina, al emitir ese tipo de juicio, no tendríamos más rango que el que tiene una
madre que automedica mal a su hijo sin siquiera analizar los síntomas de su
enfermedad.<br />
El hijo tiene fiebre, y le da una pastilla. Pero, ¿pastilla de qué?, ¿qué
originó la fiebre?, ¿era necesaria la medicación?, ¿qué cantidad necesitaba?,
¿cuál es la frecuencia del pastilleo?, etc… son preguntas que probablemente esa
mamá jamás se hizo, y el diagnóstico de verdad se haga en urgencia, cuando sea
llevado al hospital en ambulancia.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;">Al menos en Chile, ya nadie se sorprende de ver una y otra
vez los mismos logotipos, en que le cambias un poquito el color de la
tipografía y pasa por un nuevo logo. Si queda “lindo” (concepto que responde al
gusto que le inculcó el profesor de cabecera), pasa desapercibido, pero si
queda “feo”, arderá en las calderas del infierno. <br />
¿El problema?. El problema de eso, es que ese tipo de logotipos “feos” ganan
millonarias licitaciones, que obviamente luego que los diseñadores se enteran
del costo de la licitación, es como si ardiera Troya y de inmediato todos se
convierten en expertas mamás automedicadoras que por despecho, lanzan pastillas
de lo que sea dentro de la boca del niño.<br />
Conversando con un amigo médico, él me explicaba que existen distintos tipos de
profesionales en el campo de la salud. Están los que pueden dar los primeros
auxilios, los encargados de los cuidados específicos, y los que son capaces de
diagnosticar los síntomas de las enfermedades y trabajar en función de eso. Él como que a las mamás automedicadoras no las incluía en la jerarquía médica.</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br />
</span><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/Uq_7FfQIasQ/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/Uq_7FfQIasQ?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="400" height="300" src="http://www.youtube.com/v/Uq_7FfQIasQ?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object><span style="font-family: Georgia, Times New Roman, serif;"><br />
En Diseño, prácticamente los “médicos diagnosticadores” están en extinción, y
casi lo único a lo que se puede optar es a un chofer de programas de diseño. <br />
Sin embargo, se pueden obtener interesantes diagnósticos pasando por
prácticamente todos los elementos de diseño.<br />
<br />
En este caso, si tuviésemos que diagnosticar las posibles anomalías de un
logotipo (o algún otro diseño), debiésemos partir por algo más o menos así:</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span><br />
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCeayGa4pMSIDg0ZSj9xxAEkRbesoocDhkyQnFLHTNyp5D8N7dI0D8ZlyLtBt0k9pctSd1wh2guqLLAOtF5xjjvxKRplYTYK3ZBOu7C1c6U25jmZLwx1afApMm7neC9UsJEc81gg/s1600/ejemplo18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCeayGa4pMSIDg0ZSj9xxAEkRbesoocDhkyQnFLHTNyp5D8N7dI0D8ZlyLtBt0k9pctSd1wh2guqLLAOtF5xjjvxKRplYTYK3ZBOu7C1c6U25jmZLwx1afApMm7neC9UsJEc81gg/s400/ejemplo18.jpg" width="400" /></a></span></div>
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>1. La forma.</b><br />
Muchas veces los diseñadores desestiman la importancia de diseñar “el bulto”. <br />
La mancha que genera la marca es importantísima al momento de la usabilidad. Si
nos pusiéramos en el hipotético caso de que tenemos que escalar el logotipo
para dejarlo ópticamente igualado de tamaño al usarlo con otros, lograremos ver
cuáles son los elementos que ganan fuerza, cuáles desaparecen y cuáles quedan
en el tamaño ideal.<br />
Es importante la forma final, ya que de ésto depende que el logo finalmente se
vea o no.</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGPSdtApiippkx-xJndfIszvRoXls9TJ7LGhJYb4tsdd6rCb__VBLhRU6NWE0JKD4P18o_cMziUYQeX6XnONKXmtn67hVekSOCSHQohjuNUx1a-IWax05OrLe30sTs0n6TqONQQ/s1600/ejemplo2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLGPSdtApiippkx-xJndfIszvRoXls9TJ7LGhJYb4tsdd6rCb__VBLhRU6NWE0JKD4P18o_cMziUYQeX6XnONKXmtn67hVekSOCSHQohjuNUx1a-IWax05OrLe30sTs0n6TqONQQ/s400/ejemplo2.jpg" width="400" /></a></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b><br /></b></span>
<span style="font-family: Georgia, Times New Roman, serif;"><b>2. Peso</b><br />
Al igual que la forma, nos referimos a la mancha. El peso de la mancha está
siempre asociado con el golpe visual que es capaz de dar. <o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;">Diseñar la mancha total, con precisión, hará una perfecta
lectura de lo que estemos diseñando. Formas sólidas no hace en este caso a las
formas más visibles, o lineales las convierte en invisibles. Un fuerte golpe,
no hace a la forma más legible, ni un golpe débil la convierte en ilegible. Auditivamente
podría asociarse con el volumen de la voz. Más fuerte no es más claro.</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br />
</span><br />
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzKX5f5kbtEDQSIgMDGtn5kV2kS73oGonOQytXnwLAJKBVqIcDSC6BUXHwqqEVs-L5omltMDug18ObKG8E6wrvHznofMYbmiDa95mmFLusC2X3uIPA5otjYsjO3Xsc3iSMdkhhUA/s1600/ejemplo3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzKX5f5kbtEDQSIgMDGtn5kV2kS73oGonOQytXnwLAJKBVqIcDSC6BUXHwqqEVs-L5omltMDug18ObKG8E6wrvHznofMYbmiDa95mmFLusC2X3uIPA5otjYsjO3Xsc3iSMdkhhUA/s400/ejemplo3.jpg" width="400" /></a></span></div>
<span style="font-family: Georgia, Times New Roman, serif;">
<!--[if !supportLineBreakNewLine]--></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>3. El color</b><br />
Probablemente si la era digital ha ayudado en algo, es en el manejo del color. Debe
ser uno de los fuertes de los diseñadores, sin embargo, muchas veces estamos
poco conscientes que el color puede ser un determinante complementario para que
lo que estemos diciendo con la tipografía, refuerce lo que queremos decir, o le
reste credibilidad. En este sentido, el color debiese responder siempre a la
función por sobre la estética.<o:p></o:p></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br />
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhktMBB1wUTE9kqH8CPde19FAw5hgy-QyILH6ajLJyD6CLcaFf9y9Agq9USFRST7r0c2KnHa1oSpmwpHnSEA3NuVh_o1OUfacAQ34Ne-xrtswk8Ai3h4Dd_B5Q1AyqktWIkrVDEnA/s1600/ejemplo4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhktMBB1wUTE9kqH8CPde19FAw5hgy-QyILH6ajLJyD6CLcaFf9y9Agq9USFRST7r0c2KnHa1oSpmwpHnSEA3NuVh_o1OUfacAQ34Ne-xrtswk8Ai3h4Dd_B5Q1AyqktWIkrVDEnA/s400/ejemplo4.jpg" width="400" /></a></div>
<span style="font-family: Georgia, Times New Roman, serif;">
<b>4. Jerarquía</b><br />
Se refiere a todo lo que se pueda leer y entender en un orden correlativo, es
lo que hace que nuestra mente descifre todo de la manera correcta y que fue
concebida. <br />
Ahora, cuando nos referimos a “en orden”, no quiere decir que estamos
esclavizados a diseñar de manera ortogonal o simétrica, usando dibujos de formas
geométricas básicas o a tipografías del tipo “helvética”.<br />
Nos referimos a cómo educamos al ojo para que recorra secuencialmente lo que
primero queremos que identifique, hasta lo que menos queremos que perciba.<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p></div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p>
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p></div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p></div>
<div class="MsoNormal">
<div style="text-align: left;">
<o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFjZoPvR9TWgvEJza4qLamZVef62KAip4oLy6FV20r7lHhcnC8G6MUseG4-G-suVrquRtgPHpBtJtzeb8bHK17zY_AB6rhEsUrUyCGi9emnlreZ6T4eNeZaJboUd3p-Rrt72Atg/s1600/ejemplo5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxFjZoPvR9TWgvEJza4qLamZVef62KAip4oLy6FV20r7lHhcnC8G6MUseG4-G-suVrquRtgPHpBtJtzeb8bHK17zY_AB6rhEsUrUyCGi9emnlreZ6T4eNeZaJboUd3p-Rrt72Atg/s400/ejemplo5.jpg" width="400" /></a></o:p></div>
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>5. Legibilidad</b><br />
Cuando hablamos de legibilidad, no necesariamente hablamos del término básico
de “que la letra se lea”. Más bien, queremos referirnos a que las formas puedan
entenderse como tal.<br />
Si un círculo no somos capaces de percibirlo como un círculo, entonces es un
círculo ilegible.<br />
Si un color no se percibe correctamente como tal, estamos siendo ambiguos, por
lo tanto los problemas de legibilidad son evidentes.<br />
Si por problemas de jerarquía, lees o ves cosas que no debes leer antes que
otras que deberías percibir primero, creo que tienes problemas de legibilidad
jerárquica.<o:p></o:p></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p></div>
<div class="MsoNormal">
<div style="text-align: left;">
<o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOMTNBs-0IoS4YA0PKVKtEnCA290yFA2EDwHsuqOmVt06qGbi1_m2QVdmExRDiA7YlHUaJOpNNwHcEh7EQ2mi3GYO7XX1Yg-6fICyMroeQZwGl5PnMvBYr36547foGCCIFMxDy_A/s1600/ejemplo6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOMTNBs-0IoS4YA0PKVKtEnCA290yFA2EDwHsuqOmVt06qGbi1_m2QVdmExRDiA7YlHUaJOpNNwHcEh7EQ2mi3GYO7XX1Yg-6fICyMroeQZwGl5PnMvBYr36547foGCCIFMxDy_A/s400/ejemplo6.jpg" width="400" /></a></o:p></div>
</div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></o:p></div>
<div class="MsoNormal">
<div style="text-align: left;">
<o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6MBy1L25aGLa_AmHdDkW2flzzO5D37LvJJGPMGaZKEoOROrovN_6rCee9x_8hoNUH9nCcLhZfJJyqxj7DraCFyl7wbOcE84YFr2gfwDX6uEGFDtYujrxVV3MoXujCWb12eGBJQ/s1600/ejemplo7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6MBy1L25aGLa_AmHdDkW2flzzO5D37LvJJGPMGaZKEoOROrovN_6rCee9x_8hoNUH9nCcLhZfJJyqxj7DraCFyl7wbOcE84YFr2gfwDX6uEGFDtYujrxVV3MoXujCWb12eGBJQ/s400/ejemplo7.jpg" width="400" /></a></o:p></div>
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>6. Composición</b><br />
La disposición de los elementos, el tamaño de cada uno, la mezcla de colores, y
la interacción de cada uno de ellos puede potenciar o destruir en muchos casos
un buen trabajo. Un cuidadoso estudio de las proporciones y pesos puede ser
determinante en la consagración de una buena idea. Recordemos que una gran idea
mal ejecutada no es más potente que una mediocre bien hecha. <o:p></o:p></span></div>
<div class="MsoNormal">
<br />
<br />
<br />
<br />
<b style="font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: large;">7. Interacción
tipográfica</span></b></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;">
Bueno, somos una página de estudios tipográficos, por lo que nos centraremos en
eso. Y al momento de utilizar, editar, o crear tipografías, debemos tomar
decisiones a partir de una serie de parámetros.<br />
La primera pregunta que debemos hacernos es ¿por qué elijo esta tipografía?. <br />
Si la respuesta es una negación a algo, es muy probable que la decisión esté
lejos de haber acertado. Por ejemplo, ando buscando una tipografía elegante, y
me pregunto ¿por qué elegí esta tipografía?, y la respuesta es porque no me
parece infantil. Mala respuesta.<br />
La contrapregunta inmediata debiese ser, ¿qué elementos consideras que debe
tener una tipografía para que nos dé la sensación de elegancia?.<br />
Bajo los criterios que plantea esa pregunta, podemos seguir encontrando
posibles causas que respondan a por qué el diseño que estamos haciendo no está
funcionando o qué es lo que tengo que evaluar para que un diseño se comporte
adecuadamente.<o:p></o:p></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br />
<!--[if !supportLineBreakNewLine]--></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgysT97-w29D9bSTq0MzdqUB9i49ihcYuJHZBWggosChI0etwQZXfOqAA4dlvBHyf1vB3FY2Gj4jMC7bC0dbpZQmSft7U2SwOdUvvqGgbpxCgo0YboCQtgcwxhWdMP1mmjC9fCFrQ/s1600/ejemplo8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgysT97-w29D9bSTq0MzdqUB9i49ihcYuJHZBWggosChI0etwQZXfOqAA4dlvBHyf1vB3FY2Gj4jMC7bC0dbpZQmSft7U2SwOdUvvqGgbpxCgo0YboCQtgcwxhWdMP1mmjC9fCFrQ/s400/ejemplo8.jpg" width="400" /></a></div>
<b style="font-family: Georgia, 'Times New Roman', serif;">7.1.Estructura o
esqueleto</b><br />
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;">
Llamaremos esqueleto a la estructura de la letra, a su ductus. Este esqueleto
regularmente define su uso. Determina si va a ser una tipografía de lectura
continua de textos, de títulos, de pantalla, etc. La construcción de sus
trazados debiese determinar las proporciones base de las contraformas, tamaños,
proporciones, etc.<br />
Al momento de una eventual manipulación tipográfica, la alteración del ductus
es fundamental para darle continuidad a la coherencia formal de las formas de
la letra. <o:p></o:p></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<o:p><span style="font-family: Georgia, Times New Roman, serif;"> </span></o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNtq5leT4eIQms-uwh9AYQxvXnYMSfgW1zZcGsWyeeGwvJNm0gw2zwNqSZDrIzR7bBHSdQso9Fxahd7Jr7LBT96270GgGcxW9rua4h1kQ13HQX5rSbQG_Qy3QGu-Bng-LkdoXuw/s1600/ejemplo9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNtq5leT4eIQms-uwh9AYQxvXnYMSfgW1zZcGsWyeeGwvJNm0gw2zwNqSZDrIzR7bBHSdQso9Fxahd7Jr7LBT96270GgGcxW9rua4h1kQ13HQX5rSbQG_Qy3QGu-Bng-LkdoXuw/s400/ejemplo9.jpg" width="400" /></a></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>7.2 Proporciones de la
letra</b><br />
No podemos estar ajenos a las proporciones de la letra. Muchas letras por más
que las agrandamos, nos siguen pareciendo demasiado chicas. Esto es, debido a que
su altura X es bajísima. A muchas les cuesta ser trabajadas por exactamente lo
contrario, es demasiado gritona, y por más que se achica, sentimos que sigue
gritando. Cada tipo tiene sus proporciones de ascendentes y descendentes, condensados
y expandidos, inclinaciones y modulaciones.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br />
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBijt69xh_8kLrGyEqrvPn316ZY3McHzhQZxCHcWO2PgRerZNRUPFqgebcA3PRVU0m4eGcPrLek6LzUjsCJO6kVinVfRePxNUEw1J3wtrrP4QrNupWd1kAQQoEBZpJtNKMD8pslw/s1600/ejemplo10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBijt69xh_8kLrGyEqrvPn316ZY3McHzhQZxCHcWO2PgRerZNRUPFqgebcA3PRVU0m4eGcPrLek6LzUjsCJO6kVinVfRePxNUEw1J3wtrrP4QrNupWd1kAQQoEBZpJtNKMD8pslw/s400/ejemplo10.jpg" width="400" /></a></div>
<span style="font-family: Georgia, Times New Roman, serif;">
<b>7.3 Lenguaje</b><br />
Los diseños de tipografías tienen estilos y maneras de decirnos las cosas. Hay
tipografías de texto, manuscritas, de palo seco, híbridas y experimentales.
Cada una tiene un concepto que le dio el origen a la sistematización del
lenguaje de la forma. Pueden ser formas herederas de pinceladas, de pluma
caligráfica, de plumones, bolígrafos, talladas, etc.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span><span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<div style="text-align: left;">
<o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQHHABnKjwRPzpfXCqYOJAq1uLazI1H1Efx8yao5mnUacwk3skPe9f3Wf-UdL3QUk7xFYG9aFLN8Ex2JBur_KrGYs2ZBsVEiLH4xlH3VEFbTRYlmhcDdRYYasUdA4ayvyAg108Q/s1600/ejemplo11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQHHABnKjwRPzpfXCqYOJAq1uLazI1H1Efx8yao5mnUacwk3skPe9f3Wf-UdL3QUk7xFYG9aFLN8Ex2JBur_KrGYs2ZBsVEiLH4xlH3VEFbTRYlmhcDdRYYasUdA4ayvyAg108Q/s400/ejemplo11.jpg" width="400" /></a><span style="font-family: Georgia, Times New Roman, serif;"> </span></o:p></div>
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>7.4 Escritura</b><br />
Las tipografías tienen maneras de escribirse. También tienen maneras de leerse,
hay algunas más rápidas que otras, unas estimulan la comprensibilidad y otras
se juegan la vida por su belleza. Hay tipografías experimentales que son apenas
legibles, y algunas son capaces de evocarte a otras épocas, otros lugares,
otros contextos. Algunas te contextualizan de inmediato con el contenido de la
lectura, y otras que sencillamente no te trasladan a ninguna parte ni a ninguna
época. Es más, ni siquiera te diste cuenta que la estabas leyendo.<br />
Los grandes diseñadores saben ocupar a la perfección este tipo de asociación
“forma de leerse-contenido”, y son capaces de desarrollar poderosos conceptos
en base a esto.<o:p></o:p></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="MsoNormal">
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSkewVkU6b7pbbm6ulI821Eo8rSBmhD0qgdERVHfnSk4t38sAEHsQjJx4dcl_tVg3jBibq4OkGZPV3kGTumhCLgOs7lJfix_DoDFRZXOszGZXPNDcHS3SAebHZPnc3TWFQxNABGg/s1600/ejemplo12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSkewVkU6b7pbbm6ulI821Eo8rSBmhD0qgdERVHfnSk4t38sAEHsQjJx4dcl_tVg3jBibq4OkGZPV3kGTumhCLgOs7lJfix_DoDFRZXOszGZXPNDcHS3SAebHZPnc3TWFQxNABGg/s400/ejemplo12.jpg" width="400" /></a></div>
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>7.5 Combinación de formas
tipográficas</b><br />
Hay tipografías que es como si las hubieran diseñado para que al unirlas con
otra, funcionaran perfecto. Se crea una especie de romance a primera vista entre
ellas, y hacen un trabajo de pareja espectacular.<br />
Pegan sencillamente perfecto, tanto conceptualmente, como con sus pesos,
variables y proporciones. Se apoderan del lenguaje e interactúan la una con la
otra de manera bella y eficaz.<br />
La fórmula de estas combinaciones exitosas es el secreto mejor guardado de los
académicos y tipógrafos. <br />
<!--[if !supportLineBreakNewLine]--><br />
<!--[endif]--><o:p></o:p></span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span style="font-family: Georgia, Times New Roman, serif;"><b>Diagnóstico gráfico</b>
Si ya hemos sido capaces de pasar por todos estos filtros, se supone que ya
tenemos ciertos criterios para diagnosticar eficazmente el trabajo que sea, con
lenguaje profesional.<br />Por lo tanto, todos nuestros conceptos y soluciones deberían llegar de manera directa al receptor.<br />El trabajo del diseñador es resolver los problemas de comunicación que puedan existir entre el mensaje y el receptor. Estos problemas de comunicación, necesitan ser detectados y definidos lo más eficientemente posible, para poder tomar directrices acerca de cómo plantear el trabajo.<br />El capricho, el ego, el exhibir la cantidad de años estudiados son cosas secundarias a la hora de diagnosticar las posibles anomalías que pueden surgir previo a un diseño, en el momento de ejecutarse o en el momento de la evaluación y posterior entrega.<br />Y así como vimos en el ejemplo hospitalario, hay diseñadores que son sólo capaces de salvar momentáneamente la situación, diseñadores que pueden recibir órdenes de alguien y trabajar con los requerimientos que le entreguen, y diseñadores que son capaces de diagnosticar, evaluar y tomar decisiones conceptuales acerca de funcionalidad y estética.</span><!--[if !supportLineBreakNewLine]--><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span><br />
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3A3ZVtpD5p48A3V60t9Abp34YYC6PQ5ZWnE7Mmf5ALaP5yAL8CLAKPDQ8-xlC4D-9raEm6oIRF11ZWcW4xy5pWXT3U_cvDuzu6HiTCkmlawPf9HThKGHvoCtNXJB31fVcpI-ZCA/s1600/ejemplo1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3A3ZVtpD5p48A3V60t9Abp34YYC6PQ5ZWnE7Mmf5ALaP5yAL8CLAKPDQ8-xlC4D-9raEm6oIRF11ZWcW4xy5pWXT3U_cvDuzu6HiTCkmlawPf9HThKGHvoCtNXJB31fVcpI-ZCA/s400/ejemplo1.jpg" width="400" /></a></span></div>
<br />
<!--[endif]--><o:p></o:p></div>
Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com13tag:blogger.com,1999:blog-24992094.post-8788924383960742262012-09-04T09:33:00.000-07:002012-09-04T09:39:03.136-07:00DEL VALLE, un homenaje a don Samuel del Valle<div class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">Uno de los más grandes empresarios patrocinadores de ciclismo en Chile se acercó a mi y me dijo, Juan Pablo, ¿podrías diseñarle una bicicleta a Cristián Cornejo?
Si claro, le dije yo.
Si partimos desde cero, me encantaría que fuera un gran homenaje a don Samuel del Valle, el más grande artesano chileno de bicicletas de todos los tiempos. Creo que si bien todos reconocen en él un gran mérito y lo elevan a la calidad de gran maestro, falta un pequeño homenaje desde la industria bicicletera.</span></div>
<div class="tr_bq">
<br /></div>
<div class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;"><iframe allowfullscreen="" frameborder="0" height="300" src="http://www.youtube.com/embed/pyDtTEoqZCc?fs=1" width="400"></iframe></span></div>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><iframe allowfullscreen="" frameborder="0" height="300" src="http://www.youtube.com/embed/5asD5En2TTI?fs=1" width="400"></iframe>
</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="color: #1a0c04; font-family: Georgia, Times New Roman, serif;"><span style="line-height: 18.200000762939453px;">Bueno Juan Pablo, tu sabes, chao.</span></span><br />
<span style="color: #1a0c04; font-family: Georgia, Times New Roman, serif;"><span style="line-height: 18.200000762939453px;"><br /></span></span>
<span style="color: #1a0c04; font-family: Georgia, Times New Roman, serif;"><span style="line-height: 18.200000762939453px;">En fin, a mi no me gustan demasiado esos "bueno tu sabes", porque no es que "parta de cero", sino que mi punto de partida es de menos algo ya que ni siquiera tengo página en blanco.</span></span><br />
<span style="color: #1a0c04; font-family: Georgia, Times New Roman, serif;"><span style="line-height: 18.200000762939453px;">En fin, la lógica me dice que si ni siquiera tengo encargo tengo que yo mismo hacérmelo y partiremos con la identidad de "Del Valle".</span></span><br />
<span style="color: #1a0c04; font-family: Georgia, Times New Roman, serif;"><span style="line-height: 18.200000762939453px;">Si le rendimos homenaje a don Samuel, será bajo ciertas condiciones temporales. Por ejemplo, Don Samuel fabricaba bicicletas de acero. Y si nos remontamos al pasado, las bicicletas, desde sus inicios hasta a mediados de los 90, siempre fueron de acero. Más o menos del 95 al 2005 fueron de aluminio, y desde el 2005 hasta ahora la fibra de carbono es el principal material en la fabricación de las bicicletas de competición.</span></span><br />
<br />
<blockquote class="tr_bq">
<br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>De acuerdo a eso: </i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>1. Don Samuel representa la tradición, y no la innovación.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>2. Representa la trayectoria y no el futuro.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i><br /></i></span>
<span style="font-family: Georgia, Times New Roman, serif;"><i>En una segunda línea podemos decir qué:</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>3. Don Samuel y sus bicicletas son consideradas artículos de colección y representan el romanticismo de una tradición descontinuada.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>4. Representa el diseño artesanal y no la serialización de su producto.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>5. Representa una era donde las bicis se hacían ergonómicas y a medida. De modo que quedaban prácticamente personales e intransferibles. No se fabricaban ni con moldes ni con templates.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i><br /></i></span>
<span style="font-family: Georgia, Times New Roman, serif;"><i>En una tercera línea diremos que no estamos diseñando la marca de Don Samuel, sino que es un homenaje. Es un cover. Es una reinvención. Por lo tanto:</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>6. Si estamos trabajando en una bicicleta ultratecnológica de fibra de carbono, su look no puede ser una transcripción literal a algo del pasado. El acero de don Samuel tiene sólo pasado, y la fibra de carbono sólo futuro.</i></span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><i>7. El homenaje, debe entonces ser, parecer y representar "un algo" que apunta hacia el futuro con una visión de presente.</i></span><br />
</blockquote>
<br />
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><span style="color: #1a0c04; line-height: 18.200000762939453px;">Si recogemos entonces los 7 puntos y lo transcribimos a tipografía, nuestra tipografía a trabajar debiese ser algo como:</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">1. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Tradición</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;">, podría ser representada por una tipo de serif, sin embargo las tipos de serif nos remontan demasiado atrás. Y no queremos irnos tan atrás. Sin embargo, podemos encontrat tradición "más contemporánea" en tipografías manuscritas.</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">2. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Tayectoria</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;">. La trayectoria es el pasado, claramente. Lo mecano es el futuro, por lo que esto nos r</span><span style="color: #1a0c04; line-height: 18.200000762939453px;">efuerza la idea anterior de que si debiese ser una tipografía manuscrita la adecuada.</span><br style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;" /><span style="color: #1a0c04; line-height: 18.200000762939453px;">En una segunda línea podemos decir qué:</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">3. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Romanticismo de una tradición descontinuada.</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;"> Esta frase es clave y por lo general hay muchas tipografías que podrían caber en este concepto y que representan una época YA PASADA. Romántica y que no volverá. Como el art noveau, el decó, la bauhaus, el "styling", el "new wave" etc. Estilos considerados del pasado. Tal vez pudiéramos encontrar tradición en cualquiera de estos estilos, sin embargo el aporte del art deco, nuveau, etc, poco aportaron al mundo del deporte, del diseño de objetos deportivos, o de la velocidad. Si tuviéramos que poner un paralelo al tipo de romanticismo que me quiero refeir, me gustaría mencionar a objetos de colección como una Vespa, un Cadillac, un Ferrari antiguo, o una bicicleta Samuel del Valle.</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">4. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Diseño artesanal.</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;"> Claramente sólo la tipografía manuscrita puede representar mejor que nada algo artesanal.</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">5. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Ergonómicas y a medida.</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;"> Este factor creo que nos está obligando a más que coger una tipografía y convertirla en logo, en encontrar algo y adaptarlo, o crearlo a partir de nuestras propias necesidades.</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">6. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Ultratecnológica</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;"> es nuestra siguiente palabra clave. Curiosa dualidad estamos consiguiendo. Cuando pensamos en algo tecnológico inmediatamente se me viene a la mente algo poco espontáneo, matemática y casi científicamente calculado, o bien algo modular, sistemático o algo de fácil reproducción. </span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">Creo que en el blog ya hemos hablado de la representación de lo moderno, por lo que trataremos de evitar todo lo que nos remonte al pasado, o sea, proporciones redondas trazos biselados </span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">7. </span><strong style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;">Futuro con una visión de presente</strong><span style="color: #1a0c04; line-height: 18.200000762939453px;">. Creo que hay muchas tipos que pueden cumplir con esto. Así rápido a mi mente se me vienen sólo versiones itálicas de tipografías sans serif. Tal vez si se pudiera haber algo exageradamente inclinado también podría resultar. Probablemente podría resultar incluso una tipografía de "refrigerador de los 50", si es que no fuera tan cuadrada, claro.</span><br style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;" /><br style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;" /><br style="color: #1a0c04; line-height: 18.200000762939453px; margin: 0px; padding: 0px;" /><span style="color: #1a0c04; line-height: 18.200000762939453px;">El primer paso entonces es tomar el logotipo, recoger el ductus y empezar a trabajar en ello.</span><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span><span style="color: #1a0c04; line-height: 18.200000762939453px;">Lo bueno del ductus es que lo puedes hacer ancho, angosto, inclinarlo, desinclinarlo y jamás se deformará su "linealidad". Luego lo estiras hasta encontrar el ancho adecuado, le das peso y ya tienes el 90% de todo.</span><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span><span style="color: #1a0c04; line-height: 18.200000762939453px;">Una vez encontrado lo que buscábamos con la tipografía script (un poquito de ingenuidad de artesano), comenzamos el trabajo de la mecanización.</span><br /><span style="color: #1a0c04; line-height: 18.200000762939453px;">Lo "sanserificaremos" y lograremos eliminar todo rastro del pasado. Es lo que queríamos, un cover que tome elementos del pasado, pero que represente a algo mucho más actual.</span><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span><span style="color: #1a0c04; line-height: 18.200000762939453px;">Con eso, llevamos la bicicleta a diseño.</span><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span><span style="color: #1a0c04; line-height: 18.200000762939453px; text-align: start;">Y luego a Pintura.</span></span><br />
<br />
<span style="background-color: white;">
<span style="color: #1a0c04; line-height: 18.200000762939453px;"><span style="font-family: Georgia, Times New Roman, serif;">Si introducimos nuestros conceptos a Myfonts, con mucha paciencia, deberíamos tener algo más o menos fusionado entre ésto:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-0GCQ2PbSujQ/UCwEuLA6acI/AAAAAAAAIrc/aV-eTK0Ego0/s1600/del%2520valle%2520presentacion.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><img border="0" height="300" src="http://1.bp.blogspot.com/-0GCQ2PbSujQ/UCwEuLA6acI/AAAAAAAAIrc/aV-eTK0Ego0/s400/del%2520valle%2520presentacion.JPG" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"> <span style="color: #1a0c04; line-height: 18.200000762939453px;">Obviamente acá hay mucho material, mucha calidad, muchas ideas, sin embargo no hay una tipografía que rescate "todo" que necesitamos, por lo tanto, manos a la obra.</span></span><br />
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span></span>
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span></span>
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><span style="color: #1a0c04; line-height: 18.200000762939453px;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Georgia, Times New Roman, serif; margin-left: 1em; margin-right: 1em;"><a href="http://4.bp.blogspot.com/-ipHaoZJyrW4/UCwOd5u0LXI/AAAAAAAAIrs/kvFql-UVRJs/s800/del%2520valle1.jpg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://4.bp.blogspot.com/-ipHaoZJyrW4/UCwOd5u0LXI/AAAAAAAAIrs/kvFql-UVRJs/s400/del%2520valle1.jpg" width="400" /></a></span></div>
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; margin-left: 1em; margin-right: 1em;"><span style="background-color: white; color: #1a0c04; line-height: 18.200000762939453px;">Lo bueno del ductus es que lo puedes hacer ancho, angosto, inclinarlo, desinclinarlo y jamás se deformará su "linealidad". Luego lo estiras hasta encontrar el ancho adecuado, le das peso y ya tienes el 90% de todo.</span></span></div>
<span style="background-color: white;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif; margin-left: 1em; margin-right: 1em;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif; margin-left: 1em; margin-right: 1em;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; margin-left: 1em; margin-right: 1em;"><a href="http://4.bp.blogspot.com/-KoLc1o51E60/UCwOlT_ll6I/AAAAAAAAIsE/mVwvUeAV7FA/s1600/del%2520valle2.jpg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="http://4.bp.blogspot.com/-KoLc1o51E60/UCwOlT_ll6I/AAAAAAAAIsE/mVwvUeAV7FA/s400/del%2520valle2.jpg" width="400" /></a></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: right;">
<div style="text-align: left;">
</div>
<span style="background-color: white;"><br /></span>
<div style="text-align: left;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;">Una vez encontrado lo que buscábamos con la tipografía script (un poquito de ingenuidad de artesano), comenzamos el trabajo de la mecanización.</span></div>
<div style="text-align: left;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;">Lo "sanserificaremos" y lograremos eliminar todo rastro del pasado. Es lo que queríamos, un cover que tome elementos del pasado, pero que represente a algo mucho más actual.</span></div>
</div>
<span style="background-color: white;"><br /></span>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-xZR998Ngh0Q/UCwOfnDsFbI/AAAAAAAAIr0/Pb6ELz5k08A/s1600/del%2520valle3.jpg" imageanchor="1" style="background-color: white; font-family: Georgia, 'Times New Roman', serif; margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-xZR998Ngh0Q/UCwOfnDsFbI/AAAAAAAAIr0/Pb6ELz5k08A/s400/del%2520valle3.jpg" width="400" /></a></div>
<span style="background-color: white;"><span style="font-family: Georgia, Times New Roman, serif; margin-right: 1em;"></span><br /></span>
<div style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif; margin-right: 1em;"><span style="background-color: white; color: #1a0c04; line-height: 18.200000762939453px;">Con eso, llevamos la bicicleta a diseño.</span></span></div>
<span style="background-color: white; font-family: Georgia, Times New Roman, serif; margin-right: 1em;">
</span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_aq-EithKvs/UCwOjHpzKUI/AAAAAAAAIr8/DIVuWSQ63kk/s1600/del%2520valle4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><img border="0" height="200" src="http://1.bp.blogspot.com/-_aq-EithKvs/UCwOjHpzKUI/AAAAAAAAIr8/DIVuWSQ63kk/s400/del%2520valle4.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Georgia, Times New Roman, serif;"> <a href="http://3.bp.blogspot.com/-gx2zKIZp_y0/UCwPzIg9WdI/AAAAAAAAIsc/MHw3MT3g18w/s800/cornejo%2520002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://3.bp.blogspot.com/-gx2zKIZp_y0/UCwPzIg9WdI/AAAAAAAAIsc/MHw3MT3g18w/s400/cornejo%2520002.jpg" width="400" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-WWWPRKL2hTM/UCwPx6y_QGI/AAAAAAAAIsQ/dOMIj1MgCSc/s800/cornejo%2520005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="background-color: white; font-family: Georgia, Times New Roman, serif;"><img border="0" height="265" src="http://4.bp.blogspot.com/-WWWPRKL2hTM/UCwPx6y_QGI/AAAAAAAAIsQ/dOMIj1MgCSc/s400/cornejo%2520005.jpg" width="400" /></span></a></div>
<div>
<span style="background-color: white;"><span style="color: #1a0c04; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18.200000762939453px;"><br /></span>
</span><br />
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="background-color: white;"><span style="color: #1a0c04; font-size: 13px; line-height: 18.200000762939453px;">Para mayor información consulte el foro letritas:</span></span><span style="background-color: white;"><a href="http://letritas.forochile.org/t4-del-valle-un-homenaje-a-don-samuel-del-valle">http://letritas.forochile.org/t4-del-valle-un-homenaje-a-don-samuel-del-valle</a></span></span></blockquote>
</div>
Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com5tag:blogger.com,1999:blog-24992094.post-18344647150194515232012-03-21T21:06:00.009-07:002012-03-22T08:47:55.738-07:00Los terroríficos casilleros en blanco que esperan una milagrosa idea<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPhqWG1XlHzlTkupKFhVFHGtVoqulGcxI4F684c9bzeKyQ1QIg3XS4GxMRf1T_Cjf2-M4GnkYmj2VvieIJ2yMRnkgFjyZXIeIC1_vjyPpWa8YNWQ1slOIQSgvxEqOKoqPXzx3_eg/s1600/letritas-1.jpg" style="text-align: left;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722571746796170898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPhqWG1XlHzlTkupKFhVFHGtVoqulGcxI4F684c9bzeKyQ1QIg3XS4GxMRf1T_Cjf2-M4GnkYmj2VvieIJ2yMRnkgFjyZXIeIC1_vjyPpWa8YNWQ1slOIQSgvxEqOKoqPXzx3_eg/s400/letritas-1.jpg" style="cursor: hand; cursor: pointer; display: block; height: 274px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></div>
<div>
<br /></div>
Probablemente si has llegado hasta aquí es porque alguna vez te has metido en el mundo de la tipografía, ya sea tangencialmente o de lleno. O sea, alguna vez tu profesor de tipo te pidió que llevaras bocetos de alguna fuente, o bien te pidieron soluciones tipográficas como solución de dirección de arte en la agencia.<br />
<div>
<br /></div>
<div>
El terror a la página en blanco, o al set de caracteres vacío entonces poco a poco empieza a cobrar una nueva víctima, la cual si no tienes la cosa clara desde el principio, puedes ser lamentablemente tu.</div>
<div>
<br /></div>
<div>
Personalmente te digo que muchas veces, si no tienes las ideas claras antes de sentarte al computador, es mejor que vayas a vivir la vida. Hay un lindo día de playa esperando por ti, o bien qué cosa más relajada que sentarse con los pies en la mesita de centro con un café en la mano mientras se disfruta el tour de france o la champions league.</div>
<div>
<br /></div>
<div>
Es que de todo gran proyecto, DEBE haber una razón gestora, y esa razón si no es lo suficientemente poderosa, todo el trabajo, que se puede extender muchas veces durante años, no pasará de ser un interesante ejercicio inaplicable. Una respuesta de miles de horas a un capricho que sólo lo sostiene el orgullo samurai. Entonces, es mejor que te detengas por un segundo y te darás cuenta que en Myfonts tu gran proyecto de meses, cuesta con "ciertas variaciones", 50 usd.</div>
<div>
<br /></div>
<div>
En Letritas siempre hemos entendido a la forma tipográfica como una respuesta lógica a cierta necesidad formal del medio: </div>
<div>
-No hablamos de tipografías, sino de lenguaje visual. </div>
<div>
-No hablamos de formas o estilos, sino lenguajes o maneras de leer.</div>
<div>
-No hablamos de jugadores, sino de estrategia de equipo.<br />
-No hablamos de decisiones aisladas, sino de estilo de vida.</div>
<div>
<br /></div>
<div>
Cuando iniciamos una nueva caminata entonces con un proyecto tipográfico, no debemos ir mirándonos los pies, sino lo más adecuado es ir siguiendo el horizonte.</div>
<div>
Quiero llegar a ESA meta, y con la cabeza levantada jamás perderás el objetivo gestor.</div>
<div>
<br /></div>
<div>
Hablemos mejor con ejemplos. Hoy hablaremos sobre Montegrande, una tipografía corporativa que le rinde honor a Gabriela Mistral.</div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkteYtQE3xO93VX2-iu48yavAfi103ZQzDpz5mD_d51-ERC6Y5mzkjh2UBSa61ExSYhMfiKvPWaf_w5qvgUylHVsNlanOaw3olPlqXTULOGvfl49-c5jR-cc_HyjC8U5O0EmIlw/s1600/gaby.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722580425096064290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmkteYtQE3xO93VX2-iu48yavAfi103ZQzDpz5mD_d51-ERC6Y5mzkjh2UBSa61ExSYhMfiKvPWaf_w5qvgUylHVsNlanOaw3olPlqXTULOGvfl49-c5jR-cc_HyjC8U5O0EmIlw/s400/gaby.jpg" style="cursor: pointer; display: block; height: 277px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<b>MONTEGRANDE</b></div>
<div>
<br /></div>
<div>
<div>
<b>EL CONCEPTO</b></div>
<div>
Gabriela Mistral es ante todo, nuestra gran poetisa. Una especie de heroína de la academia. Cuando niños aprendemos sus poemas, y es dentro del ámbito pedagógico, uno de los estandartes más valorados que poseemos.</div>
<div>
Su presencia en el billete de 5 mil pesos, nos hace sentirla inconscientemente muy nuestra, y su aparente aspecto de "maestra de colegio" nos hace quererla de una manera especial.</div>
<div>
<br /></div>
<div>
A pesar de su colmada vida de triunfos, su vida no fue fácil, su rostro a veces duro, nos recuerda que tuvo un pasado complicado. Su sonriente cara está esculpida por contradicciones amorosas y una exitosa carrera profesional, marcada por una infinidad de nuevos desafíos.</div>
<div>
<br /></div>
<div>
Pero, ¿cómo podemos llevar a formas tipográficas su vida?</div>
<div>
La condición de poetisa nóbel de Gabriela, la elevaba a un escalón muy académico. Sin embargo, su pasión por la pedagogía y la cotidiana relación profesor-alumno, la devuelve a un especial sitio donde el conocimiento más avanzado puede ser entregado con gracia y explicado con simpleza a un niño común y corriente.</div>
<div>
<br /></div>
<div>
Ahora, si visualmente pudiéramos resumir y reproducir la imagen que tenemos de Gabriela a formas, podemos referirnos a ella como una mujer de rostro aparentemente duro, muy seria, seria sin ser gruñona. </div>
<div>
Es más, su presencia nos recuerda mucho más a la profesora que tuvo la eterna paciencia de enseñarnos a leer, que la inalcanzable académica que todo le parece chabacano y mundano.</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe6Et56DO5Lyp9NhUknCSDi-WVHtCZkBTH8qkIyMxNI_HZihV3RxI9xksgSy7BZsLqEdnXqzRlqet0wFrJIkwFiWSZrQGvQhunmFy_7dRJhvjUXQrIVJ3CBgkFwm4OIUKbk65pg/s1600/1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722584731441651634" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHe6Et56DO5Lyp9NhUknCSDi-WVHtCZkBTH8qkIyMxNI_HZihV3RxI9xksgSy7BZsLqEdnXqzRlqet0wFrJIkwFiWSZrQGvQhunmFy_7dRJhvjUXQrIVJ3CBgkFwm4OIUKbk65pg/s400/1.jpg" style="cursor: pointer; display: block; height: 277px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<div>
La tipografía entonces podemos resumirla dentro de 4 ejes fundamentales que determinan su forma final: </div>
<div>
<ol>
<li><i>su estructura, </i></li>
<li><i>su manera de leerse, </i></li>
<li><i>su humor, </i></li>
<li><i>y la forma de sus detalles.</i></li>
</ol>
</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkj5011iOA_7GePiagdVqxFdFrRm4t1cib1rDNO__OvWm8PitvjPUy0YXIFIqg_jKOYVfJLU3EItbJOwZ_S8o8a8qWb01ZlnUmqrDOjg3rXr3lcxJQvLaQ6fz4SXbVNZIUpun1AQ/s1600/2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722584734190936610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkj5011iOA_7GePiagdVqxFdFrRm4t1cib1rDNO__OvWm8PitvjPUy0YXIFIqg_jKOYVfJLU3EItbJOwZ_S8o8a8qWb01ZlnUmqrDOjg3rXr3lcxJQvLaQ6fz4SXbVNZIUpun1AQ/s400/2.jpg" style="cursor: pointer; display: block; height: 239px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<div>
<b>1. Su estructura:</b> El concepto que es asociado a la estructura (ductus) de la letra, es la academia. </div>
<div>
Academia en su sentido más inmediato. Aquello docto y culto que no suele tranzar a la experimentación, que suele ser muy conservador y que desde luego le es mucho más atractivo el pasado histórico que un futuro democráticamente popular.</div>
<div>
Cuando hablamos de tipografía académica inmediatamente se nos viene a la mente la tipografía de Stanley Morrison, Times. Conservadora, y parámetro de legibilidad, sus formas no tranzan con estridencias, su misión es simplemente que se lea.</div>
</div>
<div>
<br /></div>
<div>
<div>
<b>2. Su lectura:</b> La lectura es un proceso mucho más de inteligibilización, y que a priori no puede evaluarse tangiblemente. Tiene que ver con factores que la determinan en su uso en conjunto: como las variables de peso, grises de textura, ergonomía de la lectura, etc.</div>
<div>
La idea de "Montegrande" es hacer que cumpla con todos los estándares que necesita una tipografía para ser leída en bloques de texto, pero además de eso, sus proporciones verticales tienden a optar por una "altura x" alta, sin ser exagerada. </div>
<div>
Sus proporciones laterales, fueron cuidadosamente condensadas, con el fin de otorgarle un “aire académicamente moderno”, un aire de evolución que lentamente ha tenido la tipografía en los últimos 100 años gracias al cambio constante de tecnologías de impresión y nuevas formas de lectura.</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8A4lYq1yQhYRUqK1inBfmQpxT2NfpQF3fL7q6XObr5rASpAwdKRGcnXVy6G839Q9ck4mYy38KmmqxsuJiEBzc4w65WdPkpA4ULsudrqzRoqMIp7cXv1H2OqsJgKE9Pf5EW0kOVg/s1600/3.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722584743979333810" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8A4lYq1yQhYRUqK1inBfmQpxT2NfpQF3fL7q6XObr5rASpAwdKRGcnXVy6G839Q9ck4mYy38KmmqxsuJiEBzc4w65WdPkpA4ULsudrqzRoqMIp7cXv1H2OqsJgKE9Pf5EW0kOVg/s400/3.jpg" style="cursor: pointer; display: block; height: 261px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<div>
<b>3. Su carácter:</b> Es difícil de definir este punto, pero tiene que ver con lo que inspira la tipografía. Lo agraciado de sus curvas, su sinuosidad.</div>
<div>
Para los artistas una escultura puede ser esculpida con cincel, modelada en greda, tallada en madera, forjada en fierro, etc. </div>
<div>
Montegrande, es una mezcla de todo un poco, tiene un bello y a veces ingenuo trabajo de curvas (<i>Piececitos de niño, azulosos de frío, ¡cómo os ven y no os cubren, Dios mío!</i>), que se contraponen con abruptos y duros cortes rectos. Cortes que de alguna manera pueden representar la extraña vida de una heroína que como mujer tuvo una vida llena de complicaciones (violaciones, abandonos, fracasos amorosos, etc.).</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2VcEyoYFzY2n69gNH2rbpLYnOk7wXzW6WO8l5tdoR6LxG01oCKfDXC_2prrpFrjMbDVE_pn89iYUyXKecjTKlOwS7GYsi87wllQMtbqmMjsw5tw1iREwrwg76EQD6lVIrLKlaCA/s1600/4.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722584749383202850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2VcEyoYFzY2n69gNH2rbpLYnOk7wXzW6WO8l5tdoR6LxG01oCKfDXC_2prrpFrjMbDVE_pn89iYUyXKecjTKlOwS7GYsi87wllQMtbqmMjsw5tw1iREwrwg76EQD6lVIrLKlaCA/s400/4.jpg" style="cursor: pointer; display: block; height: 400px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<div>
<b>4. Sus detalles:</b> ¿Qué es lo que hace reconocible y diferenciable una tipografía de otra?. Sin duda la incorporación de ciertos detalles que la hacen particular y distinta al resto de su especie.</div>
<div>
Montegrande pertenece a una extraña familia que nunca siquiera supo como autodenominarse: algunos les llaman "las semi serif", otros las llaman las "semisans". Lo importante, es que la tipografía recoge todo lo bueno que puede ofrecer una tipografía de serif (legibilidad, fácil interpretación de caracteres, invisibilidad, elegancia, etc), teniendo una apariencia muy sans serif (tipografías muy versátiles por su bajo contraste, simplicidad de sus formas, etc).</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6yTL1HDZiRPwUNE3gs97wQzNE9yjU4ZxmHVoFQir5fBg3uhnnE9E1F27_S6sAKxT4DEt4st6X-tsg1bp17iEL2L20SBA0hcCYacHUG0MrgUP8cmTefrSXITjRSfstNOW4gN9EZA/s1600/5.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722585817759546466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6yTL1HDZiRPwUNE3gs97wQzNE9yjU4ZxmHVoFQir5fBg3uhnnE9E1F27_S6sAKxT4DEt4st6X-tsg1bp17iEL2L20SBA0hcCYacHUG0MrgUP8cmTefrSXITjRSfstNOW4gN9EZA/s400/5.jpg" style="cursor: pointer; display: block; height: 230px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<div>
Finalmente. Montegrande no pretende ser ni parecer una tipografía de época, mucho menos basarse, ni pretender ser un literal rescate grafológico de Gabriela Mistral. </div>
<div>
La tipografía simplemente se dibuja a si misma a partir de un acotado concepto que es estimulado por los 4 ejes que desarrollan el comportamiento funcional e intelectual de la letra. Un pensamiento tipográfico moderno que está basado en percepciones y sensibilidad, más que en asociaciones literales o caprichosas de formas, proporciones, detalles y estructuras.</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6iUrbju2AI5Z4yRxBsWq-QQQA84-IOuKmzt_6uVcKz1VYJPYHPwdMqbJW_Uf3GFNz9Xgx_YZ2UBR7W7O7sZwyjAFSp5KQqDhOhVKIeNfpjVILeOemwGiW4fKs9ZtW-4QpVpYDmA/s1600/6.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722587571249264130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6iUrbju2AI5Z4yRxBsWq-QQQA84-IOuKmzt_6uVcKz1VYJPYHPwdMqbJW_Uf3GFNz9Xgx_YZ2UBR7W7O7sZwyjAFSp5KQqDhOhVKIeNfpjVILeOemwGiW4fKs9ZtW-4QpVpYDmA/s400/6.jpg" style="cursor: pointer; display: block; height: 207px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 400px;" /></a></div>
<div>
<br /></div>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com17tag:blogger.com,1999:blog-24992094.post-82019835525310380002011-05-20T13:28:00.000-07:002011-05-20T22:05:20.400-07:00Desafiando las leyes de la percepción<div><div>Uno de los diseñadores que más admiro, es el maestro ambigramista <a href="http://www.johnmoore.com.ve/">John Moore</a>, específicamente por el <a href="http://www.behance.net/gallery/Ambigrams/286085">arriesgado juego de lenguajes de forma</a> y contraforma que posee. Dentro de su trabajo se encuentran avanzados conceptos de formas texturadas, formas simples, complejas, sucias, limpias, saladas, dulces, cítricas, graves, ásperas y hediondas.</div><div>Sin embargo, lo más poderoso de sus proyectos, son lo inspirador. Llevar la forma al extremo, para concluir un mensaje simplísimo y minimalista suele ser su ley.</div><div>El trabajo de las formas reversibles que hacen los ambigramistas, son un caso de inspiración, porque a mi modo de ver, entran y disfrutan jugando con lo prohibido:<b><i> desafiar las leyes de la percepción.</i></b></div><div>Regularmente, los diseñadores que se alejan de las leyes del diseño, suelen ser apuntados con el dedo, mucho más aún cuando son inconscientes de lo que están haciendo.</div><div><br /></div><div>Para mi, cabalgar por la vida coqueteándole a lo prohibido, desafiando a las leyes de la percepción, es una consigna que pocos se atreven a intentar, y vale la pena experimentar.</div><div><br /></div><div><b>DESAFÍO A LA POLICÍA DE LA PERCEPCIÓN VISUAL</b></div><div><br /></div><div>Cuando uno "se porta mal" por la vida, lo más típico es ocultar la evidencia. Si uno le rompe un florero a la abuelita, es normal juntar los pedazos y armarlo lo mejor posible para que quede "como si nada hubiera pasado". Dificultar la visualización de la evidencia, es el concepto que los ilusionistas y los magos utilizan para sus trucos.</div><div>Mejorar la comprensibilidad del mensaje-significado es la consigna de todo diseñador moderno obsesionado en que el golpe visual del contenido sea absorbido de inmediato. Claro, menos de los que trabajan en experimentos para que el mensaje tenga uno, o más de un paso de un paso en el proceso de la inteligibilización.</div><div><br /></div><div>Es el juego que hacíamos cuando niño cuando le decíamos a nuestros padres, SI, y movíamos la cabeza de lado a lado (simulando un no).</div><div><br /></div><div><b>EXPERIMENTANDO CON CONCEPTOS BÁSICOS DE PERCEPCIÓN</b></div><div></div><span><span><br /><b>1. Mínimos visuales inteligibles</b></span></span></div><div>Hoy en día hay una mala interpretación del minimalismo de la lectura. <i>"Ls jvns stn zcrivindo km idts".</i></div><div>Sacarle letras a las palabras, es alterar el mensaje, es hacerlo totalmente ambiguo. ¿por qué en un mensaje encriptado u obstaculizado, debe tener un contenido ambiguo?</div><div>La culpa finalmente no es de éste, sino que de la forma cómo es transmitido.</div><div>En ese sentido, el que falla es el intermediario.</div><div><br /></div><div>La manera de transmitir un contenido, no debiese ser ni un nuevo idioma, ni un nuevo mensaje. Debiese <b>ser una</b> <b>nueva forma</b> de relatar, sin perder contenido.</div><div>Un bonito proceso de intelectualización de la encriptación del mensaje es la metáfora, ya sea visual o bien, gramatical.</div><div>Un ejemplo , es el texto que está abajo. El mensaje está encriptado con el mínimo de elementos visibles. Solo los trazos en vertical.</div><div>Un día, estaba recostado en un bosque de pino, veía puros troncos verticales, algunos estaban ligeramente inclinados y comenzaron inmediatamente a formar letras...</div><div><span><span></span></span><br /><div><div><div style="text-align: center; "><span class="Apple-style-span"><u><span class="Apple-style-span" style="color: rgb(0, 0, 0); -webkit-text-decorations-in-effect: none; "></span></u></span></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHw5akSYgWVFbOvY3hbXiY5LD5EzSnUBlcshE2fR8Rkvy8nNrW5DYZr9sId_U4xCl14Mj7nQT3jxGzyIAerx6LKTKjvodkNlTbMGodwGFEM3qpMmI1ph8IN2H5IbN-4bvupGdz5Q/s1600/sensibilidad-de-la-imagen-7.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw_1Nsgu1rjfaEV0F0RdceOng80sCdMhL5qrCLOdZiMiyE1DwLCPaOUfBfLnX7dHzkji0bBgJuIy7Qnv_hRA77RGoBSRF_e2ssSIzedYke0gnRgpNNWc1vvb1WA7e76gwuzEZ4og/s1600/sensibilidad-de-la-imagen-5.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw_1Nsgu1rjfaEV0F0RdceOng80sCdMhL5qrCLOdZiMiyE1DwLCPaOUfBfLnX7dHzkji0bBgJuIy7Qnv_hRA77RGoBSRF_e2ssSIzedYke0gnRgpNNWc1vvb1WA7e76gwuzEZ4og/s400/sensibilidad-de-la-imagen-5.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902166077254402" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 100px; " /></a></div><div></div></div><div>De acuerdo a esto, ¿es posible prescindir prácticamente de las horizontales sin que el mensaje pierda contenido, y termine siendo la forma de la letra la que acarree el peso de la encriptación?</div><div><b><br /></b></div><div><b><br /></b></div><div><b>2. Entorpecimiento de la lectura de la forma</b></div><div>El ruido, es un buen truco para que el mensaje sea poco percibido. Crear instancias de "ruido visual" es una buena idea para que algo no se entienda.</div><div>(Auditivamente, este fenómeno se produce cuando dos o más personas hablan al mismo tiempo.)</div><div><br /></div><div>Visualmente, esto se produce cuando dos mensajes tratan de hablar a la vez.</div><div>Camuflar un mensaje por forma, es una bonita manera de desafiar a la percepción a la hora de decodificar un contenido. En este caso, la trama trabaja igual que los peces que se esconden en el fondo del roquerío, para no ser presa fácil de sus predadores. Sólo que en la naturaleza el desafío visual es el color y en el siguiente mensaje, es la forma.</div><div><br /></div><div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFTMauerLADOwviKTAneC3OxWtxKRqf3jxjyyxIMnEM5_mHCtm7gN1M9eq5Ekid8nKDSOqymSf1rRqBIzJlNKhQw3OmXP5ZdYi1Df_a69m9rHpMQ3UpVOI4Ot2lRyYkHCC_yE9A/s1600/sensibilidad-de-la-imagen2.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFTMauerLADOwviKTAneC3OxWtxKRqf3jxjyyxIMnEM5_mHCtm7gN1M9eq5Ekid8nKDSOqymSf1rRqBIzJlNKhQw3OmXP5ZdYi1Df_a69m9rHpMQ3UpVOI4Ot2lRyYkHCC_yE9A/s400/sensibilidad-de-la-imagen2.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902030914322130" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 367px; height: 400px; " /></a></div><div>Si el depredador tiene las herramientas para cazar el pez camuflado, el diseñador debiese tener las herramientas para codificar y decodificar un mensaje visual. En especial si es encriptado por forma y no por contenido.</div><div><br /></div><div><br /></div><div><i>Ejemplo 2.</i></div><div>Mismo concepto, mismo trabajo de formas, pero el resultado es totalmente distinto.</div><div>En el anterior ejemplo, el texto estaba tramado en la misma dirección que las franjas.</div><div>Como segundo ejemplo de obstaculización de lectura, trabajamos con tramas en direcciones opuestas. Esta vez, el resultado cuesta leerlo, pero no por camuflaje como el caso anterior, sin que por vibración. Uno no necesita saber que ahí dice algo porque se entiende que algo hay, pero ¿qué dice?.</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLNRUuzKi9tuKFFzYQgjWGrdP5N7XZuPdIDX5UFrlBks43br0KxfT5NVg084asEfQQyKEuMMXH7c2QkqPiPtZAmk7zAP1u9wRCML480kZHs2dxivrLGnT_Ar64BSAb12kY6RlqA/s1600/sensibilidad-de-la-imagen3.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLNRUuzKi9tuKFFzYQgjWGrdP5N7XZuPdIDX5UFrlBks43br0KxfT5NVg084asEfQQyKEuMMXH7c2QkqPiPtZAmk7zAP1u9wRCML480kZHs2dxivrLGnT_Ar64BSAb12kY6RlqA/s400/sensibilidad-de-la-imagen3.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902031011405442" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 400px; " /></a></div><div><div style="text-align: left;"><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLNRUuzKi9tuKFFzYQgjWGrdP5N7XZuPdIDX5UFrlBks43br0KxfT5NVg084asEfQQyKEuMMXH7c2QkqPiPtZAmk7zAP1u9wRCML480kZHs2dxivrLGnT_Ar64BSAb12kY6RlqA/s1600/sensibilidad-de-la-imagen3.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div></div><div><br /></div><div><br /></div><div><br /></div><div><div><b>3. Duplicar mensaje visual, mantener el significado</b></div><div>El experto en ambigramas John Moore, trata siempre de torcer, retorcer y requete-contra-torcer la forma de la letra, para torturarla y nos obligue a decir lo que nosotros queramos que diga. ¿Con qué fin?. Simplemente con el fin de que la palabra quede escrita con belleza.</div><div>Con la misma belleza que un joyero trabaja la simetría de una esmeralda, los ambigramistas trabajan conceptos básicos de perfección de la simetría, las formas espejadas, las formas rotadas, etc.</div><div><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bI335IE7k-QOEFGnhArU9v4WgBsyE2pK10VurtpxiZ_vQneRpAcQ4rNKtInWTZ1LbOlXbsiYxCmrBVkGq8csuraBVnAeKSEpa1BbzcnXW1KjvlxrVKSX1jtH5NttJYkoxzvxg/s1600/sensibilidad-de-la-imagen6.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bI335IE7k-QOEFGnhArU9v4WgBsyE2pK10VurtpxiZ_vQneRpAcQ4rNKtInWTZ1LbOlXbsiYxCmrBVkGq8csuraBVnAeKSEpa1BbzcnXW1KjvlxrVKSX1jtH5NttJYkoxzvxg/s400/sensibilidad-de-la-imagen6.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902042759264594" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 202px; " /></a></div><div></div></div><div>En el ejemplo, la palabra Javii funciona al derecho y girada al revés.</div><div><br /></div><div><b>4. Doble mensaje: forma-contraforma</b></div><div>El trabajo de la forma-contraforma es uno de los más clásicos ejemplos de dualidad de contenidos, es el ying y el yang. Cada forma que moldeas va dejando una contraforma en el camino.</div><div>Esa contraforma por lo general está desechada o muy poco aprovechada. Pero ¿qué pasa si se hace el ejercicio de ir "escribiendo entre líneas"?.</div><div>¿Se puede esconder un mensaje a vista y paciencia de todos?. </div><div><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtl5gYKFBfuWRUMVbo6dETGZGRG3MBx_0wt3uAGYwiATyM6TRX9fakdXDAOmCNAEtsmV7xbFeWYJ4zvaawC-ujnTZ7j1RFSR9WVUu7RLZmjqKV9mPEV8CnalS5anxkiu2v23r05w/s1600/sensibilidad-de-la-imagen-6.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtl5gYKFBfuWRUMVbo6dETGZGRG3MBx_0wt3uAGYwiATyM6TRX9fakdXDAOmCNAEtsmV7xbFeWYJ4zvaawC-ujnTZ7j1RFSR9WVUu7RLZmjqKV9mPEV8CnalS5anxkiu2v23r05w/s400/sensibilidad-de-la-imagen-6.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902170694995330" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 400px; height: 190px; " /></a></div><div><div style="text-align: center; "><span class="Apple-style-span"><u></u></span></div><span><span><br />En el </span></span>ejemplo, el corazón nos muestra un romántico te amo.</div><div><div style="text-align: center; "><span class="Apple-style-span"><u></u></span></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtl5gYKFBfuWRUMVbo6dETGZGRG3MBx_0wt3uAGYwiATyM6TRX9fakdXDAOmCNAEtsmV7xbFeWYJ4zvaawC-ujnTZ7j1RFSR9WVUu7RLZmjqKV9mPEV8CnalS5anxkiu2v23r05w/s1600/sensibilidad-de-la-imagen-6.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div><div><span><span>Sin embargo, desde lo más desgarrador de sus contraformas, nos recuerda que del amor al odio hay un sólo paso: la contraforma.</span></span></div><div><span><span>Curioso. </span></span></div><div><span><span>Es que tanto el amor como el odio broten del corazón.</span></span></div><div><span><span><br /></span></span></div><div><span><span><br /></span></span></div><div><b>5. Doble mensaje: forma-forma</b></div><div>Uno de los conceptos más complicados de trabajar, es entregar dos mensajes claros y contundentes con la misma forma.</div><div>Es complicado de <a href="http://sercurioso.com/wp-content/uploads/2010/05/ilusiones-opticas.jpg">explicar cómo 2 formas</a> pueden explicar distintas cosas, dependiendo de cómo se le mire. Es como el <a href="http://www.propiedadprivada.com/wp-content/uploads/2009/02/optical_illusion_fun.jpg">efecto óptico</a> de la viejita que se convertía en una <a href="http://www.collegehumor.com/video/3868969/optical-illusion-girlfriend">linda jóven</a>. </div><div>En el diseño tipográfico, aprovecharse de errores de combinaciones de letras (como la "r+n", que juntas parecen una "m") nos puede abrir un mundo de posibilidades. </div><div>Jugar al límite de las posibilidades, es una tarea titánica y poco explorada de los diseñadores gráficos.</div><div><br /></div><div><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHw5akSYgWVFbOvY3hbXiY5LD5EzSnUBlcshE2fR8Rkvy8nNrW5DYZr9sId_U4xCl14Mj7nQT3jxGzyIAerx6LKTKjvodkNlTbMGodwGFEM3qpMmI1ph8IN2H5IbN-4bvupGdz5Q/s1600/sensibilidad-de-la-imagen-7.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 192px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHw5akSYgWVFbOvY3hbXiY5LD5EzSnUBlcshE2fR8Rkvy8nNrW5DYZr9sId_U4xCl14Mj7nQT3jxGzyIAerx6LKTKjvodkNlTbMGodwGFEM3qpMmI1ph8IN2H5IbN-4bvupGdz5Q/s400/sensibilidad-de-la-imagen-7.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902176316025090" /></a><div><div style="text-align: center;"><u><br /></u></div></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTVXfc4DgHaHf1-Rd4sTTFgie2LSqZ6mM4Deze2CPtQipgjjYHetWAbyVnmJiqCHvi79aNE6UT4vztQVHCBai9PUbJAkdGmnHct-HtMi6GL01V31lIHjHnu0C9u8GXsbgKIHpmA/s1600/sensibilidad-de-la-imagen-1.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div><div><div style="text-align: left;">En el ejemplo, vemos al revés del caso anterior, cómo de un contundente "te odio" con un par de copas y mala iluminación puede llegar a confundirse con un categórico "te amo".</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3bI335IE7k-QOEFGnhArU9v4WgBsyE2pK10VurtpxiZ_vQneRpAcQ4rNKtInWTZ1LbOlXbsiYxCmrBVkGq8csuraBVnAeKSEpa1BbzcnXW1KjvlxrVKSX1jtH5NttJYkoxzvxg/s1600/sensibilidad-de-la-imagen6.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a><b>6. Mezcla de lenguajes visuales <i>(bonus track)</i></b></div><div>Los diseñadores gráficos, regularmente ocupamos la escritura, la fotografía, la ilustración, la abstracción de formas visuales para comunicarnos. Eso si, muy pocas veces solemos hacer una mezcla de lenguajes del que uno dependa absolutamente del otro.</div><div>En ese sentido, debemos aprender mucho de los actores, los cuales, tienen que controlar a la perfección tanto la caracterización de las voces, como sus movimientos y vestimentas para crear situaciones creíbles. </div><div>Ahora, la encriptación del contenido en una mezcla de lenguajes visuales conocidos, ¿es tarea de los diseñadores?. Si claro, todo <b>mensaje visual </b>que va desde un emisor a un receptor, DEBE pasar por el filtro del diseñador.</div><div><br /></div><div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTVXfc4DgHaHf1-Rd4sTTFgie2LSqZ6mM4Deze2CPtQipgjjYHetWAbyVnmJiqCHvi79aNE6UT4vztQVHCBai9PUbJAkdGmnHct-HtMi6GL01V31lIHjHnu0C9u8GXsbgKIHpmA/s1600/sensibilidad-de-la-imagen-1.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTVXfc4DgHaHf1-Rd4sTTFgie2LSqZ6mM4Deze2CPtQipgjjYHetWAbyVnmJiqCHvi79aNE6UT4vztQVHCBai9PUbJAkdGmnHct-HtMi6GL01V31lIHjHnu0C9u8GXsbgKIHpmA/s400/sensibilidad-de-la-imagen-1.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902044154831426" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 356px; height: 400px; " /></a></div><div>En el ejemplo de más arriba, se mezclan 3 tipos de lenguajes conocidos, uno es el de las matemáticas, otro es la comunicación con emoticones, y el tercero es el conocido y tradicional lenguaje de pictogramas.</div><div>Sabiendo esto, ya puedes traducir tanto los mensajes encriptados, tanto el de arriba como el de abajo.</div><div><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg351AxI9y4oLbqfEiZ2lSyusJ_t_wgDq3dwRVQRtfCpwqiddSAKUNrIPnlHgAD9onx0MXRXyeS4ZunMNVywmO368EseRPg64XlCr4Ov46RtSOLYdDeBXuhC8HvheCIg9umPMQjew/s1600/sensibilidad-de-la-imagen4.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 118px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg351AxI9y4oLbqfEiZ2lSyusJ_t_wgDq3dwRVQRtfCpwqiddSAKUNrIPnlHgAD9onx0MXRXyeS4ZunMNVywmO368EseRPg64XlCr4Ov46RtSOLYdDeBXuhC8HvheCIg9umPMQjew/s400/sensibilidad-de-la-imagen4.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5608902039050570818" /></a></div><div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;">Nota: Las imágenes fueron donadas a través de la prestigiosa tienda de remeras personalizadas <a href="http://lemurdesign.blogspot.com/">Lemur</a>, y fueron diseñadas en conjunto con Letritas.</div><div style="text-align: left;"><a href="http://lemurdesign.blogspot.com/">http://lemurdesign.blogspot.com</a>.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><div style="text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTVXfc4DgHaHf1-Rd4sTTFgie2LSqZ6mM4Deze2CPtQipgjjYHetWAbyVnmJiqCHvi79aNE6UT4vztQVHCBai9PUbJAkdGmnHct-HtMi6GL01V31lIHjHnu0C9u8GXsbgKIHpmA/s1600/sensibilidad-de-la-imagen-1.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div><div><br /></div><div></div></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg351AxI9y4oLbqfEiZ2lSyusJ_t_wgDq3dwRVQRtfCpwqiddSAKUNrIPnlHgAD9onx0MXRXyeS4ZunMNVywmO368EseRPg64XlCr4Ov46RtSOLYdDeBXuhC8HvheCIg9umPMQjew/s1600/sensibilidad-de-la-imagen4.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com37tag:blogger.com,1999:blog-24992094.post-41663792405788561382009-08-27T09:33:00.000-07:002009-08-27T12:02:31.593-07:00Beauchef, una tipografía matemáticamente dura<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VtjwjL8ER-fPW4_YqAgHU1My1DORLXs1cYDYP1a37VbGLf-BjS0lIiP64HwYhqUXk6s87cPbysElXsDmCENbcfl5ItQkXhcJWexrJAUViK5l79YZASpMdJpNEixQSdwWFoz__A/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 333px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VtjwjL8ER-fPW4_YqAgHU1My1DORLXs1cYDYP1a37VbGLf-BjS0lIiP64HwYhqUXk6s87cPbysElXsDmCENbcfl5ItQkXhcJWexrJAUViK5l79YZASpMdJpNEixQSdwWFoz__A/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5374697099372841490" border="0" /></a>Hace 2 años, comentamos la <a href="http://letritas.blogspot.com/2007/11/tipografa-corporativa-beauchef_16.html">tipografía Beauchef</a>. Hoy la presento como la tercera tipografía comercial que da a luz letritas.<br />La tipografía, que en un origen fue diseñada para el Centro de Modelamiento Matemático de la Universidad de Chile, será distribuída por <a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">Veer</a>.<br /><br />Al mutar a una tipografía comercial, Beauchef se adaptó a las necesidades y requerimientos que el mercado necesita: acentos para la gran mayorías de los idiomas, variedad de numerales (ya sean mayúsculos, minúsculos, numeradores y denominadores), versalitas, minúsculas y caracteres especiales, etc.<br />A pesar de estos cambios y actualizaciones, la tipografía mantiene intacto el concepto que la originó, y del que hoy se jacta orgullosa:<br /><span style="font-style: italic;">"Beauchef es una tipografía que es tan ruda como las matemáticas avanzadas, pero tan legible, clara y exacta como los números mismos.</span> <span style="font-style: italic;">Una tipografía que sea tan vanguardista como los sorprendentes proyectos que abordan, pero tan conservadora, tranquila y respetuosa como los clientes que necesitan de sus servicios.</span> <span style="font-style: italic;">Que sea tan vistosa como las voluminosas fórmulas con las que trabajan, pero a la vez que sea tan humilde como la cifra final que los resultados entregan.</span>"<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFF5gtMYbsyJur_d97FW_ceIJQZPrX5uwXtuQWjCpGlWcLP1fry6Ne2kWHUqenbksGJJ6rPgvZzzDVG3Dm9Qj8-_oAp2kZJUIhMMxEzcolxEFuFRytU9kLBai3vXnu5zDol0YjVw/s1600/ejemplo1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFF5gtMYbsyJur_d97FW_ceIJQZPrX5uwXtuQWjCpGlWcLP1fry6Ne2kWHUqenbksGJJ6rPgvZzzDVG3Dm9Qj8-_oAp2kZJUIhMMxEzcolxEFuFRytU9kLBai3vXnu5zDol0YjVw/s1600/ejemplo1.gif" alt="" border="0" /></a>De alguna manera, <a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">Beauchef</a> es una tipografía sin serif atípica e inexpresiva. Insabora como el agua, pero que no se comporta como las tipografías más elegantes y también insaboras como helvetica.<br />Es así como el experimento de <a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">Beauchef</a>, carece casi totalmente de elegancia, icluso podría llegar a pensarse que se diseñó por coordenadas, y no con el arte del trazo hermoso tan admirado por los tipógrafos. Eso la hace dura y casi robótica<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAV5lq5uEP8zExYSqdiihSpqEkYmg845WdBMqpTL0sQGypsl3o1q9-uK1cpbiBvnON12ooj_5tCwgO_c28DQC53nxqaamOWeXS9OQZ33EhBE9ta1_aF_LYYOkLTjDXHjFKeglhxg/s1600-h/pesos.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 159px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAV5lq5uEP8zExYSqdiihSpqEkYmg845WdBMqpTL0sQGypsl3o1q9-uK1cpbiBvnON12ooj_5tCwgO_c28DQC53nxqaamOWeXS9OQZ33EhBE9ta1_aF_LYYOkLTjDXHjFKeglhxg/s400/pesos.gif" alt="" id="BLOGGER_PHOTO_ID_5374706590633349570" border="0" /></a>Sus seis pesos y más de 500 caracteres, la hacen muy apta para trabajar y ser combinada tanto con tipografías muy caligráficas como consigo misma, creando hermosos juegos de pesos.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL687U27No3fw4ciPNA5IQVS4HJX5U7bLgcr4vQ3T4XaZ5tPthAF2yErWYEvXpXTzr-PrYt-ofmVJyBWVXz8ABMC2lxKspGeCNR4H8n6Xajhtm0BgBaj_dMqasnk3ZcIQE8X1E3A/s1600-h/combinacion.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 90px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL687U27No3fw4ciPNA5IQVS4HJX5U7bLgcr4vQ3T4XaZ5tPthAF2yErWYEvXpXTzr-PrYt-ofmVJyBWVXz8ABMC2lxKspGeCNR4H8n6Xajhtm0BgBaj_dMqasnk3ZcIQE8X1E3A/s400/combinacion.gif" alt="" id="BLOGGER_PHOTO_ID_5374706584357151954" border="0" /></a>En fin, <a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">Beauchef</a> está a la venta en <a href="http://www.veer.com/products/type">Veer</a>, y aquí pueden disfrutar de su <a href="http://jpdegregorio.googlepages.com/beauchefespecimen.pdf">especímen</a> y continuar entendiendo el juego de las duras formas de esta robótica y fría tipografía.<br />Por cierto, si quieren usarla para algún proyecto específico, pueden <a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">adquirirla acá</a>.<br /><a href="http://www.veer.com/products/typedetail.aspx?image=CTT0000250">Beauchef</a>, es una tipografía exclusiva para la colección Umbrella, de Veer.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://jpdegregorio.googlepages.com/beauchefespecimen.pdf"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgcyf8g3r8npCSVvQMWZjMmCi61rKHQTKZydjY_5AemFIs4QGdGp6Lnp6qDbxgRdwOMcf_EoWbEFzW18G-db-lpPQLCaywqpaqjG8xhY1PDrOBWlmeQdg32AyO-8OTdwmCBFJZw/s400/descargar.jpg" alt="" id="BLOGGER_PHOTO_ID_5374720809429609554" border="0" /></a>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com49tag:blogger.com,1999:blog-24992094.post-41831551347025041112009-06-18T22:05:00.000-07:002009-06-18T22:15:42.251-07:00La jerarquía y la composición<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRFPWwYfTek5-q2w_MTDxNwgGP8vSCNRWZfNdAYe3kkN3S8bsnRzZnBTxcP0be7CnpJOF7L6juknHo1MPwAihN920eZICFszqH0IG1aRCE2EMiNGiqpr9I5upsXh7Y4-yeYvI6-A/s1600-h/portada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRFPWwYfTek5-q2w_MTDxNwgGP8vSCNRWZfNdAYe3kkN3S8bsnRzZnBTxcP0be7CnpJOF7L6juknHo1MPwAihN920eZICFszqH0IG1aRCE2EMiNGiqpr9I5upsXh7Y4-yeYvI6-A/s400/portada.gif" alt="" id="BLOGGER_PHOTO_ID_5348901173005260450" border="0" /></a>Cuando trabajamos algún nuevo proyecto de diseño, lo primero que tenemos que determinar, antes de incluso desarrollar conceptos visuales, es qué tan importantes son cada uno de los elementos que componen nuestro producto de diseño.<br />Es así como surgen las jerarquías. Esto es mas importante que esto otro y a su vez, que esto otro. Y para el manejo de las imágenes, es el mismo tratamiento jerárquico.<br /><br />Parece fácil en principio jerarquizar, decir qué el titular es el primer llamado que uno debe leer, luego la bajada o los destacados, luego los datos anexos, etc. ¿Pero cómo hacer para que la importancia que conceptualmente le dimos a los elementos, logren eficientemente que cumplan el orden jerárquico?.<br /><br />Si analizamos una nuevamente una composición podremos entender que con una determinada cantidad de trucos para jerarquizar, podemos tener libertad infinita para componer. Entonces, los métodos más frecuentes para destacar o esconder elementos dentro de un producto de diseño son:<br /><br /><span style="font-weight: bold;">1. El orden de lectura</span><br />Nuestra cultura occidental es muy rígida en aspectos de lectura, desde muy chicos aprendimos a que debemos leer todo de izquierda a derecha y de arriba hacia abajo.<br />Es muy dificultoso entender que dos elementos que tienen las mismas características, se lean de proceso inverso. Tenemos inconscientemente una manera automática de ordenar los elementos, y de acuerdo a esoo no podemos luchar.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB23EhCBpLpp2W6UlI3r22tku7-DtniATbm_PXbH98Zmu3Vo96rjjjMMhgKIPHjG5mZ4Qs9ay8Bl3HuWzfdKRGu-cPuUpFyiNMyOeQsKtuOs4JHr56ewI9AdUSishvVtPAVx0Q7g/s1600-h/1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 306px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB23EhCBpLpp2W6UlI3r22tku7-DtniATbm_PXbH98Zmu3Vo96rjjjMMhgKIPHjG5mZ4Qs9ay8Bl3HuWzfdKRGu-cPuUpFyiNMyOeQsKtuOs4JHr56ewI9AdUSishvVtPAVx0Q7g/s400/1.gif" alt="" id="BLOGGER_PHOTO_ID_5348901168724964242" border="0" /></a>Por ejemplo, en la imagen de más arriba, vemos 12 barras horizontales dispuestas una arriba de la otra. Si te pones a contarlas probablemente tu cerebro empiece a hacerlo de arriba hacia abajo. Ahora, si lo piensas ¿por qué leemos primero la barrita de arriba siendo que la de abajo es 4 veces más grande?<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ENVOmB7bEUjKhORx3o7Y_GjEnxOFgEXaI___SC0hDTwKDTRwdv4OigUPG5QfxtGgaVwGSF3CrfyLOMC0V2NpyHI1EZ8Tc2kfVK9OcjFOwRGHsIQMa1jKiL853gvK6C3UeE_i-w/s1600-h/2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 202px; height: 127px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ENVOmB7bEUjKhORx3o7Y_GjEnxOFgEXaI___SC0hDTwKDTRwdv4OigUPG5QfxtGgaVwGSF3CrfyLOMC0V2NpyHI1EZ8Tc2kfVK9OcjFOwRGHsIQMa1jKiL853gvK6C3UeE_i-w/s400/2.gif" alt="" id="BLOGGER_PHOTO_ID_5348901168594669810" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiskbKbEQjDe8TQZSujO12AV43MSnaB1KteIYpkYtOcBuVN75Xe56dOTSBh9V4pr-mvIfvJXgYxi7-vYEFHo4AU_dLyTlQeWmUBPbvwdcHNPrZUPDqGOYhIYpsBzMAFYK0GimKoig/s1600-h/3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 133px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiskbKbEQjDe8TQZSujO12AV43MSnaB1KteIYpkYtOcBuVN75Xe56dOTSBh9V4pr-mvIfvJXgYxi7-vYEFHo4AU_dLyTlQeWmUBPbvwdcHNPrZUPDqGOYhIYpsBzMAFYK0GimKoig/s400/3.gif" alt="" id="BLOGGER_PHOTO_ID_5348901009011320114" border="0" /></a>En un segundo ejemplo podemos entender que si los círculos estuvieran unidos, probablemente el orden de lectura nos guíe a la manera tradicional de leer, de izquierda a derecha. Sin embargo hay un único factor que puede romper el de arriba a abajo y de izquierda a derecha, es el de la superposición: de adelante hacia atrás.<br /><br /><br /><span style="font-weight: bold;">2. El tamaño</span><br />El manejo del tamaño de los elementos es sin duda, el más usado de los sistemas de jerarquía y no necesita gran explicación.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHotZ4qESVlGuPTs1AE4wv0hqwIW80oPTwXmrbskrqPGOIBHdRoGRJV6K6E6XoxrxrJIDDP1Ef8e9yi5rDxvPXqqV1ATurT6mVQqFbJ-_tHlP_1A4eztrlzvoFQOI1KNEseZQBqA/s1600-h/4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 329px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHotZ4qESVlGuPTs1AE4wv0hqwIW80oPTwXmrbskrqPGOIBHdRoGRJV6K6E6XoxrxrJIDDP1Ef8e9yi5rDxvPXqqV1ATurT6mVQqFbJ-_tHlP_1A4eztrlzvoFQOI1KNEseZQBqA/s400/4.gif" alt="" id="BLOGGER_PHOTO_ID_5348901007988767474" border="0" /></a>En el ejemplo, basta con agrandar un círculo para entender que su importancia es mucho mayor que la del resto.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zWu2bcPrDHWbcg1JVf90YwUMDXaTUXK0rEEp4zvnCaKcdQE3H3qyp2SMXyPsL6Wem0vtn0K-1Ofil5PhMHVRARBeNiLYuDT1HFw7zDyVKoajLhNb0Qe6Sew1bGlXvRalCEzpUA/s1600-h/5.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 298px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zWu2bcPrDHWbcg1JVf90YwUMDXaTUXK0rEEp4zvnCaKcdQE3H3qyp2SMXyPsL6Wem0vtn0K-1Ofil5PhMHVRARBeNiLYuDT1HFw7zDyVKoajLhNb0Qe6Sew1bGlXvRalCEzpUA/s400/5.gif" alt="" id="BLOGGER_PHOTO_ID_5348901005025786098" border="0" /></a>Sin embargo, agrandar un objeto no es la única manera de hacerlo destacar, en el ejemplo podemos entender que el objeto destacado no tiene por qué ser el más grande para ser jerárquicamente el más importante.<br /><br /><br /><span style="font-weight: bold;">3. El color</span><br />Una de las maneras más interesantes de destacar es por color. Lo saben los mejores diseñadores del mundo y lo ocupan a su favor a diario, ya sea para levantar en importancia algún elemento, o bien para ocultarlo.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSxl4XJTBXdnGx439udfci-n2Ut_T7lg6MZlNjiTjatKVKn71csubNYb1wRAKyIdt0UlUiYEg2HMS6K4_S-CD2o7lJEyh0mZwyEbNAhv0CPmM1KIQy39oDxPpZgFIs1QYC6nXyA/s1600-h/6.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 329px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSxl4XJTBXdnGx439udfci-n2Ut_T7lg6MZlNjiTjatKVKn71csubNYb1wRAKyIdt0UlUiYEg2HMS6K4_S-CD2o7lJEyh0mZwyEbNAhv0CPmM1KIQy39oDxPpZgFIs1QYC6nXyA/s400/6.gif" alt="" id="BLOGGER_PHOTO_ID_5348901004079742818" border="0" /></a>En el ejemplo podemos observar el típico ejemplo de cómo el color magenta se apodera de nuestra primera mirada para decirnos que el punto más importante de la composición no es el primer punto de la primera fila, sino que el que se destaca por ser distinto.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYJ_X5ajFE6Mzv7FW4cTleBhjLuM3nCQzIiqFQSPqpQXYwZqLP1M84QhCMc_JM20qs4FO2Nc7VoLPg1YmLTNvCwGxw9tf7sMfDqvjqQXcjb-wHifjoLzZvpY-LtLM2p1A2AQkSA/s1600-h/7.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 284px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYJ_X5ajFE6Mzv7FW4cTleBhjLuM3nCQzIiqFQSPqpQXYwZqLP1M84QhCMc_JM20qs4FO2Nc7VoLPg1YmLTNvCwGxw9tf7sMfDqvjqQXcjb-wHifjoLzZvpY-LtLM2p1A2AQkSA/s400/7.gif" alt="" id="BLOGGER_PHOTO_ID_5348901001213607186" border="0" /></a>¿Pero qué pasa cuando todos son distintos?. Por lo general, cuando reina el color, el negro se sobrepone a todo, y da lo mismo cuánto colorido haya, el negro siempre será el más importante.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpNxevZgorEo8D5GNxqsOcloZZ2i5vIgEoDM2z2_B_Cru-zxcKw_wqqOdhfvzxjrQzLqTMH0SwqRFi9eDFkYTGZlojMwbmMCrzIFgMRbBtQHdD_O58BTKiWYEYBfIEs5XN111dw/s1600-h/8.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 314px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpNxevZgorEo8D5GNxqsOcloZZ2i5vIgEoDM2z2_B_Cru-zxcKw_wqqOdhfvzxjrQzLqTMH0SwqRFi9eDFkYTGZlojMwbmMCrzIFgMRbBtQHdD_O58BTKiWYEYBfIEs5XN111dw/s400/8.gif" alt="" id="BLOGGER_PHOTO_ID_5348900835010696098" border="0" /></a>Otra manera de destacar por color es por exclusión. Esta manera de jerarquizar, se usa mucho en el diseño de logotipos. Julián Naranjo, un destacado diseñador chileno, comentaba que la fórmula del éxito en el diseño de identidad corporativa era elegir 2 colores de similar peso o gama, y por exclusión, elegir un color que se le oponga diametralmente.<br /><br /><br /><span style="font-weight: bold;">4. La forma</span><br />Otra forma de romper con la homogeneidad de los elementos y destacar a uno por sobre los demás, es trabajar con formas similares para determinados grupos jerárquicos, y otras formas completamente diferentes para los demás.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUgZekFGT9WYpUE1UbFbCoPdTui3-AjEgUV6YTaT0FkOxLKmkRFu9DWsY7ijX0eq1bktUZXhA0AQ7Rfc31QdgyKgIyt9qksilKRqO1jyuoDXcfeCLL6kYuCFhnuXyGRs6261PBA/s1600-h/9.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 299px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUgZekFGT9WYpUE1UbFbCoPdTui3-AjEgUV6YTaT0FkOxLKmkRFu9DWsY7ijX0eq1bktUZXhA0AQ7Rfc31QdgyKgIyt9qksilKRqO1jyuoDXcfeCLL6kYuCFhnuXyGRs6261PBA/s400/9.gif" alt="" id="BLOGGER_PHOTO_ID_5348900834896555234" border="0" /></a>Muy probablemente fijaremos nuestra vista en los elementos de forma más estridentes, y leeremos al final los elementos cuya forma sea más tranquila y ordenada.<br /><br /><br /><br /><span style="font-weight: bold;">5. La ubicación</span><br />La posición de los elementos dentro de la página, es un factor fundamental a la hora de componer una pieza de diseño. Agrupar por formas tanto como excluir de las mismas es una muy buena manera de levantar y hundir información sin ser estridente. No es necesario cambiar ni tamaños ni colores ni formas.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJltHQs0vEBVTmtouQuRGOPrrw_sJQ3V8yk9WUglE09Bp710B8TUGW2ZIf9tOQwD0ZqBOrIt-V1XyhfrZdYkLq_R7B7OiMzkEQNZlHyN7T9rHt9V4QcDgHyZ6n6IrE3qPU6zii_w/s1600-h/10.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 272px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJltHQs0vEBVTmtouQuRGOPrrw_sJQ3V8yk9WUglE09Bp710B8TUGW2ZIf9tOQwD0ZqBOrIt-V1XyhfrZdYkLq_R7B7OiMzkEQNZlHyN7T9rHt9V4QcDgHyZ6n6IrE3qPU6zii_w/s400/10.gif" alt="" id="BLOGGER_PHOTO_ID_5348900831519106322" border="0" /></a>La elegante manera de dominar la hoja y disponer los elementos como si fuera un escenario teatral, como si fuera una cancha de fútbol en el que se entiende a la perfección cuál es el punto con mayor visibilidad.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyfa5T6wHZyTrFkNEgrGpsQhCFvGBUNAa1Dmtgcf5hRINQaad7lyt-8rq3dTvkL_SlXiIwnDCjHOCVWpoMblWGgX8P3D2_wqJgmOI9RssCCt_gZjAccY_u7RjhN6e4oAUYCl3Ow/s1600-h/11.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 291px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyfa5T6wHZyTrFkNEgrGpsQhCFvGBUNAa1Dmtgcf5hRINQaad7lyt-8rq3dTvkL_SlXiIwnDCjHOCVWpoMblWGgX8P3D2_wqJgmOI9RssCCt_gZjAccY_u7RjhN6e4oAUYCl3Ow/s400/11.gif" alt="" id="BLOGGER_PHOTO_ID_5348900826803658578" border="0" /></a><br /><br /><span style="font-weight: bold;">6. La composición de elementos</span><br />Jerarquizar elementos mediante el ordenamiento de los mismos elementos es una avanzada manera de entender cómo funciona la composición. Se ocupa mucho en la composición de escena en comics, fotografía y cine.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGO_Yimo7VGy2Tn3k4kNiNa4ukxzzyXi_6lB3u1Ly11PliFw7D35dP1uSX8WiuxZfzftFJm2Up9Vh12AO4iiGxrW412QTRyGp2PuEyatuDba8ZXi1_Ryt_l04D7RBKxu8oG-NwmQ/s1600-h/12.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGO_Yimo7VGy2Tn3k4kNiNa4ukxzzyXi_6lB3u1Ly11PliFw7D35dP1uSX8WiuxZfzftFJm2Up9Vh12AO4iiGxrW412QTRyGp2PuEyatuDba8ZXi1_Ryt_l04D7RBKxu8oG-NwmQ/s400/12.gif" alt="" id="BLOGGER_PHOTO_ID_5348900825211266898" border="0" /></a>Por lo general las puntas y diagonales son la manera más fácil de destacar un objeto dentro de la composición. En el ejemplo, podemos ver cómo los elementos se ordenan diagonalmente para formar una especie de punta de flecha que indica casi gráficamente diciendo "tu, eres el elemento destacado".<br />Si bien es cierto, a la derecha también hay un elemento destacado por una diagonal, se entiende que el tamaño y la jerarquía de los pesos de que rompen la ortogonal, son diferentes para un objeto que para otro. La proporción es clara, y el blanco de la contraforma refuerza lo anterior.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com241tag:blogger.com,1999:blog-24992094.post-80872728681892665162008-12-10T09:46:00.001-08:002008-12-11T22:45:01.056-08:00Tipografía con sobrepeso<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoCLdcc82NLANsjY4wjlIEKQx3PVeP4XBO-x7pRTHrIxQTHhUYNww63j8M542Z_Q0UvN1YClQRwpoWamTO0GAm_KB9tFr1Sk9PvVzdxRJS2-M6a-C1S5wmWelzdBdbzMnUzXGKQ/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 290px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoCLdcc82NLANsjY4wjlIEKQx3PVeP4XBO-x7pRTHrIxQTHhUYNww63j8M542Z_Q0UvN1YClQRwpoWamTO0GAm_KB9tFr1Sk9PvVzdxRJS2-M6a-C1S5wmWelzdBdbzMnUzXGKQ/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5278767320670961138" border="0" /></a>Hace mucho tiempo que no hablábamos de los factores que condicionan la personalidad de la tipografía (como el ancho, el peso, la inclinación, etc.). Si bien alguna vez hablamos de del diseño de tipografías <a href="http://letritas.blogspot.com/2006/05/diseo-ultrapesado-y-ultraliviano.html">ultrapesadas y ultralivianas</a>, nunca le habíamos otorgado la cabida que se merecen las tipografías gorditas, rechonchitas y simpaticonas.<br />Es muy normal que en el proceso elección de un tipo de letra para un logotipo, nos fijemos sólo en letras regordetas. Mucho más aún si el nombre de la empresa es de pocas letras, y aún más, si el logotipo es sólo tipográfico.<br />Es muy normal que en el proceso elección de un tipo de letra para titulares o encabezados, nos terminemos fijando sólo en letras obesas. Mucho más si la frase que se pretende <span style="font-style: italic;">gritar</span> es corta y acertada.<br />¿Por qué pasa esto?<br />En artículos anteriores hablábamos de la importancia de la idiosincrasia de la forma de las letras a la hora de expresar. Las tipografías gorditas por lo general poseen una presencia y un carácter fuerte que las hace muy especial, aunque sean herederas formalmente de trazos que funcionen igual en versiones más livianas de la misma letra. Las tipografías de trazo grueso definitivamente poseen un vozarrón, y lo que digan, definitivamente es dicho con una fuerza especial.<br /><br />En este artículo analizaremos el origen del diseño de las letras gorditas. Junto a éste análisis, es esperable que la creación y la elección de ellas sea mucho más sensitivo.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb3UC5E-_TZ95omD11zCPrVryw-4ttgeRFb_3viDOUmrasPiZXqkjtHZSddK018eDTiV_be1tkZ6grhs9fVkSiP-pQO3LqC8T8PRv7hbjRNpSH-V_NE2jk7nxw23C-0jRkUrHQg/s1600-h/1.ductusejemplo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKb3UC5E-_TZ95omD11zCPrVryw-4ttgeRFb_3viDOUmrasPiZXqkjtHZSddK018eDTiV_be1tkZ6grhs9fVkSiP-pQO3LqC8T8PRv7hbjRNpSH-V_NE2jk7nxw23C-0jRkUrHQg/s400/1.ductusejemplo.gif" alt="" id="BLOGGER_PHOTO_ID_5278221810037153362" border="0" /></a><span style="font-weight: bold;">La gordita dependiente de una familia</span><br />Existen muchas tipografías obesas que gozan de tiempos en que no lo fueron. De hecho, fueron pensadas para que funcionen en otros contextos, y si engordaron fue únicamente porque el diseñador que la creó, se engolosinó creando completas versiones de peso, pensando en cubrir todas las posibilidades de elección <span style="font-style: italic;">(ultralight, light, book, normal, semibold, bold, black, ultrablack).</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://jpdegregorio.googlepages.com/1.ductus.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 83px;" src="http://jpdegregorio.googlepages.com/1.ductus.gif" alt="" border="0" /></a>Una de las ventajas de elegir tipografías pesadas con familiares esbeltos, es precisamente las posibilidades que ofrecen de identidad. Una tipografía corporativa, por lo general necesita una letra que la identifique tanto a la hora de componer sus textos, como a la hora de crear jerarquías en ellos. En otras palabras, es muy necesaria su versatilidad.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYS2DxkGINscLH1bmA2aSE2Pv6Nb2wyaUUSSt7M767b7jiZTA3482Ct4FCJx67LRXxPexr5r6x_oGOH8mW4LQBldp6xYA3qZNikvArV1xrStx-paYhlTRfN6r_jg7Dyrz0J9hNTA/s1600-h/caricaturaejemplo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 336px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYS2DxkGINscLH1bmA2aSE2Pv6Nb2wyaUUSSt7M767b7jiZTA3482Ct4FCJx67LRXxPexr5r6x_oGOH8mW4LQBldp6xYA3qZNikvArV1xrStx-paYhlTRfN6r_jg7Dyrz0J9hNTA/s400/caricaturaejemplo.gif" alt="" id="BLOGGER_PHOTO_ID_5278760626588750226" border="0" /></a><span style="font-weight: bold;">La gordita caricaturesca</span><br />Es sabido que los factores y requerimientos para el diseño de una tipografía de texto son diferentes a los de una tipografía de titulares, ya que cumplen funciones diferentes (relatar y llamar, respectivamente). Si las exigencias para una y otra son diferentes, los conceptos de diseño también pueden ser diferentes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPiK_YjGswRfukwvzaB8AsuXLHBRZFHIaSSl_fdXqrNFRtHQF274z8Yyvr32hZ51z4py9nyJY5x5c1PQszSm7d0RhnaFpDKPpti_kE-NL32wqekT7I1FgD_RWnSUVbmf7-hmPJg/s1600-h/caricatura.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 62px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPiK_YjGswRfukwvzaB8AsuXLHBRZFHIaSSl_fdXqrNFRtHQF274z8Yyvr32hZ51z4py9nyJY5x5c1PQszSm7d0RhnaFpDKPpti_kE-NL32wqekT7I1FgD_RWnSUVbmf7-hmPJg/s400/caricatura.gif" alt="" id="BLOGGER_PHOTO_ID_5278760627390525570" border="0" /></a><br />Una de las maneras de calificar el éxito de una tipografía de texto, es midiendo el gris de trama que produce la caja (relación blanco-negro).<br />En una tipografía gordita, no existe esa preocupación, por lo que la variación de sus trazos, serifas, gotas y terminaciones, pueden ser diseñadas con pesos ópticos y criterios totalmente estéticos, por sobre la obsesión de la sistematización de pesos que requieren las de texto. La exageración de grosores y groseras combinaciones de contrastes pueden estar permitidas si el resultado lo amerita. <span style="font-style: italic; color: rgb(192, 192, 192);">(clic en la imagen para ver a tamaño real)</span><br /><br /><br /><br /><br /><a style="font-weight: bold;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SHtF7DkQf5ZL_ETWecv7cnt3NSQoXDZs-mvZzzSdpuLJMXLY3B0OckGEM17IYelzf5fE_5XaKRiZ7qowvs-7ljyVmc6KD1GW3wlB36ZJiptTj-xdaTwqa3Z2WngSJy1FUa_QaQ/s1600-h/infladazoom.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 286px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SHtF7DkQf5ZL_ETWecv7cnt3NSQoXDZs-mvZzzSdpuLJMXLY3B0OckGEM17IYelzf5fE_5XaKRiZ7qowvs-7ljyVmc6KD1GW3wlB36ZJiptTj-xdaTwqa3Z2WngSJy1FUa_QaQ/s400/infladazoom.gif" alt="" id="BLOGGER_PHOTO_ID_5278783965277170226" border="0" /></a><span style="font-weight: bold;">La tipografía inflada</span><br />Imaginemos una tipografía gordita, muy gordita.<br />Hagámosla engordar más y mucho más, hasta que le cueste reconocerse a si misma. Hasta que pierda completamente su forma interior y sea leída más bien por su contorno exterior.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijcIaC2AJ_61gwZjduw2Q_caj4D7XFOZsRoGL1JIQFQ9fHtb-YFxN5p_-SVv515i0pYVsHW3N-yehsV2TP3Kz7f4zZr6RtF63u7bZYLVzDgpxPwjKg6Ld9gsTX-YTbemY3deQ6Kg/s1600-h/inflada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 91px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijcIaC2AJ_61gwZjduw2Q_caj4D7XFOZsRoGL1JIQFQ9fHtb-YFxN5p_-SVv515i0pYVsHW3N-yehsV2TP3Kz7f4zZr6RtF63u7bZYLVzDgpxPwjKg6Ld9gsTX-YTbemY3deQ6Kg/s400/inflada.gif" alt="" id="BLOGGER_PHOTO_ID_5278787678577842882" border="0" /></a>Este tipo de experimentos tipográficos superan el límite de gordura permitido para ser leído con normalidad, y sus formas mórbidas garantizan simpatía, pero no necesariamente legibilidad.<br />Es interesante también, cómo se le pueden atribuir a la forma de las letras, calificativos que caracterizan a los seres humanos <span style="font-style: italic;">(ultraflaco, flaco, esbelto, normal, rellenito, gordo, muy gordo, y mórbido)</span>.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHbbAs78qLPfvlYJNMltAmI1hhagouw3bTeG0UcpsTOFk0KvzBHwkob2Ax7jN0btiDSQ7pU9RXbDNpoLcZ3zzqOEHp0I8-NWXXJrqh1owxxIooiMK2h9aC1Y7MEbFRHv4LDOi32w/s1600-h/bloquezoom.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 285px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHbbAs78qLPfvlYJNMltAmI1hhagouw3bTeG0UcpsTOFk0KvzBHwkob2Ax7jN0btiDSQ7pU9RXbDNpoLcZ3zzqOEHp0I8-NWXXJrqh1owxxIooiMK2h9aC1Y7MEbFRHv4LDOi32w/s400/bloquezoom.gif" alt="" id="BLOGGER_PHOTO_ID_5278760622602472802" border="0" /></a><span style="font-weight: bold;">El tallado del bloque</span><br />Olvidémonos un rato del trazo. Cerremos los ojos e imaginemos que tenemos un bloque para diseñar una letra, olvidémonos de la relación de trazos, contrastes y todas esas cosas. Dediquémonos a sacar un poco de material de ese bloque, para crear letras.<br />A eso se le llama dibujar la contraforma.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsh-biuj2pEESIEUGmCjyfdzvKoXfY0T8ZYMIN8IIJZhoBHPt1gMngP6cZ4Jq6YibngOxtkHWxmn0mtKjNI2nENFJ5vQaM2ZoDfyOCcLZgxPiiNh2MsWHYTvvsl6WLwlv0z8gBFA/s1600-h/bloque.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 63px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsh-biuj2pEESIEUGmCjyfdzvKoXfY0T8ZYMIN8IIJZhoBHPt1gMngP6cZ4Jq6YibngOxtkHWxmn0mtKjNI2nENFJ5vQaM2ZoDfyOCcLZgxPiiNh2MsWHYTvvsl6WLwlv0z8gBFA/s400/bloque.gif" alt="" id="BLOGGER_PHOTO_ID_5278760624780869458" border="0" /></a><br />Si bien, entre los tipógrafos es muy normal diseñar sus alfabetos a pensando siempre en la sistematización de contraformas, nunca es más importante que el diseño de sus trazos.<br />En las tipografías gorditas la proporción es inversa, y como lo muestra el ejemplo, la tipografía es comprendida gracias al blanco de la contraforma.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvddRSKsWS3GE-Qn_oU8NYGaUI3MA3Z-w1IpaIqBDEyBd-IKBU0tXmuK9oX8Mp2smowSitF_0N0Cph-9eOVlSz319e1HfS94qcDbxoasfwbO6at_DVG0SSz3GjfyrTjgjS893bQ/s1600-h/geometrizada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 94px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvddRSKsWS3GE-Qn_oU8NYGaUI3MA3Z-w1IpaIqBDEyBd-IKBU0tXmuK9oX8Mp2smowSitF_0N0Cph-9eOVlSz319e1HfS94qcDbxoasfwbO6at_DVG0SSz3GjfyrTjgjS893bQ/s400/geometrizada.gif" alt="" id="BLOGGER_PHOTO_ID_5278760631926597490" border="0" /></a><span style="font-weight: bold;">La geometrización de la letra</span><br />Cuando las letras dependen de otro tipo de conceptos a los anteriormente mencionados, y se preocupan más que nada a serle fiel a una grilla base, ya sea geométrica o de otro tipo, hablamos de tipografías de grilla. Éstas engordaron a partir de un parámetro <span style="font-style: italic;">x</span>, definido por factores netamente estéticos, y su consistencia de trazos y contraformas está determinada por la fidelidad a la grilla, por sobre los conceptos de legibilidad y balance de la proporción de trazos y la relación blanco-negro.<br />Desde la aparición de <a href="http://fontstruct.fontshop.com/">Fontstruct</a>, la proliferación de este tipo de tipografías ha aumentado muchísimo.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com40tag:blogger.com,1999:blog-24992094.post-79358491378584939942008-09-09T08:34:00.001-07:002008-09-10T23:27:27.934-07:00Sensibilidad tipográfica<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgluYtwutvTqsSYJzlMdxKcy8dI2-cAk8bu-DGOjOeljXM3t7_kkJg_N6LTuL8XZXhPShEQElDvs6wAvkXn-PQnpM5bth8ZvkNtJweuClmKrWMwP4m3Hb5z-_kIpiDA_TWSApJA/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgluYtwutvTqsSYJzlMdxKcy8dI2-cAk8bu-DGOjOeljXM3t7_kkJg_N6LTuL8XZXhPShEQElDvs6wAvkXn-PQnpM5bth8ZvkNtJweuClmKrWMwP4m3Hb5z-_kIpiDA_TWSApJA/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5244487486982631442" border="0" /></a><br />Hace algunos artículos hablábamos de la sensibilidad que tenía que tener el diseñador a la hora de trabajar con tipografías, sin embargo, a la hora de ejecutar este tipo de conceptos abstractos, nos damos cuenta de lo complicados que pueden llegar a ser.<br />Pero:<br />-No es tan complicado.<br />-Ni los conceptos son tan abstractos tampoco.<br />Sólo debemos recordar y tener muy presente que el <span style="font-weight: bold;">diseño de la tipografía es a la escritura, lo que el tono de voz es a la palabra hablada</span>.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHmnrXhtsTcrLzQ9nRyMHA9GcTdEqVvxIE65Gi5ke7j91WxicHKdldFK4vFudlnECFXkz8BojE7KyZMDGprd4pLv-GUBNwjzhDUrZbRffq_PsJEAA9Z-AJfjXSXfRyR-yZUPG0uQ/s1600-h/proporcion.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHmnrXhtsTcrLzQ9nRyMHA9GcTdEqVvxIE65Gi5ke7j91WxicHKdldFK4vFudlnECFXkz8BojE7KyZMDGprd4pLv-GUBNwjzhDUrZbRffq_PsJEAA9Z-AJfjXSXfRyR-yZUPG0uQ/s400/proporcion.gif" alt="" id="BLOGGER_PHOTO_ID_5244487491764356162" border="0" /></a>Algo así como esto, donde la pluma representa la forma de la letra, y el emoticón representa el tono de voz.<br />Pretender hablar, o decirlo todo con el mismo tono de voz, puede resultar un absurdo.<br />De hecho, es muy posible que cuando le hables a un cliente importante, no ocupes el mismo tono de voz que cuando vas a un almacén a comprarle frutas a la señora Juanita. El nivel de tensión-relajo necesario para cumplir estas dos tareas, probablemente va a ser muy diferente.<br /><br />Entonces, ¿es posible extraer formas visuales a partir de análisis de voz?.<br />Por supuesto. Podemos ser muy abstractos, pero también tan concretos como queramos.<br />Por ejemplo, si quiero decirle "te quiero" a una persona, posiblemente lo diga con dulzura. Pero si esa persona es mi madre, lo haré con un tono de ternura. En cambio, si lo hago a mi novia, lo haré con algo más de coquetería.<br />La pregunta. ¿Existen diferencias entre una voz tierna y una voz coqueta?.<br />Claro que si, la voz tierna posiblemente sea mucho más sólida, puediendo incluso expandir un par de sonidos (Algo así como un "te quieeeeeero"). En cambio la voz coqueta, puede ser con uno o dos tonos más graves, y se habla casi en susurro.<br /><br />Es increíble que nuestro cerebro ya esté recreando las formas visuales a partir de la descripción de los sonidos.<br /><br />Entonces analizar la forma de los sonidos puede ser muy útil a la hora de entender conceptos de sensibilidad de tipografías.<br /><br /><span style="font-weight: bold;">Hagamos un par de pruebas</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IiqTUhZSU5SEMuzCZVdvvinGsOhM8OCU2slT9nZmYybGgoDmYJyGEBxp3cSEk6sxDKqpVtO4Og8xbR1KBIkLr4v4UArKcl4TAkYFnfW73qCz0ZtUAxJn8QAPOHqUruROh1i4lg/s1600-h/sra_juanita.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IiqTUhZSU5SEMuzCZVdvvinGsOhM8OCU2slT9nZmYybGgoDmYJyGEBxp3cSEk6sxDKqpVtO4Og8xbR1KBIkLr4v4UArKcl4TAkYFnfW73qCz0ZtUAxJn8QAPOHqUruROh1i4lg/s400/sra_juanita.gif" alt="" id="BLOGGER_PHOTO_ID_5244487849209980418" border="0" /></a>Imaginemos la voz de nuestra profesora de primaria. Aquella que nos enseñó a leer. Posiblemente con una voz simpática y entusiasta. Haciendo esfuerzos gigantescos para que su voz sea lo más clara posible, tratando de enseñar palabras fáciles con sonidos muy simples, para que los niños que tenga a su cargo no puedan confundirse al dibujar las letras (mi mamá me ama).<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9h9BbrMwYlpl0EVjf7khyJHbwY29U5N_hTrjCo6laduhMkDE3eKNDFzvu4YY_TG3h1DZDW-HXY3Uld2wGo1cJ7YsMkGtF0uvNEkCZjQpBmqRU9o1YMP7YmhY_TCV-Fz1mwFr8Q/s1600-h/viejo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9h9BbrMwYlpl0EVjf7khyJHbwY29U5N_hTrjCo6laduhMkDE3eKNDFzvu4YY_TG3h1DZDW-HXY3Uld2wGo1cJ7YsMkGtF0uvNEkCZjQpBmqRU9o1YMP7YmhY_TCV-Fz1mwFr8Q/s400/viejo.gif" alt="" id="BLOGGER_PHOTO_ID_5244487853659699442" border="0" /></a>Imaginemos con qué voz escribiría el administrador de un edificio. Él es una persona mayor, de unos 70 años, conservador y enchapado a la antigua. El no tranza con el idioma, y ocupa la plenitud de su vocabulario, aunque hable con la gente del aseo, con su nieto de 6 años, o con un empresario amigo. Es correcto, intachable, puntual y muy refinado. Sólo escucha música sinfónica y usa ropa de tela. Posiblemente use unas zapatillitas blancas de lona los domingos emprano en la mañana, solamente para ir a comprar el diario.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjO0u3gnzXTGpTuJ4-zBWDYjdPsX-zJZwO6-Xls5vIlAuyZTX0eP1FEiI0Ent7dEDhjkRIyX-lhAtenlhd2ACDQZhwWewG6Dc7Qf2Ob0Aq1sZGeyKes3Cjh_Zvvm4lcbmPRhZ6Qw/s1600-h/gordito.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjO0u3gnzXTGpTuJ4-zBWDYjdPsX-zJZwO6-Xls5vIlAuyZTX0eP1FEiI0Ent7dEDhjkRIyX-lhAtenlhd2ACDQZhwWewG6Dc7Qf2Ob0Aq1sZGeyKes3Cjh_Zvvm4lcbmPRhZ6Qw/s400/gordito.gif" alt="" id="BLOGGER_PHOTO_ID_5244487745436482386" border="0" /></a>Imaginemos la voz de un tipo que ha sido el gordo simpático toda su vida. Tiene unos 30 años, pero todavía no madura 100%. Una junta del colegio nunca sería lo mismo sin él, ya que todos están siempre alrededor de él, para escuchar sus lamentables aventuras, que de su boca, suelen ser relatadas con una gracia única.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAL2mw51hH8-cGyrWU39a_5rfcNYFTOIu6V_R_fhL2bhpA4SlJ449IniSEt0CFiWEmx18xHogA5gMhZKtMIC6qA1sGFThKpl38CmISTNdamaWzURxNYGm36SOu_27YPQPztSV7gA/s1600-h/hippie.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAL2mw51hH8-cGyrWU39a_5rfcNYFTOIu6V_R_fhL2bhpA4SlJ449IniSEt0CFiWEmx18xHogA5gMhZKtMIC6qA1sGFThKpl38CmISTNdamaWzURxNYGm36SOu_27YPQPztSV7gA/s400/hippie.gif" alt="" id="BLOGGER_PHOTO_ID_5244487748978776306" border="0" /></a>La voz de un hippie puede ser algo distinta. Es cantadita, calmada y hablada con mucha sicodelia. Habla sólo con frases prefabricadas y defiende ideales que posiblemente ni él mismo entienda. El vive libre, anda a pie pelado, usa el pelo larguísimo y ropa artesanal con tela de saco de harina.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE3GvoNV_hwFlGzZk042YxshqmpPZg35-w3Esg0hc3Or5BdfkfT1rB0I-zND1OI9cSHgPt4wmgl5gbfS4WKQqrvH-jUZ6qvoIGqEkBY-34cCBfuuUtNJa_Xib2ndX0nBP6pWtig/s1600-h/joven_cool.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE3GvoNV_hwFlGzZk042YxshqmpPZg35-w3Esg0hc3Or5BdfkfT1rB0I-zND1OI9cSHgPt4wmgl5gbfS4WKQqrvH-jUZ6qvoIGqEkBY-34cCBfuuUtNJa_Xib2ndX0nBP6pWtig/s400/joven_cool.gif" alt="" id="BLOGGER_PHOTO_ID_5244487748136626610" border="0" /></a>El joven transgresor y vanguardista está obsesionado con romper las reglas. Consume tecnología como loco, ha reprogramado varias veces su computador, y le encanta experimentar con voces extrañas. Es expresivo, y está más al tanto del futuro que del pasado. La historia no le interesa, pero si la llegase a necesitar, posiblemente saque su agenda electrónica y con una conexión inalámbrica compruebe la fuente de lo que va a decir y no está seguro.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7GlydrTyIYO_y7yoSHGKfe7DyMSUnlbLS6_ACKLhHXOBsAfaOOqL1TSBJSJjFjqW-j_H3jmmRy005szj1zubSVoBd5iWxj8SRa36ho8c3yLrib5THb80a6MiuhVilOEc0TXNhQ/s1600-h/ni%C3%B1a.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7GlydrTyIYO_y7yoSHGKfe7DyMSUnlbLS6_ACKLhHXOBsAfaOOqL1TSBJSJjFjqW-j_H3jmmRy005szj1zubSVoBd5iWxj8SRa36ho8c3yLrib5THb80a6MiuhVilOEc0TXNhQ/s400/ni%C3%B1a.gif" alt="" id="BLOGGER_PHOTO_ID_5244487754405337586" border="0" /></a>La voz de una niña adolescente es algo más ingenua. Entusiasta, tímida y con una coquetería propia de la edad. Es segura de si misma, dentro de todas sus simples complicaciones, y quiere pretender tener la elegancia y la distinción de las mujeres más grandes que ella. Posiblemente su hermana artista.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9zcZa1ni8E8-66urhTU_k2t2l0fYkPwVIzYs9TBGaSEioiNJ7QGa4slGCC2Ri9kyAdp_4jxB9vvJ0YxCKoRMzHTyoffAqa3mjeYDsciFRGaD4eh9tIX-2nrCesnY7TviTsC_MA/s1600-h/sofisticada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9zcZa1ni8E8-66urhTU_k2t2l0fYkPwVIzYs9TBGaSEioiNJ7QGa4slGCC2Ri9kyAdp_4jxB9vvJ0YxCKoRMzHTyoffAqa3mjeYDsciFRGaD4eh9tIX-2nrCesnY7TviTsC_MA/s400/sofisticada.gif" alt="" id="BLOGGER_PHOTO_ID_5244487755590526258" border="0" /></a>Su hermana mayor, ya es un poco más madura, ubicada y tiene claro lo que quiere. Es una artista plástica que inagura justamente hoy su galería. Es elegante, sabe caminar con tacos de aguja y en un evento fashion, es sofisticada y la más distinguida.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOYsICjQv3HRYnx0AYBfsUG2NUVSlWk_lUTLJS2UBisJognzaQ0ZZPfZikqsrDZP5gpMtD_rbzY-O2-E7BsIs9xt0wcZc9a5EBp0zsrBPE2aDv87PVOOEeEuu59VMFDkSMoZhg2Q/s1600-h/formal_joven.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOYsICjQv3HRYnx0AYBfsUG2NUVSlWk_lUTLJS2UBisJognzaQ0ZZPfZikqsrDZP5gpMtD_rbzY-O2-E7BsIs9xt0wcZc9a5EBp0zsrBPE2aDv87PVOOEeEuu59VMFDkSMoZhg2Q/s400/formal_joven.gif" alt="" id="BLOGGER_PHOTO_ID_5244487490592098610" border="0" /></a>La voz de un periodista de terreno en un noticiario es muy clara. El lee sus noticias lo más formal que puede, sin embargo, su tono deja ver la frescura propia del tipo que está ganando experiencia, reporteando donde los hechos lo manden. Es joven, pero ya no tanto. Es centrado, estudioso, y muy bien comportado. Posiblemente jamás le haya provocado un disgusto a nadie.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hx56tlhs2jTJrbYeYGZDCHZVWPkTEBfP8SnmZT3OE26oiwYZ1-dyzI1R6szYPpqMtuQ3PKma1OSqoyMv62pTAw9_aiON7J5VxRrPr5_NEvbmcZ81XzcHfNZpICxsemjtoVRN3A/s1600-h/fortacho.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hx56tlhs2jTJrbYeYGZDCHZVWPkTEBfP8SnmZT3OE26oiwYZ1-dyzI1R6szYPpqMtuQ3PKma1OSqoyMv62pTAw9_aiON7J5VxRrPr5_NEvbmcZ81XzcHfNZpICxsemjtoVRN3A/s400/fortacho.gif" alt="" id="BLOGGER_PHOTO_ID_5244487496389537090" border="0" /></a>El tono de voz de un deportista, es más grueso y simple. Sin embargo, es robusto, fuerte y seguro de si mismo. El ha entrenado para no mostrar sus debilidades en competición, y esto se traspasa a su voz.<br /><br /><br /><span style="font-weight: bold;">La mezcla de voces</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5dOXatmrZCctpiYWyTrsQb9Zs-bwpLHN2l4SyS0xY67Kvz68wE2P7QtAWxNWmo-EJcDXfG-L9NlimGWkMqTx9QEVG5aBu6s0gVoX7MOy67yqFV5I3eWmpnTZZD2UgKlFU57l0Kg/s1600-h/funciones.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5dOXatmrZCctpiYWyTrsQb9Zs-bwpLHN2l4SyS0xY67Kvz68wE2P7QtAWxNWmo-EJcDXfG-L9NlimGWkMqTx9QEVG5aBu6s0gVoX7MOy67yqFV5I3eWmpnTZZD2UgKlFU57l0Kg/s400/funciones.jpg" alt="" id="BLOGGER_PHOTO_ID_5244487497245877778" border="0" /></a>Para los diseñadores más experimentados, el proceso de elección tipográfica es tan apasionante como hacer un casting de talentos para un programa de televisión, en el que las invitadas, finalmente serán las tipografías.<br />Por ejemplo, en la lámina estamos presentando las 3 tipografías principales con las que eventualmente podría trabajar una revista que estemos diseñando. Para esto tenemos que ser muy rigurosos en la elección, y como no podemos exigir al gordito que nos relate temas serios e importantes, su función será hacer lo que mejor sabe hacer, ser simpático y llamativo.<br />La anfitriona es una tipografía que nos va a introducir con clase y elegancia. Ella probablemente pueda tratar sin problemas temas serios y de trascendencia, así como con su desplante pueda llamar la atención. Sin embargo, le incomoda figurar, así como también le estresa trabajar extra.<br />El tipo que tiene que hacer el trabajo duro, debe ser un tipo que no resalte sobre el resto, un tipo que no sea alegre, ni extravagante, ni tener una idiosincrasia muy particular. Debe aceptar trabajar todas las horas extras que sean necesarias y funcionar bajo condiciones extremas.<br />Ese, es el tipo de texto.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com103tag:blogger.com,1999:blog-24992094.post-76233872812322596252008-06-18T12:36:00.000-07:002008-12-09T17:21:23.335-08:00Comalle, la magia de la contraforma<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4J6rSQopucLmVkUsHyaM5ZX-S05cT2is5Buh69X5yQihis9Cf9LwzEiloT1LPmoWkBOpHh6WAkj1mn58NNai9wG95qykP_4agtsZDpgjs1YVka1elQWVg7I8AWbldRdDjTjxcKA/s1600-h/8.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4J6rSQopucLmVkUsHyaM5ZX-S05cT2is5Buh69X5yQihis9Cf9LwzEiloT1LPmoWkBOpHh6WAkj1mn58NNai9wG95qykP_4agtsZDpgjs1YVka1elQWVg7I8AWbldRdDjTjxcKA/s400/8.gif" alt="" id="BLOGGER_PHOTO_ID_5213326081367337666" border="0" /></a>Comalle, es una tipografía que de alguna manera rinde un pequeño homenaje a la teoría de la Gestalt, ese libro que nos obligaron a leer en primer año y que hablaba de la percepción psicológica de los elementos y estaba repleto de apasionantes juegos visuales de formas, texturas y colores.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlf6dzw3jRi9vzYflJWvi1CFnsftW7be8dwTgcVO9jxmCC-ZVfR7SFwt9IpGkU-McSPFhf5iXoW2SH09aJ4ruD7LOTsW8fr16NCMm8lrTl6_D7gKoNHHIFee-awO-mE_xSEMDHQ/s1600-h/4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlf6dzw3jRi9vzYflJWvi1CFnsftW7be8dwTgcVO9jxmCC-ZVfR7SFwt9IpGkU-McSPFhf5iXoW2SH09aJ4ruD7LOTsW8fr16NCMm8lrTl6_D7gKoNHHIFee-awO-mE_xSEMDHQ/s400/4.gif" alt="" id="BLOGGER_PHOTO_ID_5213324643111809058" border="0" /></a>Recordaremos ese famoso ejemplo donde puedes ver dos siluetas caras de personas si ves la figura, pero si te fijas en el fondo, aparecerá milagrosamente una copa.<br /><br />Bajo ese mismo principio de utilizar formas y contraformas muy reconocibles se estructura el concepto de Comalle.<br /><br />A la hora de diseñar una fuente, podemos suponer que una tipografía de trazo muy delgado, tendrá contraformas amplias y abiertas, tan abiertas, que muchas veces se pierden en un infinito mar de blanco.<br />Como <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">Comalle</a> tiene un trazo más bien grueso, permite trabajar con acotadas formas en negativo, que van abriendo paso al trazo mismo, tranzando de igual a igual el espacio tanto negro como blanco.<br /><br /><br /><span style="font-weight: bold;">Entendiendo a Comalle</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGmzpOqGPun1aZSauslOacGhRovXT9t9GbbJuTHLSY3V5RLRePQf8u75JUFhxQcHno5XNZiPhSFvrzOGe_MFTdUzZVijGJ15l2egB4NklZ9VPyNe1htvh1XhScY4HbEr8ld7WbA/s1600-h/1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGmzpOqGPun1aZSauslOacGhRovXT9t9GbbJuTHLSY3V5RLRePQf8u75JUFhxQcHno5XNZiPhSFvrzOGe_MFTdUzZVijGJ15l2egB4NklZ9VPyNe1htvh1XhScY4HbEr8ld7WbA/s400/1.gif" alt="" id="BLOGGER_PHOTO_ID_5213324636532135426" border="0" /></a>Si miramos el ejemplo superior, podemos apreciar cómo el juguetón peinado de la g, recibe fascinado a la letra que le sigue, creando un interesante espacio entre las dos letras que, incluso sin juntarse y funcionando independientemente bien, crean un lúdico espacio virtual.<br />Lo mismo pasa con la cola de la "g", en la que el blanco externo entra muy tímidamente y termina esculpiendo con decisión la forma. La idea del trabajo de Comalle entonces, no es sólo pensar las contraformas internas de los caracteres, sino que intentar también integrar al vecino.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbSSuK69U-gMgaCXIBNyZCux54qvhizsJyaFygdR8fQ5b7wFcjXJeb_5TAubpTfBhAyJCn6jMaqdDXTsgWKNkP5gHahnxJNxdx_GA_7DoeVLto_Ohy4kpwkRqD3g6AhM6cnjChQ/s1600-h/2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbSSuK69U-gMgaCXIBNyZCux54qvhizsJyaFygdR8fQ5b7wFcjXJeb_5TAubpTfBhAyJCn6jMaqdDXTsgWKNkP5gHahnxJNxdx_GA_7DoeVLto_Ohy4kpwkRqD3g6AhM6cnjChQ/s400/2.gif" alt="" id="BLOGGER_PHOTO_ID_5213324641182232882" border="0" /></a>Existen caracteres que se prestan voluntariamente para delicados detalles en este juego de formas sólidas y su contraforma, como la arroba, en que es envuelta por si misma, rematando de una manera muy curiosa, citándose a si misma para proponer un dibujo distinto.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipD6FW9kQLMlN_KFehKrheF3uTet44uFHNLy0KWpdh__wsWHatdMJSD21i1slWBvpkBJkIw3Iiq83zcOUi4s6tnZYvadUbZcdIarowxA6E3Jj9-3qjxBPQfH5eGYkskTj37C5nyg/s1600-h/3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipD6FW9kQLMlN_KFehKrheF3uTet44uFHNLy0KWpdh__wsWHatdMJSD21i1slWBvpkBJkIw3Iiq83zcOUi4s6tnZYvadUbZcdIarowxA6E3Jj9-3qjxBPQfH5eGYkskTj37C5nyg/s400/3.gif" alt="" id="BLOGGER_PHOTO_ID_5213324646082769090" border="0" /></a>Hace algunos meses, hablábamos de la importancia del <a href="http://letritas.blogspot.com/2007/12/curveando-lo-rossi.html">juego de velocidades</a> en el trazado de las curvas en la tipografía. <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">Comalle</a> aprovecha al máximo ese delicioso juego de velocidades, creando un especial juego de intensidades de curva, muy coherente entre si, en el que prácticamente el capricho en su diseño está totalmente ausente. Estas curvas son trazadas cada una de manera muy natural y traducidas a bellos trazos.<br /><br />En fin, la opción de trabajar con simpleza la complejidad de la curva y contracurva orgánica, es la gran apuesta de <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">Comalle</a>, una tipografía que su forma parece trazada por un hábil letrerista y su contraforma fue moldeada por un habilidoso cirujano y su bisturí.<br /><br /><br />En fin, <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">Comalle</a> está a la venta en <a href="http://www.veer.com/">Veer</a>, y aquí pueden disfrutar de su <a href="http://jpdegregorio.googlepages.com/Comalle.pdf">especímen</a> y continuar entendiendo el juego de formas de esta alegre y primaveral tipografía.<br />Por cierto, si quieren usarla para algún proyecto específico, pueden <a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">adquirirla acá</a>.<br /><a href="http://www.veer.com/products/typedetail.aspx?image=UMT0000327">Comalle</a>, es una tipografía exclusiva para la colección <a href="http://www.veer.com/products/vendor.aspx?vendor=umt&WT.ac=type.080602.1.txt_vendor.koolbeans">Umbrella</a>, de Veer.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvPH7Xl66M-XITgg3IRvv315OrfLkH5tpWtvbHxKJFVW7az_07zfiN5mBXpjJ_ec_wqQ21dJSANF9YHJYtAhE_9OYxn9qk0KXBqxNegZn-VmxRB9kKozo2Nucz-Hf8doSCV_-FQ/s1600-h/5.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvPH7Xl66M-XITgg3IRvv315OrfLkH5tpWtvbHxKJFVW7az_07zfiN5mBXpjJ_ec_wqQ21dJSANF9YHJYtAhE_9OYxn9qk0KXBqxNegZn-VmxRB9kKozo2Nucz-Hf8doSCV_-FQ/s400/5.gif" alt="" id="BLOGGER_PHOTO_ID_5213326059844379906" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggtG8C4x_4h7PMK1I6FxquN_dlrLTMvm_T4OueOfpZsqpRorvKmHrnvhzOLBbu1UTPE7sQIklFHP1WBqDnJKyZ7at2cp1vAxHmnDOEWyBVuWOztHs-ax462yZUOmVqrXwC4eMbA/s1600-h/6.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggtG8C4x_4h7PMK1I6FxquN_dlrLTMvm_T4OueOfpZsqpRorvKmHrnvhzOLBbu1UTPE7sQIklFHP1WBqDnJKyZ7at2cp1vAxHmnDOEWyBVuWOztHs-ax462yZUOmVqrXwC4eMbA/s400/6.gif" alt="" id="BLOGGER_PHOTO_ID_5213326071134976418" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCA4HMO8Pfpt13b9NagjKffN7Awb-ygBWXu9k4eKSC2RgXPzZ4g7H7oBIAOmQlgsWCpBYZENDE6OeJzygQ_wnHq5lD6buWiwjuwiNKTnv72Gh8-msypFcPaSRaLR4GOIPyA9huTA/s1600-h/7.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCA4HMO8Pfpt13b9NagjKffN7Awb-ygBWXu9k4eKSC2RgXPzZ4g7H7oBIAOmQlgsWCpBYZENDE6OeJzygQ_wnHq5lD6buWiwjuwiNKTnv72Gh8-msypFcPaSRaLR4GOIPyA9huTA/s400/7.gif" alt="" id="BLOGGER_PHOTO_ID_5213326079747027234" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1wogdHuj4Qjv9clvkXHzq0fcsIb_M5XSXQ38UP2tgUvcn1_Wbn33_njfbfW8fM-6dr5heD0PDTkjVH3E7iOyfKbTDJz3yniTOs-lU5ulyI52_K9O3Bqukbv_tDSqTpV1Urc57YA/s1600-h/portada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1wogdHuj4Qjv9clvkXHzq0fcsIb_M5XSXQ38UP2tgUvcn1_Wbn33_njfbfW8fM-6dr5heD0PDTkjVH3E7iOyfKbTDJz3yniTOs-lU5ulyI52_K9O3Bqukbv_tDSqTpV1Urc57YA/s400/portada.gif" alt="" id="BLOGGER_PHOTO_ID_5213326544710043522" border="0" /></a>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com62tag:blogger.com,1999:blog-24992094.post-7511646796007730502008-06-02T18:02:00.000-07:002008-12-09T17:21:24.017-08:00Escogiendo tipografías<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT1Y2_PbMRX4n5me9EyFqmdssJ1z4CAAjMNwLQdQ7BZs814sYppi9kO2KRKML7RN6j6T3uFH3ihGb5JJ_IacZaiBOKeBBxemkuApSJo3XYHOVZpU7mC1m2du957fhkEj0rvAZNGA/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT1Y2_PbMRX4n5me9EyFqmdssJ1z4CAAjMNwLQdQ7BZs814sYppi9kO2KRKML7RN6j6T3uFH3ihGb5JJ_IacZaiBOKeBBxemkuApSJo3XYHOVZpU7mC1m2du957fhkEj0rvAZNGA/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5208427252487553634" border="0" /></a>Es interesante que recién me de cuenta que el blog todavía no aborde el tema de la sensibilidad de la elección tipográfica. Hasta el momento sólo nos habíamos dedicado a conocer las razones para hacer que las tipografías que funcionan óptimo, pero de sensibilidad, sólo pequeños esbozos.<br />Muchos buenos diseñadores dicen que ser criterioso en la elección es un talento con el que se nace, y que no se educa. Sinceramente, creo que la elección de tipografías es algo perfectamente educable, pero claro, exige un importante conocimiento previo de las tipografías que puedes llegar a elegir. Y también es educable hasta cierto punto, porque depende de la mano con la que se trabaje, ya que hay diseñadores que le ponen mucho estilo propio a sus diseños.<br />Entonces, si estuviéramos trabajando en <a href="http://letritas.blogspot.com/2006/04/15-tips-al-elegir-un-buen-tipo-de.html">condiciones ideales</a>, donde sólo nos debatimos a elegir entre las tipografías que tenemos, y todas funcionan correctamente (todas tienen “eñe”, “acentos”, y están bien espaciadas) ¿Cuál debiese ser nuestro principal criterio de elección?<br /><br /><span style="font-weight: bold;">Tipos de elección de tipos</span><br />Existen varias maneras de elegir tipografías. Desde simples procesos preconcebidos que respetan estilos, hasta procesos muy complejos que involucran complejos raciocinios, sin embargo, el resultado y el objetivo siempre será el mismo: que se lea lo que quiero decir.<br />Y para decirlo hay muchas maneras de hacerlo. Existen tipografías que nos trasladan a épocas específicas, nos crean sensaciones y nos evocan momentos. Algunas no expresan absolutamente nada, y otras hablan más de lo que pueden decir.<br />Descubriremos cada uno de esos mundos para enfrentar, partiendo con el más simple de todos:<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_r2X89vJjgOqeTHMQzMa23nj8N6newb0c3r7eEfSYD2MFb_cpv-wkgo9_vT4clShuCHwAf68PKZWu-1aVPQCsnZkqElQuU4Wezg2KS9ZYsmO8ykLLOTYJ0zsAdLbGUfiOLvN20w/s1600-h/basicas.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_r2X89vJjgOqeTHMQzMa23nj8N6newb0c3r7eEfSYD2MFb_cpv-wkgo9_vT4clShuCHwAf68PKZWu-1aVPQCsnZkqElQuU4Wezg2KS9ZYsmO8ykLLOTYJ0zsAdLbGUfiOLvN20w/s400/basicas.gif" alt="" id="BLOGGER_PHOTO_ID_5208438453559599330" border="0" /></a><span style="font-weight: bold; font-style: italic;">1. El método cerrado</span><br /><a href="http://www.vignelli.com/">Massimo Vignelli</a>, en una entrevista para la revista Communication Arts, decía que para él y su oficina le bastaba con trabajar con sólo siete tipografías.<br />Existen muchos diseñadores que trabajan con muy pocos tipos de letras, hay distintos motivos por que lo hacen, algunos por mediocridad, y otros porque sienten la necesidad de responder al estilo que el cliente espera de ellos.<br />La gente que trabaja con pocas tipografías, tiene muchas veces problemas al momento de diferenciar con claridad si lo que hacen es para una cadena de comida rápida, o un folleto para una financiera. Da lo mismo, para todo uso Arial o Times.<br />De alguna manera, son diseñadores que están acostumbrados a forzar la dirección de arte para que todo funcione con las tipografías que estoy acostumbrado a trabajar. De esa manera, la expresión se logra mediante el correcto uso de pesos, tamaños, colores, tramas, texturas, etc.<br />Existe gente con mucha trayectoria que le ha tomado toda una vida darse cuenta que su paleta tipográfica puede ir haciéndose cada día más y más pequeña, pero sin embargo, saben que fuera de su computador, está un maravilloso mundo de trazos tipográficos esperando ansioso por ser utilizado, que evoluciona día a día, y se hace paradójicamente más rico en cantidad y calidad.<br />Sin embargo, si no sabes lo que hay afuera, y tu paleta tipográfica es pequeña porque siempre lo ha sido, posiblemente se vea reflejado en tus diseños en forma de pobreza de ideas y sensibilidad a la forma.<br />De todas maneras, creo que tener una pequeña paleta tipográfica, es una limitante absurda, mucho más aún cuando eres de los diseñadores que siempre está tratando de proponer.<br />En fin, en este caso el criterio de elección tipográfico es caprichoso y muy personal. Por lo mismo no merece más análisis. Siempre ocupa las mismas.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMisd93wup9ilv9BBHONTPbgWxx7ilgwFkfc9VlSi9OhlYV9JORmuz_HtlXvTXdRbndc94IqMOwICWjFbV9SHoLfxH1oZdTxg93yMKHOrbPGi_SEuuuIR0vLJc2bqKBu73bI6_Ig/s1600-h/basico.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMisd93wup9ilv9BBHONTPbgWxx7ilgwFkfc9VlSi9OhlYV9JORmuz_HtlXvTXdRbndc94IqMOwICWjFbV9SHoLfxH1oZdTxg93yMKHOrbPGi_SEuuuIR0vLJc2bqKBu73bI6_Ig/s400/basico.jpg" alt="" id="BLOGGER_PHOTO_ID_5208435865929929218" border="0" /></a><span style="font-weight: bold; font-style: italic;">2. El método directo</span><br />El método de elección de tipografías directo, es el método más simple, rápido, predecible y básico. Lamentablemente el método en el que suele caer la gran mayoría de los diseñadores.<br />Consiste en lo siguiente: Si necesitas una tipografía para escribir sombrero, buscas una que tenga forma de sombrero. Si necesitas una tipografía para escribir niño, buscas una que parezca que haya sido hecha por un niño, y si necesitas escribir perro, buscas una hecha a partir de pisadas de perro.<br />Es un método directo, porque a partir de la elección, no hay extracción alguna de conceptos asociados ni ideas complementarias. Es por lo general lo que esperaría ver el cliente (porque tampoco es capaz de ver más allá), y la manera fácil de hacer las cosas.<br />Entonces, cuando nos damos cuenta que elegimos una tipografía con lunares dentro, porque los perros dálmata tienen lunares en su pelaje, debemos pensar internamente, “hey, estoy haciendo una relación 1 a 1, ¿eso está bien?”.<br /><br />Debemos recordar que <span style="font-weight: bold;">el diseño de la tipografía es a la escritura, lo que el tono de voz es a la palabra hablada</span>. <span style="font-style: italic;">(Lo que el interlineado y el interletraje es a la velocidad con que se habla, y la página escrita, puede llegar a ser una verdadera partitura, donde la elección tipográfica podría ser interpretada como la elección del instrumento).</span><br />Según eso, para decir perro, no es necesario ladrarlo, sino que basta con decirlo adecuadamente.<br /><br />Veamos un ejemplo que pueda ser analizado desde 2 perspectivas.<br />Supongamos que debemos hacer un cartel que diga, <span style="font-style: italic;">“China, una tierra hermosa”.</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtEZkfMnqYgJwJ9N_3Xa01xePeAkiasFfrMJHR2p0zDfeC4eaelBoKx6Ueax-3Fpopa9Ef20rW4IOSN5jqhatIA6PWtTnq9kWF-j-Gi_SXVV4b2GyhseivXaN3R8HALu9a2zvLTw/s1600-h/china1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtEZkfMnqYgJwJ9N_3Xa01xePeAkiasFfrMJHR2p0zDfeC4eaelBoKx6Ueax-3Fpopa9Ef20rW4IOSN5jqhatIA6PWtTnq9kWF-j-Gi_SXVV4b2GyhseivXaN3R8HALu9a2zvLTw/s400/china1.gif" alt="" id="BLOGGER_PHOTO_ID_5208427245128400274" border="0" /></a><span style="font-style: italic;"></span>Parece extraño, pero es raro que de inmediato nos volquemos en búsqueda de una tipografía que “sea como” una caligráfica china. Es normal que sea lo primero que se nos venga a la cabeza, pero ¿nos hemos cuestionado alguna vez si es lo óptimo?.<br />A pesar de que el resultado (si el diseñador es hábil), pueda ser el convincente por temas de color y composición, estamos dejando de lado un montón de interesantes ideas que tal vez debiesen ser tomadas en cuenta a la hora de elegir.<br /><br /><span style="font-weight: bold; font-style: italic;">3. El método abstracto</span><br /><span style="font-style: italic;">(Retomando el ejemplo anterior)</span> Si nos detenemos un minuto a pensar y hacer un pequeño análisis de la legibilidad de la tipografía que estoy usando, posiblemente me de cuenta que estoy sacrificando casi por completo la forma de las letras, para forzarlas a algo que no están preparadas. Es decir, tienen demasiada personalidad, tiene demasiada idiosincrasia.<br />Mejor, cambiemos identidad por legibilidad.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRym4HjDc8Vn1eyoMohr8ECAJrs6QPY5yDTCruhY3ZRcQzWMSD63YWk6V-TSK4SETYGPgcehji7n7TNxY3NzsT3mYx1DO8yJP3MVObD4fOyTAeOPPsNSSrmzROUUrqq_0bemZoaw/s1600-h/china2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRym4HjDc8Vn1eyoMohr8ECAJrs6QPY5yDTCruhY3ZRcQzWMSD63YWk6V-TSK4SETYGPgcehji7n7TNxY3NzsT3mYx1DO8yJP3MVObD4fOyTAeOPPsNSSrmzROUUrqq_0bemZoaw/s400/china2.gif" alt="" id="BLOGGER_PHOTO_ID_5208427248001841378" border="0" /></a>Cuando uno escoge con precisión un tipo de letra, acude por lo general a conceptos indirectos, y esto es muy importante para el diseño, porque si lo que estamos trabajando es un diseño funcional (un diario, una guía de teléfonos), las preguntas tenderán a lo siguiente: <span style="font-style: italic;">por qué me sirve determinada condensación, cuál es el grosor de letra que necesito, cómo deben ser las contraformas (abiertas, cerradas), de qué estilo debe ser la letra, cuál es la inclinación, cómo son sus proporciones, cómo está compuesta su familia.</span><br />Sin embargo, si trabajamos con un diseño de identidad (cómo el de china) tal vez debemos hacernos las preguntas en función del <a href="http://letritas.blogspot.com/2007/06/el-contenido-de-la-forma.html">contenido de la forma</a> de la letra: <span style="font-style: italic;">por qué un tipo de curvas me sirve o no, por qué la versatilidad del grosores es fundamental a la hora de la elección, cómo se presta para recibir todo tipo de combinación de colores, cómo se lee (la pregunta es cómo se lee, no si se lee o no), cuál es el concepto de su itálica, cuál es la o las letras que tienen detalles que la hacen diferente a las demás, etc.</span><br /><br />Entonces, en vez de hacer una elección casi a ciegas, hacemos una reflexión sobre el entorno que genera lo que necesitamos diseñar, en este caso, el cartel de China. ¿Qué colores tiene china?, ¿cómo pudo <span style="font-weight: bold;">entender</span> que no necesito <span style="font-weight: bold;">hacerme pasar</span> por chino para hablar de china?. Lo que necesito, no es plasmar la cultura china en un papel, sino que basta con un acercamiento. Y si ese acercamiento no me lo da completamente la tipografía, tal vez sea bueno <a href="http://letritas.blogspot.com/2006/06/el-gag-tipogrfico_08.html">diseñar un gag</a> que haga que todo funcione perfecto.<br />En fin, crear un clima de ambiente chino, rescatando su esencia, es a veces mejor que hacerse pasar por chino.<br /><br />Recuerdo que hace algunos artículos, en la presentación de la <a href="http://letritas.blogspot.com/2007/11/tipografa-corporativa-beauchef_16.html">tipografía Beauchef </a>(una tipografía a pedido), los requerimientos de diseño fueron los siguientes: <span style="font-style: italic;">“necesitaba una tipografía que fuera tan ruda como las matemáticas avanzadas, pero tan legible, clara y exacta como los números mismos. Una tipografía que sea tan vanguardista como los sorprendentes proyectos que abordan, pero tan conservadora, tranquila y respetuosa como los clientes que necesitan de sus servicios. Que sea tan vistosa como las voluminosas fórmulas con las que trabajan, pero a la vez que sea tan humilde como la cifra final que los resultados entregan.”</span><br />En ese momento, entender la esencia de las matemáticas, era más importante que forzar a que un “3” tenga la forma de una “E”, o que un “7” tenga la forma de una “T”, como puede ser básico pensar.<br /><br />Entonces, aparte de saber escoger tipografías útiles, es muy necesario no sólo estar al tanto de todo lo que va saliendo al mercado día a día, sino que también es muy importante tener un conocimiento general de formas de tipos de letra, y manejarlo casi como uno maneja la discografía de música: ésta canción va a ser para cuando esté triste, esta para cuando quiera bailar, y esta, para cuando necesite coraje, etc..Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com52tag:blogger.com,1999:blog-24992094.post-12579744055700995032008-03-30T21:50:00.000-07:002008-12-09T17:21:26.563-08:00La fiesta de disfraces de Letritas<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcaIPamnJ-5yTzl6-_ui5eWXqDd7Ibj0xbmWYrSTpWTbfmPjr5S7civverMqwdDVq8B9_ndEee3eWmiOLAQSX5ac0aQjTxTfqHryzEs1QiNF2JAeu-idX2-g5tg08R7_HtJwjoQ/s1600-h/afiche.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcaIPamnJ-5yTzl6-_ui5eWXqDd7Ibj0xbmWYrSTpWTbfmPjr5S7civverMqwdDVq8B9_ndEee3eWmiOLAQSX5ac0aQjTxTfqHryzEs1QiNF2JAeu-idX2-g5tg08R7_HtJwjoQ/s400/afiche.jpg" alt="" id="BLOGGER_PHOTO_ID_5183764080035600914" border="0" /></a><br />Antes de empezar a escribir cualquier cosa, es obligación agradecer a cada uno de las personas que han hecho de letritas uno de mis proyectos más importantes. Letritas es un blog que a veces muy querido y otras veces duramente criticado. A pesar de todo, creo que es un espacio atípico de discusión tipográfica, que logró tener un sello personal, y lo ha mantenido durante estos 2 años.<br />Nunca he sido un tipo con talento para escribir (a lo mejor hasta se nota), sin embargo, la motivación por querer hacer las cosas lo mejor posible con amor, y esas ganas casi incontenibles de contar con ejemplos y de manera muy didáctica, un poco de práctica-teórica de la tipografía, ha hecho que letritas pueda tener un espacio en sus favoritos.<br />En estos 2 años han sido muchos los consejos que he recibido, me han enmendado de gravísimos errores, y me han ayudado desinteresadamente cuando algún código html ha destrozado la estructura del blog. Les agradezco de sobremanera, así como también a las personas que han continuado las discusiones de letritas en sus blogs, las han referenciado, o simplemente han citado un par de frases de algún artículo que les gustó.<br />A todos ellos muchas gracias, y tengo una bitácora donde guardo orgulloso, <a href="http://www.flickr.com/photos/25247521@N08/">cada una de sus referencias</a> (las que voy encontrando a medida que navego).<br />Les agradezco finalmente porque he aprendido muchísimo haciendo el blog, pero aún más, he aprendido de ustedes, de sus comentarios, de sus consejos, y de ver las estadísticas de cuáles son los temas que más les interesa.<br />Muchas Gracias.<br /><br /><span style="font-weight: bold;">El cumpleaños de letritas</span><br />Como Letritas es un blog donde la participación de sus lectores es fundamental, los invito cordialmente a participar en una fiesta de disfraces, en la que el logo de Letritas, el anfitrión, será homenajeado.<br />La invitación se trata de jugar a diseñar una versión disfrazada del logo de letritas.<br />En el blog, en un par de artículos se ha hablado de disfrazar tipografías.<br />Allá apunta este ejercicio:<br /><a href="http://letritas.blogspot.com/2006/04/jugando-ser-garamond.html">Jugando a ser Garamond</a><br /><a href="http://letritas.blogspot.com/2006/10/la-fiesta-de-disfraces.html">La fiesta de disfraces</a><br /><br />El resultado pueden enviarlo a mi mail: jpdegregorio @gmail.com<br />Como dato adjunto, les digo que no habrá ninguna selección de trabajos, se publicarán todos, a menos que alguien haga algo que ofenda al blog bajo el anonimato o algo así.<br />Pero jamás se excluírá a alguien que considere que su trabajo le quedó feo.<br /><br />Si necesitan explicar conceptos, o dar links a sus portafolios, pueden hacerlo, y los invitados serán presentados a medida que vayan llegando.<br /><br />El logo de letritas (el esqueleto de su nuevo proyecto) pueden descargarlo de <a href="http://jpdegregorio.googlepages.com/logo_letritas.FH11">acá</a>, y de motivación les dejo 2 ejemplos más el logo oficial:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVdkXAgroQ_PXUJMTG9pFT5ArDRquSJadNIoWvj3Gn5EHfmhS9BCoj6f52Gc1VAYnPPTGtjSWlC1TgDbUxx9V7KFmrgLDNmkcxT8abUh7R2dKWwUzfvifu8lyCs9fC00ZTa7oqA/s1600-h/logo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVdkXAgroQ_PXUJMTG9pFT5ArDRquSJadNIoWvj3Gn5EHfmhS9BCoj6f52Gc1VAYnPPTGtjSWlC1TgDbUxx9V7KFmrgLDNmkcxT8abUh7R2dKWwUzfvifu8lyCs9fC00ZTa7oqA/s400/logo.gif" alt="" id="BLOGGER_PHOTO_ID_5183764926144158290" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm4.static.flickr.com/3191/2329682315_ddec964e51_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm4.static.flickr.com/3191/2329682315_ddec964e51_o.jpg" alt="" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm4.static.flickr.com/3111/2330507570_5ea40fa5f9_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm4.static.flickr.com/3111/2330507570_5ea40fa5f9_o.jpg" alt="" border="0" /></a><br /><br />Que lo disfruten, porque puede no ser un ejercicio simple, pero aprenderán por montones. Gracias.<br /><br /><br /><br /><br /><span style="font-weight: bold;">LOS INVITADOS<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIZPEvOmr3RdmYhN_98tp9g3jkEpViZQbyqvV2Qoh3D6Vwf6wiXAZyUWc1FuEvP-c2PUZ2EK3z9qjLVdOXdGau84FpS9H0nh533SqqjpzSjg2WxatRQjKQxDKrU0OSpWnKFGH2Tg/s1600-h/fernando-de-gregorio.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIZPEvOmr3RdmYhN_98tp9g3jkEpViZQbyqvV2Qoh3D6Vwf6wiXAZyUWc1FuEvP-c2PUZ2EK3z9qjLVdOXdGau84FpS9H0nh533SqqjpzSjg2WxatRQjKQxDKrU0OSpWnKFGH2Tg/s400/fernando-de-gregorio.jpg" alt="" id="BLOGGER_PHOTO_ID_5183764294783965730" border="0" /></a>El primer invitado en llegar, curiosamente es mi padre. <span style="font-weight: bold;">Fernando De Gregorio</span>, que quedó muy entusiasmado con el artículo anterior y quiso de inmediato participar. El es profesor de arte del colegio marista Instituto San Martín de Curicó, y uno de sus hobbies es ser pintor de letreros.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuuIrKVxWwiiROsR6p6pyl6yVH-TN5_Nq_1WWwAvEh5zAkhnh7VNeXpXhUC8qGfQXDvoYz9gmw02toe9RqRUGFCt_wylNZOCrcaASXz_4t5TTSLM-gk4nxhJF091B6qO_PsKcQg/s1600-h/cesar-puertas.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuuIrKVxWwiiROsR6p6pyl6yVH-TN5_Nq_1WWwAvEh5zAkhnh7VNeXpXhUC8qGfQXDvoYz9gmw02toe9RqRUGFCt_wylNZOCrcaASXz_4t5TTSLM-gk4nxhJF091B6qO_PsKcQg/s400/cesar-puertas.gif" alt="" id="BLOGGER_PHOTO_ID_5183999719121328738" border="0" /></a><a style="font-weight: bold;" href="http://cesarpuertas.com/">César Puertas</a>, es un diseñador colombiano que recientemente fue nominado con su fuente <a href="http://www.myfonts.com/fonts/cepuertas/urbana/">Urbana</a>, uno de los diseñadores tipográficos más <a href="http://typographica.org/001152.php">influyentes del 2007</a> según la revista <a href="http://typographica.org/">typographica</a>. Precisamente el logo de letritas que nos presenta, rescata las terminaciones de su bella tipografía. Es un honor tenerte de invitado amigo.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOpH_V6qc4TXrRO04TfUCymndD4oZ2AMVeDolFOvYVZk72JjaKu5d7ByebTKhyf7XJQ_77Ig9Jb8HfaLhixML66AESrSiJzL8gR3qesuMxDCds1kXmGYtVFJArgnQpfmBShj727A/s1600-h/Valdegrama.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOpH_V6qc4TXrRO04TfUCymndD4oZ2AMVeDolFOvYVZk72JjaKu5d7ByebTKhyf7XJQ_77Ig9Jb8HfaLhixML66AESrSiJzL8gR3qesuMxDCds1kXmGYtVFJArgnQpfmBShj727A/s400/Valdegrama.gif" alt="" id="BLOGGER_PHOTO_ID_5184287889952053874" border="0" /></a><span style="font-weight: bold;">Pedro Valdegrama</span> es un diseñador gráfico de Valladolid, España. Le fascina la tipografía, y aunque no tiene el tiempo de cultivarla, dice ser un aficionado que disfruta con ellas.<br />Todos sabíamos que la bickam script se ofrecía sonriente para ser disfrazada, Pedro lo hizo posible y es nuestro tercer invitado en llegar a la fiesta. Muchas gracias, y felicitaciones.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFR0uI0WBu-J_TesVH8efx48qp6XdXtFFd-aMr1oPYk9WeT2fdnAhXAnivSwgOqNhXcN2dQmwGpiSbwlvZNxP3Pm0TKIWTxKDiTQ9UIilsECOs2bsuQYb0wniffvtXXu7O4QzpEw/s1600-h/tiTO.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFR0uI0WBu-J_TesVH8efx48qp6XdXtFFd-aMr1oPYk9WeT2fdnAhXAnivSwgOqNhXcN2dQmwGpiSbwlvZNxP3Pm0TKIWTxKDiTQ9UIilsECOs2bsuQYb0wniffvtXXu7O4QzpEw/s400/tiTO.gif" alt="" id="BLOGGER_PHOTO_ID_5184302011804523154" border="0" /></a><a style="font-weight: bold;" href="http://www.titografias.com/">Héctor "tiTO" Barroso</a>, es un diseñador gráfico chileno que desde hace un par de años le apasiona la tipografía. Diseñó una bella tipografía sans serif llamada Quirihue.<br />Su versión del logo es algo más freestyle, y rescata la bella espontaneidad de una delgada pluma caligráfica, con detallistas terminaciones al más puro estilo "<a href="http://www.sudtipos.com/">sudtipos</a>". Gracias Tito.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ts3rtfNzvjnkv2xFGvJbuaKPuL44wJZc_wNCBCU8wrngd4luwMUWl7KgpRIvUNnPUJ3W20TvORJhBjWP5waFcojgX67GoAbl8DUNy4vTh-v8lxu3iHbETfYbpqKAMberbSTiRA/s1600-h/Letritas-alarosa.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ts3rtfNzvjnkv2xFGvJbuaKPuL44wJZc_wNCBCU8wrngd4luwMUWl7KgpRIvUNnPUJ3W20TvORJhBjWP5waFcojgX67GoAbl8DUNy4vTh-v8lxu3iHbETfYbpqKAMberbSTiRA/s400/Letritas-alarosa.gif" alt="" id="BLOGGER_PHOTO_ID_5184693876030675618" border="0" /></a><a style="font-weight: bold;" href="http://wuuaco.blogspot.com/">Miriam "Wuuaco"Coronado</a> es una talentosa diseñadora gráfica de Guerrero, México.<br />Reconoce que le cuesta aprenderse los nombres de las tipografías, pero cuenta que desde que conoció a Letritas entró con mucha fuerza en este mundillo.<br />Su versión es mucho más estilo libre que los anteriores y no le rinde tributo a nadie en especial, pero con las curvas que toma, podemos reconocer pequeños tintes de la sicodelia de décadas anteriores. Muchas Gracias Miriam, y felicitaciones por tu bello trabajo.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinq2mB7XNi30We76kRyWJThuJOCOmFnvRzFx0WZrN3GkQiqm_BG2op6haOWnhjU-Sm2mYy4DajYLR3O5DiuYbHYfxi2fQc7NUyRm3B5QVyqn6uJRPhF_PZU6CvWFOJmNpw47GmBw/s1600-h/pedro.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinq2mB7XNi30We76kRyWJThuJOCOmFnvRzFx0WZrN3GkQiqm_BG2op6haOWnhjU-Sm2mYy4DajYLR3O5DiuYbHYfxi2fQc7NUyRm3B5QVyqn6uJRPhF_PZU6CvWFOJmNpw47GmBw/s400/pedro.gif" alt="" id="BLOGGER_PHOTO_ID_5184696345636870834" border="0" /></a><span style="font-weight: bold;">Pedro Valdegrama,</span> nuestro amigo español de más arriba no para, y sigue muy entusiasmado jugando con el logo. Manda una segunda versión, que también es muy interesante y lo explica así: <span style="font-style: italic;">"Se trata de una variación que en cierto modo emula el trazo de la tinta china y que subvierte la limpia modulación de rasgos inclinados que tiene tu logo, haciendo que los ascendentes converjan hacia arriba de una forma un poco caótica."<br /></span>Muchas gracias nuevamente Pedro.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3WfTNTztD2bOLb-oWIeXzmAFnUxFNmCM6my6RcHY38ug4o8yvDGpljC7wlzbdRrYo4UUhsP0jD4bVQ4iEdgg1gr-ZqG41LSCnL5gJWluORxXy266C6ppNFg268FWBEu_9LD9p4g/s1600-h/freddy.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3WfTNTztD2bOLb-oWIeXzmAFnUxFNmCM6my6RcHY38ug4o8yvDGpljC7wlzbdRrYo4UUhsP0jD4bVQ4iEdgg1gr-ZqG41LSCnL5gJWluORxXy266C6ppNFg268FWBEu_9LD9p4g/s400/freddy.gif" alt="" id="BLOGGER_PHOTO_ID_5187050782284028610" border="0" /></a>Freddy Cáceres es un diseñador prioritariamente web de la Florida, en Santiago de Chile.<br />Gracias a la dupla Castillo-Osses, se ha transformado en un verdadero amante de la tipografía.<br />La versión de su logo, al igual que la de Pedro Valdegrama, se escapa un poco del trazo original, pero es por una interesante búsqueda a partir de leves modificaciones a la fuente <a href="http://www.sudtipos.com/fonts/63">Mr. Leopold</a>, de <a href="http://www.sudtipos.com/">Alejandro Paul</a>. Una tipografía caligráfica con un leve contraste entre sus trazos más gruesos y delgados.<br />Gracias Freddy y felicitaciones.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrYTGiEe9dUXf_roxtcpXt_UB4jAiCFcnvbEkgLu-Vt12MQYrEtmMxYscJZAnImAGAjjPx9OmbORQcBGdwdD_448SKpIOZD6a8JMVCBUgy_1OzWEzVFX_ae3pSaO1nEfb7xujgA/s1600-h/jko.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrYTGiEe9dUXf_roxtcpXt_UB4jAiCFcnvbEkgLu-Vt12MQYrEtmMxYscJZAnImAGAjjPx9OmbORQcBGdwdD_448SKpIOZD6a8JMVCBUgy_1OzWEzVFX_ae3pSaO1nEfb7xujgA/s400/jko.gif" alt="" id="BLOGGER_PHOTO_ID_5190433265011721938" border="0" /></a><a href="http://sindicatodelaimagen.org/">Jko Contreras</a> es uno de los más entusiastas diseñadores de tipografías de Chile. Los que han podido disfrutar de su <a href="http://www.sindicatodelaimagen.org/winnipeg/">proyecto de título</a> pueden comprobarlo. Es un referente obligado en materia de autogestión de proyectos de diseño, y un excelente académico.<br />O sea, un capo por donde se le mire.<br />Jko es conocido por su movida punk anarquista, y un poco también por el gusto por la tipografía desordenada. Tiene algunas tipografías grunge a su haber, como la bella masapunk.<br />Con la misma delicadeza que le dedica a sus fuentes, crea una versión desgarrada del logo de letritas. Y aunque maltratar una línea tan delgada puede tan absurdo como cubrir de barro un jarrón fino, pueden hacer click sobre la imagen para disfrutar el bello resultado.<br />Gracias Jko.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcF4N28BcuGBtobOB2li0r_ryrUYbO2jFraqE6TqTAz4dBwer0X02csfk3Y3qo3_uMtHH8uHbpdOze9MSCOU-eFoEoHPyrntSRNDzURruaXeOKDbfrjmGJ8xBC5NR-3hvg6rauCQ/s1600-h/letritasmq.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcF4N28BcuGBtobOB2li0r_ryrUYbO2jFraqE6TqTAz4dBwer0X02csfk3Y3qo3_uMtHH8uHbpdOze9MSCOU-eFoEoHPyrntSRNDzURruaXeOKDbfrjmGJ8xBC5NR-3hvg6rauCQ/s400/letritasmq.gif" alt="" id="BLOGGER_PHOTO_ID_5190819962392217314" border="0" /></a>Mario Quiñones Faúndez es un estudiante de 5to año de Diseño en Comunicación Visual de la Escuela de Diseño de la UTEM de Chile.<br />Su versión del logo rinde tributo al diseño de retícula, a ese maravilloso mundo de pixel que vemos en nuestras pantallas.<br />Muchas gracias Mario, felicitaciones.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bX7yia8zfTgDZs2gOAdSE0bJm4XdjijnUevGAic7M8G7x8xdmKWRPIhc5-BtYbPUGYtD5OYa2luBEkvDf6XttWCVrh7Wz7y6b7b6zwwVpL8LZBb1-m8xpbuAeDJOrjvjBBQjzg/s1600-h/letritas3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bX7yia8zfTgDZs2gOAdSE0bJm4XdjijnUevGAic7M8G7x8xdmKWRPIhc5-BtYbPUGYtD5OYa2luBEkvDf6XttWCVrh7Wz7y6b7b6zwwVpL8LZBb1-m8xpbuAeDJOrjvjBBQjzg/s400/letritas3.jpg" alt="" id="BLOGGER_PHOTO_ID_5192602506085786082" border="0" /></a><a href="http://ambi3dk.blogspot.com/">Guido Roach</a> (Merfat), es un profesor de matemáticas y un que le fascina el mundo de las letras y sus absurdos juegos, llegando a ser un extraordinario ambigramista.<br />Precisamente Merfat nos invierte el logo y lo convierte en un sorprendente ambigrama.<br />Sorprendente.<br />Muchas gracias por participar. Y felicitaciones por el extraordinario resultado.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLI8M7C_aFKI23Ka8C6wzhr3VVreW0YJYBrH5K7eofM9UPFRd106kcFwN-J2agc7QDLbr-myY-JhINAEXhLNHgL84W5hcs4RIypIv7YI989VBEzmfWdVsbNLFOhOpwvCqNyhn5mg/s1600-h/lucia.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLI8M7C_aFKI23Ka8C6wzhr3VVreW0YJYBrH5K7eofM9UPFRd106kcFwN-J2agc7QDLbr-myY-JhINAEXhLNHgL84W5hcs4RIypIv7YI989VBEzmfWdVsbNLFOhOpwvCqNyhn5mg/s400/lucia.jpg" alt="" id="BLOGGER_PHOTO_ID_5193050363800576498" border="0" /></a>Lucía Domenech es de Mendoza, Argentina y está pasitos de terminar la tesis y recibirse.<br />Es aprendiz de calígrafía desde hace 4 años, participante de <a href="http://www.espacioeme.com.ar/">espacioeme</a>, e integrante del estudio de diseño y caligrafía Campoy Príncipi.<br />Con una de sus plumas de copperplate (esas de punta fina que se abren cuando las aprietas contra el papel) y tinta sumi, se puso a ensayar posibilidades. Sorprendentemente, la tinta se terminaba a la mitad de recorrido y es muy gracioso que quedaran las letras medio desnudas, medio disfrazadas. Luego hubo un par de retoques digitales a algunos detalles, aunque algunas evidencias propias de la letra hecha a mano tenían que quedar. El resultado es una hermosa manera, y muy espontánea de disfrazar el logo. Muchas gracias Lucía, y felicitaciones por el bello resultado.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgngU50_MZMVsHG7OcX4osMpqmKbT3rvjMX4UPwFEIL89QiaEepMdcEen_-jJD03vXn-5kQ2w3z-HiN7Z6NkXugp6S69jcYuhla9oiyM6h3vWQY_fnidA08JCkja-vD0BK68R_oJw/s1600-h/cancino1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgngU50_MZMVsHG7OcX4osMpqmKbT3rvjMX4UPwFEIL89QiaEepMdcEen_-jJD03vXn-5kQ2w3z-HiN7Z6NkXugp6S69jcYuhla9oiyM6h3vWQY_fnidA08JCkja-vD0BK68R_oJw/s400/cancino1.jpg" alt="" id="BLOGGER_PHOTO_ID_5216588584125815602" border="0" /></a>El <a href="http://taller3uft.blogspot.com">académico</a> de la Universidad Finis Terrae y la Andrés Bello en Chile, <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg-9ATykSkU0O8WwGIcfXtYVl-71GFhQqbginlbkFuCaps3BNl6jfiArd8WPSE7vcijuwb6kKZFrjzhDzbSHuzCshfXqI2xlMwXvit14QvBoCOcAuBwBfK1uwYXpDQYiY2rg2WPw/s1600-h/cancino2.jpg"></a><a href="http://www.faunadiseno.com/">Javier Cancino</a> tiene una particular y muy interesante visión del diseño, en la que la experimentación es su bandera de lucha, y donde nada da por descartado hasta que se probó.<br />Javier envía 2 propuestas de regalo para el aniversario, las dos dibujadas a mano.<br />La primera tiene un trazo irregular, lo que le da un particular efecto de reventado de la tinta simulando un zoom profundo.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg-9ATykSkU0O8WwGIcfXtYVl-71GFhQqbginlbkFuCaps3BNl6jfiArd8WPSE7vcijuwb6kKZFrjzhDzbSHuzCshfXqI2xlMwXvit14QvBoCOcAuBwBfK1uwYXpDQYiY2rg2WPw/s1600-h/cancino2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg-9ATykSkU0O8WwGIcfXtYVl-71GFhQqbginlbkFuCaps3BNl6jfiArd8WPSE7vcijuwb6kKZFrjzhDzbSHuzCshfXqI2xlMwXvit14QvBoCOcAuBwBfK1uwYXpDQYiY2rg2WPw/s400/cancino2.jpg" alt="" id="BLOGGER_PHOTO_ID_5216588587277913890" border="0" /></a><br />El segundo envío de Javier nos muestra algo mucho más experimental en el que busca resolver el logo con trazos duros, muy ochenteros (casi como el logo de anthrax, slayer, ac/dc, megadeth, kiss, etc.) una forma que es muy amable.<br />Muy interesante propusta. ¿Qué pasaría si vistiéramos de heavy metalera de los ochentas a una barbie?.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com43tag:blogger.com,1999:blog-24992094.post-61812166824516781352008-03-03T21:55:00.000-08:002008-12-09T17:21:27.548-08:00Sistematización para primariaHace algunos días, el profesor de arte de educación básica Fernando De Gregorio, mi padre, me comentaba sobre la importancia de enseñanza del diseño de tipografías en los alumnos de 5º a 8º básico (10 a 13 años).<br />Según la reforma educacional, los alumnos tienen que aprender a diseñar afiches y piezas de comunicación como revistas, folletos, etc., con el fin de entender la jerarquización de importancia, tamaños, colores y contrastes. O sea, diseño gráfico puro.<br />Con el lápiz en la mano, habla con propiedad que posee 2 estilos de <a href="http://letritas.blogspot.com/2006/09/sistematizacin-de-la-forma_03.html">sistematización</a>, no tienen nombre, pero los bautizaremos como la sistematización por retícula, y la sistematización óptica, el sistema simple y el complejo. El primero es descendiente de la ilustración artística (su pasión) y es muy usado en comics y caricaturas. El segundo, es el resultado de un complejo ejercicio de más de 30 años de experiencia como pintor de carteles de cine y letreros publicitarios.<br /><p class="MsoNormal"><o:p> </o:p></p> <span style="font-weight: bold;">El método reticular</span><br />El método reticular es el más conocido dentro de los métodos de sistematización y lo podemos reconocer en 3 modalidades, el geométrico, el proporcional y el orgánico.<br />El método reticular reconoce una grilla de 5 cuadraditos de alto por 3 de ancho, en la que debiesen caber todas las letras del alfabeto.<br />Para los niños, y como primer acercamiento al diseño de tipografías, resulta fundamental entender que esta grilla los acompañará desde el primer carácter, hasta el último que diseñen.<br /><br /><br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjccmUppZcdnRYVpMCrcawx6gmfFq04CCdLPXetG7KMCJ5NkshQg33cxons7NT8E7Z_msqAVUHZVi_5qdT9rj8Dj1zKiifn_ouSl-LZ7eyg1FPHF1lRu8_yPb4foc_chJfym_-yPQ/s1600-h/geometrica.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjccmUppZcdnRYVpMCrcawx6gmfFq04CCdLPXetG7KMCJ5NkshQg33cxons7NT8E7Z_msqAVUHZVi_5qdT9rj8Dj1zKiifn_ouSl-LZ7eyg1FPHF1lRu8_yPb4foc_chJfym_-yPQ/s400/geometrica.gif" alt="" id="BLOGGER_PHOTO_ID_5173765017863922066" border="0" /></a><span><span><span style="font-weight: bold; font-style: italic;"> a. La grilla geométrica.</span><br />La grilla geométrica es la más sencilla de todas y responde a una obvia manera de ir llenando cuadraditos con negro. En la s</span></span>ala de arte, los materiales eran tan sencillos como una hoja de matemáticas, una regla un lápiz y un compás. El sistema de composición es tan sencillo que los alumnos en la misma hora de clases ya han diseñado su nombre completo, y se preparan para la próxima semana para traerlo en limpio.<br />El resultado de este ejercicio, arroja por lo general, una tipografía muy legible y muy similar a una <a href="http://www.myfonts.com/fonts/urw/engschrift/">DIN</a>, lo que es ideal para componer titulares y frases cortas, hacer lienzos para la semana del colegio, decorar el diario mural, etc. <span style="font-size:85%;"><span style="font-style: italic;">(Puedes hacer click sobre las imágenes para ver a tamaño real)</span></span><br /><br /><p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbR4TRSBph2SnAZwDzH-WyTv_-wV_BB8ngRVxn6pEz2Rg-QkyCjcclLd4tfti_0BcGscRs9COz59qE46XtVZj1YqAXKtMu5yD2ndCjhWtau-pZB7fxGlM5g62Z28k74GcBXQxsA/s1600-h/optico.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbR4TRSBph2SnAZwDzH-WyTv_-wV_BB8ngRVxn6pEz2Rg-QkyCjcclLd4tfti_0BcGscRs9COz59qE46XtVZj1YqAXKtMu5yD2ndCjhWtau-pZB7fxGlM5g62Z28k74GcBXQxsA/s400/optico.gif" alt="" id="BLOGGER_PHOTO_ID_5173761904012632434" border="0" /></a></p><span style="font-weight: bold; font-style: italic;">b. La grilla proporcional</span><br />La diferencia fundamental entre esta grilla y la geométrica, básicamente es la distribución de las proporciones de las celdas. Si nos regimos estrictamente a la grilla, en la primera sólo podemos conseguir sólo grosores de línea uniforme, sin embargo, usando ésta podemos corregir óptimamente los errores de percepción de estos gosores de trazos. Además, podemos controlar con más soltura el tamaño de las contraformas internas con respecto al ancho, alto y peso. Incluso podemos controlar el expandido y el condensado de las formas, sin dejar de ser rigurosamente fiel a la grilla.<br />Si ponemos un poco de atención al ejemplo, podremos darnos cuenta que nuestra letra, a pesar de ser monoespaciada, ya no se ve como una fuente tan amateur. Sin embargo, sigue siendo una letra rapidísima de construir.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_8fc3tn0__ElYpAiLeXn8OS-BOw-9vzcrC9-Su35kxbXLCR2HQckcM7qwH9oDSOtO0BeIB9Joj4GqikSJDSbl46_UC-tpJPCQ2rzHH23VyTUr3I6R8vbq4cxvsgZ1qMt1DN0HA/s1600-h/organico.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim_8fc3tn0__ElYpAiLeXn8OS-BOw-9vzcrC9-Su35kxbXLCR2HQckcM7qwH9oDSOtO0BeIB9Joj4GqikSJDSbl46_UC-tpJPCQ2rzHH23VyTUr3I6R8vbq4cxvsgZ1qMt1DN0HA/s400/organico.gif" alt="" id="BLOGGER_PHOTO_ID_5173761830998188386" border="0" /></a><span style="font-weight: bold; font-style: italic;">b. La grilla orgánica</span><br />La grilla orgánica es el último nivel de nuestro ejercicio, en donde dejamos de pensar en criterios tipográficos encerrados en una grilla ortogonal y nos tomamos la libertad de curvar, inclinar, o hacer una grilla en perspectiva para lograr sorprendentes nuevos diseños, buscar un poco más de expresión, o bien distanciarse un poco de lo que hace el resto de los diseñadores.<br />Y si nos quisiéramos preguntar qué tanta libertad nos deja la grilla orgánica, sería bueno mirar con un poco más de atención a <a href="http://garabatitos.blogspot.com/2006/09/garabateros-protour.html">Wes Wilson</a> para darse cuenta que detrás de todo su estilo sicodélico existe una malla matemática que lo controla todo. Todo.<br /><p class="MsoNormal"><br /></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAcU1PIpFoTNZFnaZx2juT7SdHLd3npyzR6i4jbhWqqCHoEDU1jH522gmN1zu52ie6a7J0XmkzBzDW-46e-b6dQ9wvZyUSSYYEj1IfSpdJCTthS0SCxM1aY4HLKhGDrWlghHMS4w/s1600-h/punto2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAcU1PIpFoTNZFnaZx2juT7SdHLd3npyzR6i4jbhWqqCHoEDU1jH522gmN1zu52ie6a7J0XmkzBzDW-46e-b6dQ9wvZyUSSYYEj1IfSpdJCTthS0SCxM1aY4HLKhGDrWlghHMS4w/s400/punto2.gif" alt="" id="BLOGGER_PHOTO_ID_5173761715034071378" border="0" /></a><span style="font-weight: bold;">La sistematización óptica</span><br />Si a la grilla anterior, le quisiéramos seguir dando valor agregado para que tipografías tengan ese delicado carácter profesional, debemos hacerle pequeños ajustes para que puedan funcionar perfecto. Lamentablemente, muchos de estos detalles se consiguen con la experiencia y el trabajo crítico, aunque <a href="http://letritas.blogspot.com/2007/05/el-secreto-del-tipgrafo.html">hay muchos secretos</a> que pueden ser fácilmente compartidos y rápidos de aprender.<br />En el ejemplo podemos ver como el trazo horizontal medio de cada una de las 4 letras sufre algunas variaciones de altura, así como las horizontales de la E son un poco más cortas y no alcanzan a llegar donde le corresponde. Por el contrario, la R necesita que su diagonal pase un poco más allá de la línea de la grilla.<br />En fin, la grilla nace como perfecta delimitadora, pero sigue siendo el ojo el que decida si todo está correcto o puede seguir mejorando.<p class="MsoNormal"></p><br /><p class="MsoNormal"><br /></p><br /><p class="MsoNormal"><br /></p><br /><p class="MsoNormal"><br /></p><p class="MsoNormal"><br /></p>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com25tag:blogger.com,1999:blog-24992094.post-77723100566163562642007-12-20T20:03:00.000-08:002008-12-09T17:21:28.926-08:00Curveando a lo Rossi<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsWsOCPCpi7pUsMGxaONm8vSNEO6inI9X-v82fe5sQrL3Um_8GDhwWi7iB92qYqrjPF-dAhkQNO05RHbi8JmhoQZFEdcDbo9zUE-dayVZ5vEJIS2ZCWSAeeliCDdnAhtPC29-F8w/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsWsOCPCpi7pUsMGxaONm8vSNEO6inI9X-v82fe5sQrL3Um_8GDhwWi7iB92qYqrjPF-dAhkQNO05RHbi8JmhoQZFEdcDbo9zUE-dayVZ5vEJIS2ZCWSAeeliCDdnAhtPC29-F8w/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5146274602625899858" border="0" /></a>Muchas veces me he quedado atorado al tratar de explicarle a alguien acerca del correcto manejo de curvas en la tipografía.<br />Explicar por ejemplo que todo nace a partir de un trazo invisible que define el lenguaje y la naturaleza de la curva.<br />Pero ¿cómo puedes explicar los conceptos asociados a la invisibilidad?.<br />Es mucho trabajo entenderlo, aún más explicarlo, y creo firmemente en que el buen manejo de las curvas diferencia a un buen diseñador de un gran diseñador.<br />Prefiero tirarme en mi sillón y disfrutar de un impresionante <a href="http://es.wikipedia.org/wiki/Valentino_Rossi">Valentino Rossi</a>, el amo y señor de la moto GP, como da esas maravillosas curvas, con una fuerza y una velocidad realmente delirante.<br />Los comentaristas hablan de conceptos asociados a <span style="font-style: italic;">“tomar la buena curva”</span>, y el <span style="font-style: italic;">trazo perfecto</span>. Hablan con propiedad de los errores de sistematización de la velocidad de los giros.<br />No me di ni cuenta cuando tenía un cuaderno en mi mano con varias palabras subrayadas: <span style="font-style: italic;">fuerza, velocidad y sistematización</span>. Y como conclusión, “la buena curva=trazado perfecto”<br />Entonces todos los conceptos que necesitaba explicar asociados al misterioso trazo invisible, Valentino los iba revelando al tiempo que hacía magia sobre la pista.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESMKr54EL1wawAU0NL07x8icjCzuYrNCN__BPJneIMb16mz3FrsSylbyYIS7r_QfjEEF0z2OU89ROfH-1AHBPRvggXXgg1T6v4aLcsdEsmhlEHz16UisuyY3Dp_v7DPOm25Sfgw/s1600-h/trazo-1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESMKr54EL1wawAU0NL07x8icjCzuYrNCN__BPJneIMb16mz3FrsSylbyYIS7r_QfjEEF0z2OU89ROfH-1AHBPRvggXXgg1T6v4aLcsdEsmhlEHz16UisuyY3Dp_v7DPOm25Sfgw/s400/trazo-1.gif" alt="" id="BLOGGER_PHOTO_ID_5146274383582567714" border="0" /></a><span style="font-weight: bold;">1. La recta y el cálculo de los mínimos</span><br />En el ejemplo podemos revisar una serie de conceptos.<br />Si Valentino quisiera tomar la curva de la manera más corta, tal vez le bastaría seguir la línea amarilla, pero debido a la velocidad que lleva y a la fuerza que esta misma produce, el trazado resultante es el verde. Por lo tanto, si Rossi va a 200km por hora, ¿cuál es el radio mínimo que necesita para hacer un giro de 180 grados?.<br />Podemos definir los triángulos rojos como inicio de la curva. Estos son puntos de inicio y de objetivo a la vez, e indican el inicio y el término del segmento de la curva.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAxhChS5P92idSCrEdYBq608PLrnfkFp96vGigiv2Vbjptvbhs8Zb7buJaGjT8vtGoh4-zv2DWbQbjcVQalPBzKwbos4AvX-CFOc4wsIENc_fwMuYtSEwkd020gHjT0ZZJ_GVK-A/s1600-h/trazo2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAxhChS5P92idSCrEdYBq608PLrnfkFp96vGigiv2Vbjptvbhs8Zb7buJaGjT8vtGoh4-zv2DWbQbjcVQalPBzKwbos4AvX-CFOc4wsIENc_fwMuYtSEwkd020gHjT0ZZJ_GVK-A/s400/trazo2.gif" alt="" id="BLOGGER_PHOTO_ID_5146274456597011762" border="0" /></a>Curiosamente, esos triángulos rojos, son los mismos puntos donde debiesen estar ubicados nuestros bezier. ¿Y qué hay de los manejadores?, los manejadores son los que nos permiten entregarle la velocidad y fuerza adecuada a <a href="http://letritas.blogspot.com/2006/04/dibujo-vectorial.html">nuestra curva</a>.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh0jaqNiLfYXvITIbnkZ31sGp55msDDHHLxXLdNsn6vfipUe0pYfMpWvq6VpQTIBB6RvNdTsk16fNaovoW3b2zSpxV7eCWXPzaZpZBy4L77E6S00SR8sdOH0J0dHNejoQ0q2ZK9A/s1600-h/tiposdecurva.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh0jaqNiLfYXvITIbnkZ31sGp55msDDHHLxXLdNsn6vfipUe0pYfMpWvq6VpQTIBB6RvNdTsk16fNaovoW3b2zSpxV7eCWXPzaZpZBy4L77E6S00SR8sdOH0J0dHNejoQ0q2ZK9A/s400/tiposdecurva.gif" alt="" id="BLOGGER_PHOTO_ID_5146274525316488514" border="0" /></a><span style="font-weight: bold;">2. Los tipos de curva</span><br />De acuerdo a lo anterior, y atendiendo a la técnica de la curva, podemos reconocer 3 tipos de velocidades de curva:<br /><span style="font-style: italic; font-weight: bold;">a. La curva abierta</span>: es la curva que busca optimizar la pista, y trata siempre de ser amplia, con el fin de mantener todo el tiempo la velocidad lo más alta posible, sin la necesidad de producir fuertes cambios de ritmo. Da la idea de una fuerza mucho mayor.<br /><span style="font-style: italic; font-weight: bold;">b. La curva media:</span> es la curva que respeta el trazado de la pista, es conservadora y no tiene ni la velocidad ni la expresividad de la curva abierta, pero es una curva que es muy fácil de sistematizar.<br /><span style="font-weight: bold; font-style: italic;">c. La curva cerrada:</span> Es la curva en que el inicio y el término del arco están más cerca. Este tipo de curvas es la más lenta, o que tiene los cambios de velocidad más marcados.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jnyuxerVyRL35QytR4X-8Ol_SMhOWDrwv38B_rpYGRtJ5HLw9CPEXDPeh4YP5YN0JoJ6tZyGpinmS4YIZbUk0yPY4v06ihALkA2oWtyVVeKNq-8r08ZYFBgFxNrj4MDDKNlaVg/s1600-h/velo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jnyuxerVyRL35QytR4X-8Ol_SMhOWDrwv38B_rpYGRtJ5HLw9CPEXDPeh4YP5YN0JoJ6tZyGpinmS4YIZbUk0yPY4v06ihALkA2oWtyVVeKNq-8r08ZYFBgFxNrj4MDDKNlaVg/s400/velo.gif" alt="" id="BLOGGER_PHOTO_ID_5146274310568123666" border="0" /></a><span style="font-weight: bold;">3. La velocidad</span><br />La velocidad es la resultante de la complejidad del trazado o de la manera en que se tomen las curvas. Como muestra la imagen (tomada del caso anterior), Valentino no puede tomar todas las curvas a la misma velocidad, pero está claro que puede optimizar el espacio que le proporciona la pista para hacer que la velocidad sea mucho más regular.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUEnHizk-1Zk4aBx7-rXOqjR00vLLDGOX5IqpON5QBk3kEls1CniYetZengLyJcte2sf-2iH_EKy2aDSGrR4tKetVge7GvmzrzVnNyf1QsoK93l4QdZDFri1-KRC-jy3dX44eU0A/s1600-h/ejemplo.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUEnHizk-1Zk4aBx7-rXOqjR00vLLDGOX5IqpON5QBk3kEls1CniYetZengLyJcte2sf-2iH_EKy2aDSGrR4tKetVge7GvmzrzVnNyf1QsoK93l4QdZDFri1-KRC-jy3dX44eU0A/s400/ejemplo.gif" alt="" id="BLOGGER_PHOTO_ID_5146274658460474722" border="0" /></a><br />En el trazo de las curvas de una tipografía es lo mismo, pueden que no todas sean tomadas a la misma velocidad, pero si vale tener en cuenta que las no debiesen ser un ramillete de estilos, fuerzas y velocidades, ya que la sistematización de la forma, esa misma que nos habla de dos letras pertenecen al mismo alfabeto, se puede ver afectada. <span style="font-style: italic;">(hacer click a las imágenes para ver a tamaño real).</span><br /><br /><br />Y por supuesto, un video de nuestro mentor en la Moto GP de Portugal del 2006,<span style="color: rgb(255, 255, 255);"> <span style="font-size:78%;"><span style="color: rgb(204, 204, 204);">que por cierto, perdió por trazar mal una curva.</span></span></span><br /><br /><object height="355" width="425"><param name="movie" value="http://www.youtube.com/v/uM07J3k2ZRc&rel=1"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/uM07J3k2ZRc&rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"></embed></object>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com29tag:blogger.com,1999:blog-24992094.post-91014523806536984292007-11-16T10:25:00.001-08:002008-12-09T17:21:29.843-08:00Tipografía Corporativa: Beauchef<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mLKidHEyC0KHSwDDs2uq5_p79X5Qp876L2oRgR-uQ-o4J-mbQDL5AdEvli6tXLygPWmlRpSEpP4OzEWebW2SX6SNeiWAUg7euY0LFz1eUIDEhVoM_CEnMxt8RLFeNJXKf0M66g/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0mLKidHEyC0KHSwDDs2uq5_p79X5Qp876L2oRgR-uQ-o4J-mbQDL5AdEvli6tXLygPWmlRpSEpP4OzEWebW2SX6SNeiWAUg7euY0LFz1eUIDEhVoM_CEnMxt8RLFeNJXKf0M66g/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5134744320824957202" border="0" /></a>Hay lugares y oportunidades que no puedes desperdiciar.<br />Trabajar en un proyecto donde te abren las puertas para que propongas lo mejor de tu diseño, en una agencia tan vanguardista que te sientes diseñando con palos y piedras, es una oportunidad única para lucirse y esforzarse por experimentar con elementos concretos.<br />Es así como el Centro de <a href="http://www.cmm.uchile.cl/">Modelamiento Matemático</a> de la Universidad de Chile se contacta con <a href="http://tesisdg.cl/">Tesis DG</a>, para hacer una monografía que pretende explicar cómo las matemáticas avanzadas son capaces de explicar desde el problema más simple, hasta la tendencia de expansión y crecimiento orgánico más complejo.<span style="font-weight: bold;"><br /><br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFF5gtMYbsyJur_d97FW_ceIJQZPrX5uwXtuQWjCpGlWcLP1fry6Ne2kWHUqenbksGJJ6rPgvZzzDVG3Dm9Qj8-_oAp2kZJUIhMMxEzcolxEFuFRytU9kLBai3vXnu5zDol0YjVw/s1600-h/ejemplo1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFF5gtMYbsyJur_d97FW_ceIJQZPrX5uwXtuQWjCpGlWcLP1fry6Ne2kWHUqenbksGJJ6rPgvZzzDVG3Dm9Qj8-_oAp2kZJUIhMMxEzcolxEFuFRytU9kLBai3vXnu5zDol0YjVw/s400/ejemplo1.gif" alt="" id="BLOGGER_PHOTO_ID_5134744694487112002" border="0" /></a><span style="font-weight: bold;">El nacimiento de Beauchef</span><br />Una de las tareas más largas y tediosas en el diseño gráfico, es buscar tipografías. Una tipografía que tenga la forma perfecta para que resuelva tus problemas visuales, pero a la vez funcione perfecto al tamaño que la quieres, y que tenga el grosor y las proporciones adecuadas.<br />En definitiva, la monografía necesitaba<span style="font-style: italic;"> una tipografía que fuera tan ruda como las matemáticas avanzadas, pero tan legible, clara y exacta como los números mismos.</span> <span style="font-style: italic;">Una tipografía que sea tan vanguardista como los sorprendentes proyectos que abordan, pero tan conservadora, tranquila y respetuosa como los clientes que necesitan de sus servicios.</span> <span style="font-style: italic;">Que sea tan vistosa como las voluminosas fórmulas con las que trabajan, pero a la vez que sea tan humilde como la cifra final que los resultados entregan.<br /><br /></span>Bajo esas condiciones nace Beauchef. Una letra sencilla, poco expresiva pero a la vez muy vanguardista, que explica sus extrañas proporciones en la búsqueda de de un look tabular como los números.<br />Sin ningún trazo que se escape a la norma, las únicas opciones de maniobra son jugar con los grosores, y buscar torcer la geometría a partir de proporciones poco utilizadas. <a href="http://letritas.blogspot.com/2006/06/los-nmeros-avalan-letritas.html">Las proporciones numéricas</a>.<br /><br />El simple hecho que Beauchef no contemple en su diseño las minúsculas, la inhabilita para escribir textos extensos; sin embargo, por su personalidad, se hace ideal para escribir párrafos cortos cargados de autoridad, ya sea para presentar capítulos, declaraciones de principios, o exponer teoremas cerrados y exactos<span style="font-weight: bold;">.<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiooVdAujkLVSVqlvka86HPg8u1X-ccBV00Iqsc9Ca5q_xsoC0PY2DeeoMXv8jZDZcMoFgQREHATWhrqnGSv07jCIbCoxxVIQjTdwvP9-7hO4r8z70QEryXNPkdyUHzfwqqSOIyA/s1600-h/set.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiooVdAujkLVSVqlvka86HPg8u1X-ccBV00Iqsc9Ca5q_xsoC0PY2DeeoMXv8jZDZcMoFgQREHATWhrqnGSv07jCIbCoxxVIQjTdwvP9-7hO4r8z70QEryXNPkdyUHzfwqqSOIyA/s400/set.gif" alt="" id="BLOGGER_PHOTO_ID_5134744209155807490" border="0" /></a><span style="font-weight: bold;">El concepto de la letra</span><br />El diseño de la letra nace a partir de 2 fuertes influencias: la inexpresividad expresiva de la tipografía <span style="font-style: italic;">Din</span>, y el rescate (aunque sólo conceptual) de algunas <span style="font-style: italic;">tipografías noventeras</span>, que experimentan con formas poco académicas (de esas que uno las ve y las bota a la basura), pero que usadas con elegancia pueden llegar a ser muy vistosas.<br /><br />Finalmente, y uno de los puntos más importantes a la hora de diseñar la letra la letra, es saber dónde tiene que trabajar. Y en un brochure matemático, donde abundan las complejas infografías, <a href="http://www.visualcomplexity.com/vc/project_details.cfm?id=512&index=512&domain=">llenas de colores</a>, con <a href="http://www.flickr.com/photos/de_gregorio/sets/72157602235957120/">vanguardistas transparecias</a>, la tipografía no puede ser la principal actriz.<span style="font-style: italic;"><br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOedxM94HReHROdnEst7JdlXB0MP1wbxeOhtzWowiiBDiQKcrN_ODzuLufXIq2Y_2Vxi7xafEheKkhYeRfxc6XyMCreUI_h30IswW6FOVRI3Q4oqKNC_1l9_s-iR5FXowNJFaKUg/s1600-h/interior.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOedxM94HReHROdnEst7JdlXB0MP1wbxeOhtzWowiiBDiQKcrN_ODzuLufXIq2Y_2Vxi7xafEheKkhYeRfxc6XyMCreUI_h30IswW6FOVRI3Q4oqKNC_1l9_s-iR5FXowNJFaKUg/s400/interior.jpg" alt="" id="BLOGGER_PHOTO_ID_5134744445379008802" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5yIsP2gB4cZW87TaUHiqZgQ4dhdvUSlUM4Mw_UHjShVZwPtt4TgPUKoPdti48FSLEC9uAYgTr1_-cFigQha-8YfM5TfsnyXXRpgRUqAJpRwmrBqozxngv-cQ5vMcuXyb9PQwDOg/s1600-h/interior-2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5yIsP2gB4cZW87TaUHiqZgQ4dhdvUSlUM4Mw_UHjShVZwPtt4TgPUKoPdti48FSLEC9uAYgTr1_-cFigQha-8YfM5TfsnyXXRpgRUqAJpRwmrBqozxngv-cQ5vMcuXyb9PQwDOg/s400/interior-2.jpg" alt="" id="BLOGGER_PHOTO_ID_5134744565638093106" border="0" /></a><br /><span style="font-style: italic;font-size:85%;" >Agradecimientos especiales al Centro de Modelamiento Matemático, José Neira, Tesis DG y a Francisca Reyes.<br /><br /><br /><br /><br /><span style="color: rgb(255, 255, 255);">.</span><br /></span>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com20tag:blogger.com,1999:blog-24992094.post-38445429242643572822007-10-25T20:55:00.001-07:002008-12-09T17:21:30.623-08:00Tipografía híbrida<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzgGXf2ONKxSdRC7uaKcVThktAX0DaK9jgr8w5dmZsxP-O__pUUUMUPmja-ZgDgVF-fOx7Hmwi8j-CrPn6678_JmrNLoZSpnnwtyJsGE1Tlyvlcx5FZCfcD3ygwBwy2Mgt51f5A/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzgGXf2ONKxSdRC7uaKcVThktAX0DaK9jgr8w5dmZsxP-O__pUUUMUPmja-ZgDgVF-fOx7Hmwi8j-CrPn6678_JmrNLoZSpnnwtyJsGE1Tlyvlcx5FZCfcD3ygwBwy2Mgt51f5A/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5125489643687531698" border="0" /></a>Uno de las sensaciones más gratificantes al hacer <a href="http://diagramacion2.blogspot.com">clases de tipografía</a>, es sentir que el conocimiento se está renovando minuto a minuto, al ritmo del recambio generacional.<br />Con el curso, hace algunas semanas acabamos de hacer un interesante trabajo que pretendía estudiar la forma de las letras con el fin de crear híbridos para componer un pequeño texto.<br /><br />La manera más común de entender una mezcla entre 2 o más tipografías es tomando algo de esta, algo de esta otra y listo. Sin embargo, y a medida que las correcciones avanzaban nos empezamos a dar cuenta que entre errores conceptuales y genialidades, las propuestas se empezaban a hacer cada vez más interesantes.<br /><br />Podemos entonces concluir que existen al menos 4 maneras (mezclables unas con otras) de conceptualizar una interesante mezcla tipográfica.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4n94cGZAudHxLmkKSFhbgSSePpFkIJ7UpO-sjr3OSaD1aW6g6tgp4j7vQFcHAEdj8RrWxjdHixAOH6gdg81-SnFEr-emirhr7yc2RCnx9pvGSzDRdHtgaSfNSGrstwRyfF0dfA/s1600-h/terminal.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4n94cGZAudHxLmkKSFhbgSSePpFkIJ7UpO-sjr3OSaD1aW6g6tgp4j7vQFcHAEdj8RrWxjdHixAOH6gdg81-SnFEr-emirhr7yc2RCnx9pvGSzDRdHtgaSfNSGrstwRyfF0dfA/s400/terminal.gif" alt="" id="BLOGGER_PHOTO_ID_5125489523428447394" border="0" /></a><span style="font-weight: bold;">1. Mezclando terminales</span><br />Mezclar terminales, es la solución más inmediata a la hora de pensar un híbrido. Le saco un trazo a una y se lo entrego a la otra. Si lográsemos dividir por la mitad cada uno de los trazos, podríamos entender que existe un inicial y un terminal.<br />Cada una de estas secciones a su vez, las podemos usar como módulos e ir componiendo nuevas letras, entendiendo cómo con la simple integración o exclusión de elementos podemos ir potenciando y reforzando nuevos conceptos.<br />En el ejemplo podemos ver que a partir de los 2 trazos de la “r”, podemos obtener 3 terminales que mezclados entre si, obteniendo 6 “erres” híbridas distintas unas de otras.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPaPUVxnJWdQuEa2_DudhwPAZThFEyAN6F6j6UJq0qVFf8ztS0q2wKJ3QzQs2Spo8vIiIPBhWtl2NiprtpLxfdeRkW6MM-wtYkwCgqXLuD2JxSsJncp_VouBGWjfsWYf07ji2Pg/s1600-h/contraforma.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPaPUVxnJWdQuEa2_DudhwPAZThFEyAN6F6j6UJq0qVFf8ztS0q2wKJ3QzQs2Spo8vIiIPBhWtl2NiprtpLxfdeRkW6MM-wtYkwCgqXLuD2JxSsJncp_VouBGWjfsWYf07ji2Pg/s400/contraforma.gif" alt="" id="BLOGGER_PHOTO_ID_5125489433234134162" border="0" /></a><span style="font-weight: bold;">2. Mezclando contraformas internas-externas</span><br />No deja de ser interesante conceptualizar una mezcla en la que el contorno externo mantenga un aspecto y por dentro nos brinde un lenguaje completamente diferente.<br />Es decir, que por fuera sea de una manera, y por dentro de otra, saltándose todas las leyes de la buena tipografía.<br />En el ejemplo podemos ver 2 casos, en el primero la tipografía bodoni aloja la contraforma interna de la fette fraktur (no literal, claro está, pensando en que el ejercicio tiene que funcionar por sobre el “cumplir la regla”), mientras que en el segundo, la gótica recibe la contraforma interna de la helvetica.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8c1idlvu3TkfqaZLF35wukWWgWFDtjuE0xFZXDmASHE6R93b6QoPqAprTspsGCaYAnEy69Xited50BifPU_gXE90NTe5Vo5dDvtcIYcvIc4_fNs4H7M6mTBmqeee3ugw_eDP4hA/s1600-h/3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8c1idlvu3TkfqaZLF35wukWWgWFDtjuE0xFZXDmASHE6R93b6QoPqAprTspsGCaYAnEy69Xited50BifPU_gXE90NTe5Vo5dDvtcIYcvIc4_fNs4H7M6mTBmqeee3ugw_eDP4hA/s400/3.gif" alt="" id="BLOGGER_PHOTO_ID_5126837176791749826" border="0" /></a><span style="font-weight: bold;">3. Un concepto de mezcla integral</span><br />Podríamos decir que puede ser una mezcla entre el primer punto y el segundo, pero no. Esto es ir un poco más allá y provocar un perfecto matrimonio entre los dos estilos, definiendo con claridad qué parte de cada letra quiero mantener. El objetivo del ejercicio es entender que el lenguaje está por sobre el respeto de la forma.<br />En el ejemplo, tenemos que la “a” trabajada no corresponde literalmente ni a uno ni a otro tipo de letra, sino que es capaz de adaptarse a una mezcla de trazos e intenciones.<br /><br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7gSTELgFVpNGf11Fj4_ug0UZLEnvPU1Wn5-DGpWS8r7LKA_wpZ9RZPnzrphUj1VCr3gw06dFoUfFnNLHOGevUnxyK1NzaoKMPjSdImmHxJ3luie58kY5Js1-tTbRsQiqfsGIMA/s1600-h/4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7gSTELgFVpNGf11Fj4_ug0UZLEnvPU1Wn5-DGpWS8r7LKA_wpZ9RZPnzrphUj1VCr3gw06dFoUfFnNLHOGevUnxyK1NzaoKMPjSdImmHxJ3luie58kY5Js1-tTbRsQiqfsGIMA/s400/4.gif" alt="" id="BLOGGER_PHOTO_ID_5126837391540114642" border="0" /></a><span style="font-weight: bold;">4. Agregando extensiones</span><br />Una cosa es alterar el trazo de la letra, otra distinta es intervenir la forma y contraforma.<br />Pero algo muy distinto es entender la mezcla como una adición (o sustracción) de formas (o contraformas), tomando pedazos prestados de una para vestir a la otra.<br />En el ejemplo podemos ver a la nueva “R”, ser disfrazada de gótica con pedazos escogidos, y que no necesariamente corresponden a obvias continuaciones de trazos.<br /><br /><br />Este tipo de ejercicios por lo general son muy simples, pero a la vez muy poco practicados. Mezclando dos o más tipos de letras podemos <span style="font-style: italic;">descubrir</span> cosas notables con respecto al trazo, la forma y la contraforma, pero por sobretodo podemos <span style="font-style: italic;">perderle un poco más el miedo</span> a la manipulación de las letras.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com23tag:blogger.com,1999:blog-24992094.post-23018425894963523802007-08-21T01:30:00.000-07:002008-12-09T17:21:32.096-08:00La biblia negra del diseño tipográfico<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUp41WkSFMmJPoySOR35gnip8ykLytOlEqM-i3_uwu9Bc-_jj7jEqGtPBs6kIt174xIHRGeukPJu-5y99yxK-a2uKcFgas9WPK3hQ9rFu1u9P6JgHDs3IZJakW4twoz-fZOz-kbg/s1600-h/portada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUp41WkSFMmJPoySOR35gnip8ykLytOlEqM-i3_uwu9Bc-_jj7jEqGtPBs6kIt174xIHRGeukPJu-5y99yxK-a2uKcFgas9WPK3hQ9rFu1u9P6JgHDs3IZJakW4twoz-fZOz-kbg/s400/portada.gif" alt="" id="BLOGGER_PHOTO_ID_5101069104499743794" border="0" /></a>Nunca olvidaré el día en que un tipo que sabía de religión se me acercó y me dijo: “<span style="font-style: italic;">si me preguntaran ¿qué es lo primero que haría Jesús en una segunda venida a la Tierra?. Respondería que mandar a quemar todas las biblias. Los textos divinos son el origen de todas las guerras religiosas</span>”. Detrás de su apocalíptico comentario, existía un mensaje claro y cierto, que tiene que ver con la invulnerabilización de las leyes. Mucho menos si son divinas. Hay que acatar.<br /><br />Creo que por el mismo afán de luchar por romper las leyes en nombre de la libertad, el cielo no existe para los revolucionarios, y la última vez que me echaron a patadas del “Olimpo tipográfico” prometí volver para destrozar el mítico monumento a las tablas de la ley tipográfica.<br /><br />Hoy, desde el infierno tipográfico escribo este artículo incitando a las masas a la revolución académica en contra de las biblias tipográficas. Invitando a no tener miedo de experimentar con el terror tipográfico.<br /><br /><span style="font-weight: bold;">El concepto violación de una regla</span><br />Antes de violar la ley, es bueno preguntarse por qué lo quiero hacer, y qué conseguiré haciéndolo, ya que cuando las reglas se rompen por capricho, por lo general los resultados son desastrozos.<br />Los mandamientos tipográficos no fueron escritos por seres comunes y corrientes, y eso guste o no, hay que reconocerlo, por lo que cualquier atentado a “la forma” de la ley será castigado con la burla, menospreciación y humillación de nuestros pares. De modo que cuando lo intentes, debes hacerlo sabiendo que vas en contra de la corriente y el resultado no debiese apuntar a crear “efectos”, sino que a minimizar errores (si vas a robar, es mejor que sea para alimentar a tus hijos, y no para creerte cool). Y si vas a pecar de blasfemia y herejía tipográfica, trata de no herir a nadie que te intente leer.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddrXkX1bSfm-Z4tpjk3scm4YtxrdRKTT8WTYWhfH7xRqZ0hi1Fs2ozoA00WWDUioydsfizfnPiLZdYJA736VY5glfjtRoZuO8PiubAZQiftAY_v9OfX8Td95vF_H5Q5Z42drD-Q/s1600-h/ancho.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddrXkX1bSfm-Z4tpjk3scm4YtxrdRKTT8WTYWhfH7xRqZ0hi1Fs2ozoA00WWDUioydsfizfnPiLZdYJA736VY5glfjtRoZuO8PiubAZQiftAY_v9OfX8Td95vF_H5Q5Z42drD-Q/s400/ancho.gif" alt="" id="BLOGGER_PHOTO_ID_5101069259118566482" border="0" /></a><span style="font-weight: bold;">1. Blasfemia del expandido</span><br />Todos, algún día hemos pecado de expandir o comprimir las tipografías. Todos algún día hemos también sido víctimas de inescrupulosos diseñadores que dañaron alguna carátula de nuestro artista favorito expandiendo o comprimiendo sus letras, sin embargo, ¿cuál es la verdadera razón por la que no podemos expandir las tipografías?<br />Voy a explicar con la imagen de ejemplo <span style="font-style: italic;">(puedes hacer click sobre la imagen para verla a tamaño real). </span><br />La palabra vino está expandida al doble, y en ella podemos ver cómo la tipografía está morbosamente mal deformada.<br />En la indicación nº1, podemos ver cómo el punto de la “i”, deja de ser redondo.<br />En la indicación nº3 y 4, podemos ver cómo los trazos delgados dejan de ser uniformes.<br />En la indicación nº2 y 5, los trazos gruesos están también claramente deformados.<br />En la indicación nº6, el detalle del serif deja de tener esa delicada terminación circular.<br /><br />Todos estos detalles que ocurrieron en la deformación hacen que la tipografía se vea horrenda, y totalmente antinatural. Pero, ¿todas las deformaciones son para peor?.<br />Cuando tengamos la necesidad obligada de deformar una tipografía, es sano asegurarse que no tendremos efectos indeseados.<br />En el caso de la palabra “lift”, prácticamente no tenemos resultados no deseados al expandirla al doble de su ancho. Es más, tal vez pudiese aguantar ser expandida a un 300%. O sea, el mandamiento “no manipularás el ancho de la tipografía” funciona sólo en determinados casos. Si vas a blasfemar, recuerda hacerlo con estilo.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggkRn88BV-xNrOtrqSKJAB8e5mfaSZCN8gksW6pC86DZFuZZdTnpyg11kruPw-JMwM5sc0pUTP-9EeRPmJ3oGFqY7H-wFZHRs6ir4foHY4gpbsAZdCYQshlBRA0sb0Nd4y1QzUYA/s1600-h/vertical.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggkRn88BV-xNrOtrqSKJAB8e5mfaSZCN8gksW6pC86DZFuZZdTnpyg11kruPw-JMwM5sc0pUTP-9EeRPmJ3oGFqY7H-wFZHRs6ir4foHY4gpbsAZdCYQshlBRA0sb0Nd4y1QzUYA/s400/vertical.gif" alt="" id="BLOGGER_PHOTO_ID_5101069186104122434" border="0" /></a><span style="font-weight: bold;">2. Blasfemia de la escritura vertical</span><br />En el primer día de clases del taller de primer año en la escuela de diseño, tus profesores antes de presentarse y darte la bienvenida, es muy probable que te hayan dicho que JAMÁS escribas verticalmente. Hoy en día ya eres un experimentado diseñador y agradeces las palabras de tus profesores, porque cuando ves a alguien que cometió el delirio de escribir hacia abajo al estilo “Carnicería”, agachas la cabeza y sientes vergüenza ajena de ver cómo deterioran la profesión.<br />Pero ¿cuál es la verdadera razón por la que no podemos escribir hacia abajo?<br />Nuevamente voy a explicar con la imagen de ejemplo.<br />En el primer ejemplo vemos con un cara de terror lo mal que queda la palabra “mailman”. Sin embargo podemos obtener varias enseñanzas de esta serie de errores.<br />En primer lugar, nos damos cuenta que la verdadera razón por la que no podemos escribir verticalmente es porque las letras no están preparadas para trabajar hacia abajo, y esto se nota en que:<br />-Vemos que los anchos de las letras son disparatadamente ambiguos.<br />-Vemos que no todas las letras tienen el mismo alto (ascendentes y descendentes), por lo que el interletraje (interlínea en este caso) es desastroso.<br />-La palabra se nos hace eterna hacia abajo, y antes de llegar a la “m” ya perdimos toda la concentración (y eso es que mailman es una palabra relativamente corta).<br />-La contraforma abierta debajo de la “m” y el hecho de que la “m” sea más de 10 veces más ancha que la “l” producen excesivos problemas de legibilidad.<br />-La i, al ser un signo compuesto verticalmente, produce una indeseada división de la palabra.<br />En el segundo ejemplo, muchos de los problemas antes mencionados se solucionan cambiando la tipografía por una versalita. Sin embargo, la palabra sigue pareciendo un poco problemática.<br />Una de las razones que nos hacen sentir que las los anchos de la letra juegan en contra nuestro, es porque las letras están demasiado cerca unas de otras. En el tercer caso, bastó con alejarlas un poco para darnos cuenta que prácticamente todos los errores que cometimos con el primer ejemplo, fueron resueltos. Y es que si vas a cometer herejía, hazlo con estilo.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2u8rAHkQxkZxjI7zYhAH2OPP3fFOr9nIARwregKhmhBWkZBcjUP_22pQyenZbDKCTUiYvyEy8MAdFEzaqzGoT6tBWTB4IUzNyvQcuWBhSbn0Jdz9Wr_i6U4NOBA557FKAWJ43g/s1600-h/italizado.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2u8rAHkQxkZxjI7zYhAH2OPP3fFOr9nIARwregKhmhBWkZBcjUP_22pQyenZbDKCTUiYvyEy8MAdFEzaqzGoT6tBWTB4IUzNyvQcuWBhSbn0Jdz9Wr_i6U4NOBA557FKAWJ43g/s400/italizado.gif" alt="" id="BLOGGER_PHOTO_ID_5101069413737389170" border="0" /></a><span style="font-weight: bold;">3. Blasfemia del italizado falso</span><br />La extraordinaria <a href="http://www.papress.com/thinkingwithtype/">Ellen Lupton</a> tardó demasiado tiempo programando un <a href="http://www.papress.com/thinkingwithtype/resources/crimes_italics.htm">entretenido juego</a> que nos enseña lo desastroso que resulta italizar a la mala una tipografía, sin embargo (por lo menos en su web) no nos explica por qué es un crimen inclinar la tipografía.<br />Si analizamos los 3 ejemplos superiores, podemos darnos cuenta de que el primero corresponde a la tipografía original, y el tercero corresponde a su versión itálica.<br />El segundo ejemplo, no pareciese una versión tan errada. Claro que no, porque aunque está hecho a partir de un forzamiento del primero, responde al carácter y proporciones de una versión oblicua<span style="font-style: italic;"> (</span><a style="font-style: italic;" href="http://letritas.blogspot.com/2006/07/inclinando-la-letra_115323215206658559.html">se recomienda revisar artículo dedicado a las itálicas</a><span style="font-style: italic;">)</span>.<br />En primer lugar, para que pareciera una oblicua real, se le dio una inclinación forzada de 10º. Como quedó una desastrosa versión de la original, se forzó nuevamente y se condensó al 94%. El resultado tal vez no es el óptimo, pero claramente no es lo desagradable que puede llegar a ser una tipografía mal italizada.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuXoUVeqf8HxPiIVVzPc9b2A6g6l5jas37YEkuF9YGfgc8Ulv6P1SL_46lk-uwhGBz2bjB_V-xIBh9pcYme142nc95aQkhIFYLAW1izSbJy3XWMNfEd1Wr4MYjclWLX2uT2KCzQ/s1600-h/bold.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuXoUVeqf8HxPiIVVzPc9b2A6g6l5jas37YEkuF9YGfgc8Ulv6P1SL_46lk-uwhGBz2bjB_V-xIBh9pcYme142nc95aQkhIFYLAW1izSbJy3XWMNfEd1Wr4MYjclWLX2uT2KCzQ/s400/bold.gif" alt="" id="BLOGGER_PHOTO_ID_5101069345017912418" border="0" /></a><span style="font-weight: bold;">4. Blasfemia la falsa negrita</span><br />Muchas veces al seleccionar el ennegrecido de la letra, nos damos cuenta de que algo raro está pasando, que la versión negrita es mucho más grande que la regular, o que las contraformas se pierden. Muchas veces ni siquiera nos damos cuenta que estamos trabajando con una versión falsa.<br />Recuerdo la vez que estaba trabajando en flash con una versión bold de una tipografía mía, siendo que ni siquiera la había diseñado. ¡Madre mía, algo raro está pasando aquí!.<br />De todos los pecados capitales anteriormente mencionados, creo que el de la negrita falsa es el menos terrible de todos. El problema es que el software está haciendo algo sin preguntarte y es muy posible que te empuje a un grosero error.<br />El ejemplo nº1, corresponde a la tipografía original, el nº2, a la versión final del bold falso. El tercer ejemplo corresponde al paso 1 y 2 superpuesto.<br />¿Por qué cuando aplicamos un bold falso la tipografía parece que fuera más grande?<br />Los softwares entregan un expandido proporcional tanto al exterior como al interior del trazo, por lo que la altura será un poquito mayor y hacia abajo también será proporcionalmente un poco más grande. Equivale a pintarle un contorno.<br /><br />Si uno quisiera crear una falsa negrita (en caso de que la tipografía elegida no tenga, claro está), es sano en primer lugar crear un expandido que nos satisfaga (no el por defecto que nos entrega el programa). No temamos entonces en comprimirlo verticalmente ya que al comprimirlo, se adelgazarán proporcionalmente los trazos horizontales, resolviendo de pasada la corrección perceptual óptica. En el 4º ejemplo, el expandido verde se comprimió verticalmente al 91%, dando paso a la versión bold roja.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbw6wC6Ak3-3a6sEzFWeDD5bo2AJpoRmH4bO6zCkSnGKkroCP8XVoC4T9D2JXAZyUeJr9lBbxHPrwlMPyywi-Jqt_Ze_AG7R8MgN-3uK2LqAiqIUNGJay3XEBoGXem2Tk7b2d-w/s1600-h/tramado.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUbw6wC6Ak3-3a6sEzFWeDD5bo2AJpoRmH4bO6zCkSnGKkroCP8XVoC4T9D2JXAZyUeJr9lBbxHPrwlMPyywi-Jqt_Ze_AG7R8MgN-3uK2LqAiqIUNGJay3XEBoGXem2Tk7b2d-w/s400/tramado.jpg" alt="" id="BLOGGER_PHOTO_ID_5101069495341767810" border="0" /></a><span style="font-weight: bold;">5. Blasfemia del texto tramado </span><br />Creo que uno de los errores más insultantes para el lector, es que le entreguen una tipografía a cuerpo microscópico. Error.<br />Creo que el insulto más grande es que lo hagan leer un texto tramado y chico.<br />Cuando nosotros trabajamos a porcentajes de colores, debemos saber que la imprenta tramará el color, y que no saldrá tal cual lo vemos en pantalla. Es por eso que por lo general leemos los textos en negro (punto nº1). Sin embargo, es muy común leer textos pequeños en tintas sólidas cian y magenta.<br />Cuando empiezas a mezclar tintas para generar colores, debes saber que si usas porcentajes te pasará lo que vemos en el ejemplo, en los puntos 2 y 3.<br />Sin embargo, si usas en un texto 100% de magenta más 100% de cian, arriesgas a que el más mínimo descalce produzca un desagradable efecto de vibración. Entonces, ¿existe alguna opción al negro full, el cian full, y el magenta full?.<br />Para ser un hereje blasfemo hay que ser un buen observador, y basta darse cuenta que no hemos hablado del amarillo.<br />El amarillo es el “color amigo”, ya que es tan fuerte como el cian y el magenta, pero gozamos con que prácticamente no tiene contorno. En el punto cuarto podemos comprobarlo, y aún con ese grosero descalce, no nos produce la vibración que nos produciría ese mismo descalce de los otros dos colores.<br />De esta manera podemos usar el amarillo incluso a porcentaje para componer colores extra de texto. Así podemos conseguir toda la gama que va del verde full al cian, y del rojo full al magenta, pasando por todos los anaranjados.<br /><br />Y es que para ser un blasfemo, tienes que hacerlo con estilo.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com58tag:blogger.com,1999:blog-24992094.post-35386063741624400912007-08-07T00:51:00.000-07:002008-12-09T17:21:32.983-08:00Pictogramas<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXcn-Cfnha3u2G0tjEtzYW5MrAAYjGsUMH-3P3ALQCZrJOP1u0EJIys3AzkJTCn-E1TWTemW_38ErngVoHg-SBx4X87fNOAzu5RSF4FtVFjgdVHMXRxIcVrYPbC5nMAUBVJjkpw/s1600-h/cycling.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYXcn-Cfnha3u2G0tjEtzYW5MrAAYjGsUMH-3P3ALQCZrJOP1u0EJIys3AzkJTCn-E1TWTemW_38ErngVoHg-SBx4X87fNOAzu5RSF4FtVFjgdVHMXRxIcVrYPbC5nMAUBVJjkpw/s400/cycling.gif" alt="" id="BLOGGER_PHOTO_ID_5095864105352352530" border="0" /></a>Conversando con amigos y colegas diseñadores he llegado a la conclusión de que la palabra pictograma todavía sigue ligada a un antiguo concepto de signo de carretera y de señalética de aeropuerto. Lo que no está mal, pero si está un poco restringido, ya que íconos vemos en todos lados y se transforma cada día más en lo que algún día nos planteó <a href="http://www.terremoto.net/x/archivos/000014.html">Otto Neurath</a> con su lenguaje universal.<br />Siempre he sido un coleccionista de pictogramas (y mascotas) de <a href="http://www.flickr.com/photos/de_gregorio/1035210649/">juegos olímpicos</a> y <a href="http://www.flickr.com/photos/de_gregorio/1035979614/">panamericanos</a>. Justamente es en este tipo de representaciones donde veo una clara evolución del signo y la concepción de ideograma que hay detrás.<br /><br /><o:p></o:p><span style="font-weight: bold;">El pictograma deportivo</span><br />Últimamente la utilización del pictograma como el isotipo acompañante de marca suele ser muy común en los estadios olímpicos para vestir a la ciudad de una identidad corporativa deportiva. Sucedió en Atenas, Turín y el mes pasado en Río de Janeiro. <a href="http://www.flickr.com/photos/bg_photo/943874054/">Grandes lienzos</a> <a href="http://www.flickr.com/photos/jpdegregorio/533820766/">corporativos colgaban</a> de estadios, pistas, piscinas y velódromos anunciando el deporte que allí se practicaba, mientras la ciudad se vestía de la alegría y colorido que sólo el deporte nos sabe regalar.<br /><o:p> </o:p> <p class="MsoNormal">Sin embargo, a pesar de todos los conceptos de <a href="http://letritas.blogspot.com/2006/10/signos-y-pictogramas_04.html">construcción de ideas</a>, la expresividad formal y la utilización moderna del uso de colores, la manera de abstraer la idea del mundo real al pictograma sigue siendo la misma.</p><p class="MsoNormal"><br /><o:p></o:p></p> <p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQq4UEbU1AetW_4EYIpxTdspGfj3agnyAj7Sl2eG-Yig2e2Luw0Lcqqm17m5nUQLniQ-pFLNEgMALTqtKFXlYls_8TB8uXr_SoZckdeqkIwoBlfOEOGMB8WS3booLU5ygFdwVmwA/s1600-h/biker.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQq4UEbU1AetW_4EYIpxTdspGfj3agnyAj7Sl2eG-Yig2e2Luw0Lcqqm17m5nUQLniQ-pFLNEgMALTqtKFXlYls_8TB8uXr_SoZckdeqkIwoBlfOEOGMB8WS3booLU5ygFdwVmwA/s400/biker.gif" alt="" id="BLOGGER_PHOTO_ID_5095864015158039298" border="0" /></a><span style="font-weight: bold;">1. La abstracción visual directa</span><br /><span style="font-weight: bold; font-style: italic;">a.</span> Corresponde al mínimo de abstracción conceptual. Imaginar a un biker haciendo una maniobra acrobática sobre su bicicleta bmx, es conceptualmente lo que estamos viendo. El pictograma nos revela toda la acción que necesitamos saber. Tal vez un experto podría decirnos hasta el nombre del truco.<br />El rescate concepto-imagen es directo, y equivale a una vulgar foto, ya que no exige un proceso de desconceptualización e interpretación del usuario.</p><p class="MsoNormal"><br /><o:p></o:p></p> <p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXH3XHtewLOMbZLiJa4Z9qpbpa52bosGgcVK0GsMa1hGdE7LgAWhrRpka7BuQujj7Qf-Ky9kKG44u_StW3qP-zDKuY7MbSmAjfiY4XgdZwN3nqMSJSL5y7aEqRv8SNFXJzlEbTg/s1600-h/biker2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXH3XHtewLOMbZLiJa4Z9qpbpa52bosGgcVK0GsMa1hGdE7LgAWhrRpka7BuQujj7Qf-Ky9kKG44u_StW3qP-zDKuY7MbSmAjfiY4XgdZwN3nqMSJSL5y7aEqRv8SNFXJzlEbTg/s400/biker2.gif" alt="" id="BLOGGER_PHOTO_ID_5095863933553660658" border="0" /></a><span style="font-weight: bold; font-style: italic;">b. </span>A pesar de lo simple que pueda ser la abstracción idea-imagen (1 a 1, manzana=manzana), esta no tiene por qué ser representada de manera fiel a la realidad.<br />Este es el maravilloso <span style=""> </span>juego de contradicciones que como diseñadores debemos saber controlar: una idea literal la podemos representar con formas muy pero muy abstractas, como también de la manera más obvia, pasando por todos los puntos intermedios que como diseñadores aprendimos en primer año. Texturas, contrastes, colores, ambientaciones, trazos, estilos, etc.</p><br /><p class="MsoNormal"><br /></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3u9_L3Awh7qVlaA_i6ysb61EFBbfEpdSVzXXEhgzDxSCbvtJrdqRT-5c1D1ij6-rYlZO2-8vt0p0AoIviv7rK7XML8P5cYGLcr8vZ_WVJVZR5p9xyvgoohj-wjU8mCqm0QSbhyphenhypheng/s1600-h/tt_racer.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3u9_L3Awh7qVlaA_i6ysb61EFBbfEpdSVzXXEhgzDxSCbvtJrdqRT-5c1D1ij6-rYlZO2-8vt0p0AoIviv7rK7XML8P5cYGLcr8vZ_WVJVZR5p9xyvgoohj-wjU8mCqm0QSbhyphenhypheng/s400/tt_racer.gif" alt="" id="BLOGGER_PHOTO_ID_5095863804704641762" border="0" /></a><span style="font-weight: bold;">2. La abstracción del acto</span><br /><span style="font-weight: bold; font-style: italic;">a.</span> Si tuviésemos la posibilidad de hacer una semiabstracción de nuestra imagen, podríamos plantearnos en un escenario no tan literal de desconceptualización (detalle del centro de la manzana=manzana).<br />Mostrar unas piernas pedaleando entre medio de dos circunferencias ya es suficiente para hacernos entender que se trata de ciclismo, pero si imaginamos un torneo ciclístico donde participaran todas las disciplinas, nos encontraríamos con la sorpresa que en la gran mayoría de las pruebas el objetivo fundamental es pedalear.<br />Entonces necesitamos resaltar el acto y podemos desechar los elementos comunes que no nos interesa mostrar.<br />Por lo general los pequeños detalles determinarán si la interpretación será del signo exitosa.</p><p class="MsoNormal">Es aquí donde podemos dejar de lado la abstracción literal y empezar a exagerar gestos, movimientos, proporciones, formas, etc. O resaltar agrandando detalles absurdos que si nos haga entender de manera clara de que se trata (<span style="font-style: italic;">ej: alargar las piernas a los pictogramas que representen estilos de baile</span>)<br /></p><p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhua5iXe6XZ2jV0YpShgWkKrJcoTLiCJwBzQn5JKrQYSDz5h8JZzvYt_8FHvMLHM4fTY5r6HdVdVKphqQezD_YwRPshjv_Dnw8gHfYGcSMe3R3IIBB9Bak5WS7S24pazz5rEV5mkQ/s1600-h/tt_racer2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhua5iXe6XZ2jV0YpShgWkKrJcoTLiCJwBzQn5JKrQYSDz5h8JZzvYt_8FHvMLHM4fTY5r6HdVdVKphqQezD_YwRPshjv_Dnw8gHfYGcSMe3R3IIBB9Bak5WS7S24pazz5rEV5mkQ/s400/tt_racer2.gif" alt="" id="BLOGGER_PHOTO_ID_5095863701625426642" border="0" /></a><span style="font-weight: bold; font-style: italic;">b. </span>Muchas veces para interpretar un acto complejo necesitamos una serie de elementos externos que ayuden a reforzar el gesto a representar. Líneas cinéticas, deformaciones, decontrucciones, superposiciones, repeticiones, etc. son por lo general los medios más recurrentes para mostrar el acto en su forma pura, para lo cual los elementos anteriormente mencionados (texturas, contrastes, colores, ambientaciones, trazos, estilos, etc.) serán importantísimos a considerar.</p><br /><p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><o:p> </o:p></p> <p class="MsoNormal"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOta5pn98X_gjH3ni9gxxtNM9XkN5v2WKarIrDMbIu9kvtfjfYyZC_3O_ySO5I2pjVgs-BJaSO723HZFS-RvSO7EgQI5iuL6fGJ5qQpo7QfKTmOaRSpPMu_H9as1WAcpAxLjMkKg/s1600-h/especialidades.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOta5pn98X_gjH3ni9gxxtNM9XkN5v2WKarIrDMbIu9kvtfjfYyZC_3O_ySO5I2pjVgs-BJaSO723HZFS-RvSO7EgQI5iuL6fGJ5qQpo7QfKTmOaRSpPMu_H9as1WAcpAxLjMkKg/s400/especialidades.gif" alt="" id="BLOGGER_PHOTO_ID_5095863607136146114" border="0" /></a><span style="font-weight: bold;">3. La abstracción Total</span><br />Es la manera más compleja de presentar un signo, ya que requiere de un esfuerzo extra del usuario. Estos pictogramas por lo general no son obvios y exigen un conocimiento previo del destinatario (sabor/olor a manzana=manzana).<br />En el ejemplo, podemos apreciar seis tipos de manubrios para seis especialidades ciclísticas, de las cuales incluso podemos seguir sub identificando (ciclismo en pista, en ruta, descenso, freestyle, bicicross, y cross country).<br />El uso de elementos externos como el color comienza a ser fundamental y la habilidad para representar conceptos abstractos en imagenes comienza a ser primordial.</p><p class="MsoNormal">Sin duda, la expresión de la forma y contenido, son dos elementos básicos y fundamentales que los diseñadores deben plantearse a la hora de proponer una solución que involucre un sistema de signos que funcione como familia. Un trabajo complejísimo, pero bello.<br /></p>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com23tag:blogger.com,1999:blog-24992094.post-63558906520541477532007-06-14T01:13:00.000-07:002008-12-09T17:21:35.472-08:00El contenido de la forma<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2iR2-RXUMQHbzD-QOEm6T02Bw9T6x-goYTMSh_oIodc-sELKShetUqxyOqjoCgogn4dEKL47ZxHfAw5QiRRU3giZd287OIF7Kg9WDBH6BjEELUjx4MXhhngD9sdIxgamFJ5gSog/s1600-h/portada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2iR2-RXUMQHbzD-QOEm6T02Bw9T6x-goYTMSh_oIodc-sELKShetUqxyOqjoCgogn4dEKL47ZxHfAw5QiRRU3giZd287OIF7Kg9WDBH6BjEELUjx4MXhhngD9sdIxgamFJ5gSog/s400/portada.gif" alt="" id="BLOGGER_PHOTO_ID_5075831162863471554" border="0" /></a><img src="file:///C:/DOCUME%7E1/JUANPA%7E1/CONFIG%7E1/Temp/moz-screenshot.jpg" alt="" /><img src="file:///C:/DOCUME%7E1/JUANPA%7E1/CONFIG%7E1/Temp/moz-screenshot-1.jpg" alt="" />Últimamente me he venido replanteando la complejidad de la abstracción de ideas, con el fin de simplificar la etapa de conceptualización. Curiosamente me he dedicado a estudiar con un poco más de detenimiento las formas básicas, con el fin de producir detalles que sean capaz de dar a entender cualidades con las que vivimos a diario y que de alguna manera nos definen.<br /><br /><br /><span style="font-weight: bold;">La personalidad</span><br />Creo que empecé a diseñar un poco mejor el día que empecé a comprender los conceptos básicos de la forma, y empecé a separar la información de lo que informa, tratando de darle un valor separado y tangible a lo que en verdad no lo tiene.<br />Es difícil de entender, pero lo explicaré con un ejemplo muy básico. Imaginen que en sus manos tienen una pelota. Cierren los ojos y siéntanla. Sean capaces de sentir su gran particularidad y luego tírenla lejos.<br />Tomen un lápiz y dibujen la forma que fueron capaces de sentir. Muy bien, ahora si esa forma tuviese un sonido ¿cuál sería?.<br />Excelente, lo que acabamos de hacer es llevar una forma visual muy simple a dos dimensiones completamente diferentes.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhOsruKEktIPn1gch-w35OJfENt516erwOZFvX9mAu5nhjuVZSGblns2PrP6YVDG_VahWO-_LQKwCrtKLkcEGaGEKP_2YcNE96Mam9BXYSAZWbvmuLaMK9L68qVu7JepSYUcqEA/s1600-h/1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhOsruKEktIPn1gch-w35OJfENt516erwOZFvX9mAu5nhjuVZSGblns2PrP6YVDG_VahWO-_LQKwCrtKLkcEGaGEKP_2YcNE96Mam9BXYSAZWbvmuLaMK9L68qVu7JepSYUcqEA/s400/1.gif" alt="" id="BLOGGER_PHOTO_ID_5075831051194321826" border="0" /></a>Es un simple círculo que tomó forma táctil y auditiva.<br />Ahora, a ese círculo le puedes dar velocidad, temperatura, dureza, rugosidad, tamaño, etc, así como también puedes sentir su sabor o imaginar como huele.<br /><br />Es súper complicado entender entonces que la forma visual depende de factores que van adquiriendo valores agregados a medida que se los vamos otorgando.<br />En este sentido, darle una cualidad más al círculo, es un proceso de abstracción muy complejo.<br /><br /><span style="font-weight: bold;">Un paso más allá.</span><br />Cuando éramos muy pequeñitos, la profesora nos enseñó que al sonido “a”, le correspondía la forma “a”. Y que la forma “a”, no se relacionaba en nada al sonido “a”.<br />No era como hasta entonces estábamos acostumbrados, que cuando veíamos una forma de caballo lo relacionábamos al caballo real.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOWNHB8gin9WzqJt9pL7Kvp8mvlajgfmlFm1GhwUCJ_W17rjmbGDZzMQl8tC6GSpy9CQaJMWuHZcCq7uBY_BEuTpHvAmjfaYzzrcOlmGiahfplguTgGcYREfG_YHwz5nxvGmC2IQ/s1600-h/2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOWNHB8gin9WzqJt9pL7Kvp8mvlajgfmlFm1GhwUCJ_W17rjmbGDZzMQl8tC6GSpy9CQaJMWuHZcCq7uBY_BEuTpHvAmjfaYzzrcOlmGiahfplguTgGcYREfG_YHwz5nxvGmC2IQ/s400/2.gif" alt="" id="BLOGGER_PHOTO_ID_5075831008244648850" border="0" /></a>Ahora la compleja forma es una pequeña pieza que intenta graficar de manera neutra el concepto que nosotros tenemos de caballo, y que funcionará si y sólo si es acompañada de las otras letras en un orden correcto.<br /><br /><span style="font-weight: bold;">El diseñador y la evolución de la escritura</span><br />Volviendo al tema anterior, y enfrentando los altos niveles de complejidad de la palabra escrita, entendemos que como diseñadores muchas veces tenemos que reinventar nuevamente la escritura, dándole además un nuevo valor agregado a lo visible.<br />Le llamaremos por ahora expresión abstracta.<br />Este tipo de expresión no es nueva y responde a una creativa manera de asociar conceptos tangibles con ideas abstractas. Hace un par de años, un pianista chileno llamado Valentín Trujillo, trabajaba junto a un dibujante llamado Iván Arenas (el Profesor Rossa). El profesor, mientras dibujaba en una pizarra unas cucarachas jugando a la pelota, le decía a su amigo pianista que tocara una canción de “cucarachas jugando a la pelota”, como para ambientar lo que estaba dibujando. Inesperadamente, el pianista nos sorprendía con una melodía que calzaba exactamente con lo que el profesor le pedía. ¿curioso?. No sé. Tal vez. Pero recién vine a reaccionar vine a reaccionar el día que me pidieron que diseñara una tipografía gorda, blandita, y muy sensual.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaHRd9Whzw39HfYXOTvOq27LSDS_tYuMZ95pWRLeLpUx2j6_FFMUGtp19f-a8v-LMgxsKuqBhqd0yDds45IqrPhU6ygAe6PKK_7CEnbvWXSxY335NOHQvbzJo3IXXLlaRsU6cfQ/s1600-h/3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaHRd9Whzw39HfYXOTvOq27LSDS_tYuMZ95pWRLeLpUx2j6_FFMUGtp19f-a8v-LMgxsKuqBhqd0yDds45IqrPhU6ygAe6PKK_7CEnbvWXSxY335NOHQvbzJo3IXXLlaRsU6cfQ/s400/3.gif" alt="" id="BLOGGER_PHOTO_ID_5075830961000008578" border="0" /></a>¿Cómo explicarle entonces a mi cliente, también diseñador, que una “a” tiene una forma definida y que cualquier modificación que le haga va a afectar directamente en su legibilidad?. Puede ser gorda, si. ¿Pero sensual?<br /><br />Entonces, el diseñador-cliente no sólo me dijo que yo tenía una facilidad para darle un valor agregado a las letras, sino que me dijo que yo <span style="font-weight: bold;">sabía</span> cómo hacerlo. Quiso decir, en otras palabras, que lo que Valentín hacía con el piano yo lo sabía hacer con la forma.<br />Apenas llegué a la casa me senté, tomé lápiz y papel, y sonreí sorprendido. Feliz.<br />Entonces sentí que el diseñador de tipografías tiene que ir creando su paleta de trucos sobre la marcha, y me siento un poco con la obligación de compartir, al igual que como lo hice en un <a href="http://letritas.blogspot.com/2007/05/el-secreto-del-tipgrafo.html">artículo anterior</a>, un par de secretos más de la forma.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8-6KItjGYsnk3S76GsCttDVU2SWdj5Tqf863kfYBZr56E3pPFFKhzXKo4YiV6fMAuqZuG9atEMRMwkQsA28gS8vmO3A8bF9ShMV0FROmUqyvrMKfhfnyXaJfy_4U7iOPlGbAVuQ/s1600-h/sensual.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8-6KItjGYsnk3S76GsCttDVU2SWdj5Tqf863kfYBZr56E3pPFFKhzXKo4YiV6fMAuqZuG9atEMRMwkQsA28gS8vmO3A8bF9ShMV0FROmUqyvrMKfhfnyXaJfy_4U7iOPlGbAVuQ/s400/sensual.gif" alt="" id="BLOGGER_PHOTO_ID_5075831107028896690" border="0" /></a><span style="font-weight: bold;">La sensualidad</span><br />En una primera instancia, me dediqué a buscar qué es lo que define la sensualidad de la forma. Sin embargo me salió mucho más fácil entender las formas que NO son sensuales y a partir de ellas comenzar a construir el concepto de la sensualidad.<br />Las líneas rectas, duras, secas y angulosas me dan a entender que algo es inerte y muerto, casi funerario. Por lo tanto todo lo que sea antónimo a cuadrado, será sensual. La curva, la contra curva, el recorrido de formas sinuosas podría entonces ser considerado sensual. Curiosamente, si llegase a plantear una definición final de la forma sensual, no la mostraría totalmente curva, sino que poseería algún elemento que la contradiga. No del todo eso si. Pero si una punta en curva puede llegar a producir un quiebre necesario para que no todo sea tan “redondito”.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mJQ7xu41aISL4t0uUIxvc579Tnp9WsclzMRVPoai-keAhlZCMA_ngN7LVw-2DIE0c3x1k1dHVFhDG_C10qp4OFizIZBlD114WooSKaGJDCUFhDn2PWgSnMtw35GDcCtKy3JoQQ/s1600-h/4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mJQ7xu41aISL4t0uUIxvc579Tnp9WsclzMRVPoai-keAhlZCMA_ngN7LVw-2DIE0c3x1k1dHVFhDG_C10qp4OFizIZBlD114WooSKaGJDCUFhDn2PWgSnMtw35GDcCtKy3JoQQ/s400/4.gif" alt="" id="BLOGGER_PHOTO_ID_5075830892280531826" border="0" /></a><span style="font-weight: bold;">La agresividad</span><br />Un concepto como la agresividad no es tan complejo como el anterior y puede entenderse como el atentado a la sensualidad. Puntas, rectas filosas y angulosas podemos reconocerlas de inmediato como formas muy violentas. Se entiende que una curva difícilmente puede ser considerada agresiva.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu3YwI7C49cBtEq7CmMbb_9dSiiZgUsQFL8S1xPFt1C97Gid3a_pRUayIqEcNX60QzfMFSIvZDsf5e7NWgEnL6fqmycPfiPy4CD1oNDgLf31-ggqUmlfshiDYYWYLaQFkSLsiTcw/s1600-h/5.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu3YwI7C49cBtEq7CmMbb_9dSiiZgUsQFL8S1xPFt1C97Gid3a_pRUayIqEcNX60QzfMFSIvZDsf5e7NWgEnL6fqmycPfiPy4CD1oNDgLf31-ggqUmlfshiDYYWYLaQFkSLsiTcw/s400/5.gif" alt="" id="BLOGGER_PHOTO_ID_5075830840740924258" border="0" /></a><span style="font-weight: bold;">La velocidad</span><br />Otro concepto que no lleva gran complejidad. Ya que una simple sistematización de inclinaciones puede darnos la idea de cierta velocidad. Entendiendo de esta manera que mientras más inclinada esté la forma, más se refuerza el concepto.<br />Ahora si la inclinación de los contornos es progresiva, entendemos que aparte de tener una velocidad, la forma tiene aceleración.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkW1XwXTOnd0jO7oeZis93uiz9wzRd_-M_0GYb5VI6DlRC5z5bKHbB_uJAeE22NuTyY11M6Gr4es4VIvudGqwt1vfx4Y6eJKh3lOqdPE_BTShmUAvEv87br0rjnww3G8qZ8z7pUw/s1600-h/6.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkW1XwXTOnd0jO7oeZis93uiz9wzRd_-M_0GYb5VI6DlRC5z5bKHbB_uJAeE22NuTyY11M6Gr4es4VIvudGqwt1vfx4Y6eJKh3lOqdPE_BTShmUAvEv87br0rjnww3G8qZ8z7pUw/s400/6.gif" alt="" id="BLOGGER_PHOTO_ID_5075830784906349394" border="0" /></a><span style="font-weight: bold;">La credibilidad</span><br />Uno de los conceptos que influyen directamente en la credibilidad de la forma es la estabilidad. Suponer que un triángulo equilátero es más creíble que uno obtuso, que un círculo genera más confianza que un óvalo, una línea ortogonal es más racional que una en un ángulo cualquiera, etc.<br />Con esto podemos entender que las formas ortogonales descendientes de figuras geométricas regulares o estables, pueden generar más confianza y credibilidad.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WNb135hqiC_y7eXMZLQNL-T9Sau3TlgWc2Hks_my7MAwX1FjqtV49BB3RPamoEQ35j04c0OH3Vi6g7lzyXQ1SU4MbUbp6kVM-CuwJEomap0mdLvmw1blCxnG-CW-LtFYoBMQSA/s1600-h/7.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WNb135hqiC_y7eXMZLQNL-T9Sau3TlgWc2Hks_my7MAwX1FjqtV49BB3RPamoEQ35j04c0OH3Vi6g7lzyXQ1SU4MbUbp6kVM-CuwJEomap0mdLvmw1blCxnG-CW-LtFYoBMQSA/s400/7.gif" alt="" id="BLOGGER_PHOTO_ID_5075830724776807234" border="0" /></a><span style="font-weight: bold;">La elegancia</span><br />Las formas esbeltas, delgadas y finas por lo general son asociadas con elegancia, mientras que las formas gruesas y de contornos bruscos o curvaturas extrañas son consideradas comunes y mundanas. Las formas de contorno irregular son consideradas sucias.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimP-JijuQkN1cNMUZtzZpA9vgaeoILDSkDhmwR06OjeqQGIta2E_gkqOr_YK0875Az52GTu3k7iKlfmWAfZnKQkcqkqmQLZgzFlmSfcoBovUPNAeGEuwoBnK5f9bJEPu2O1zPoDA/s1600-h/8.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimP-JijuQkN1cNMUZtzZpA9vgaeoILDSkDhmwR06OjeqQGIta2E_gkqOr_YK0875Az52GTu3k7iKlfmWAfZnKQkcqkqmQLZgzFlmSfcoBovUPNAeGEuwoBnK5f9bJEPu2O1zPoDA/s400/8.gif" alt="" id="BLOGGER_PHOTO_ID_5075830664647265074" border="0" /></a><span style="font-weight: bold;">La irreverencia</span><br />Corresponde a mezclar lenguajes de manera aleatoria o bien crear muchos sistemas de correspondencia formal, que no corresponden a una sistematización lógica.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwQcCNkktd2oXvTPpllEMvEnIiHduyIb5DLFJLScb7qvQ21_POu-2mTUTAxBL42BROTX1stNYCoAAWoiRq28r9MdK21H3kmapRepwL8wNksMBYDJsXAiqtU_DLEu-36ywyZC5K_g/s1600-h/9.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwQcCNkktd2oXvTPpllEMvEnIiHduyIb5DLFJLScb7qvQ21_POu-2mTUTAxBL42BROTX1stNYCoAAWoiRq28r9MdK21H3kmapRepwL8wNksMBYDJsXAiqtU_DLEu-36ywyZC5K_g/s400/9.gif" alt="" id="BLOGGER_PHOTO_ID_5075830600222755618" border="0" /></a><span style="font-weight: bold;">Lo anarquista</span><br />El asesinato de la forma, en este caso creíble. Combinar formas descendientes de la geometría regular, alterada, violada o contradicha con formas que no corresponden al mismo lenguaje. Sobreponer de manera hereje formas agresivas a las formas elegantes, o crear híbridos que sean capaces de no integrar de manera lógica dos conceptos opuestos.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoe81K_mAcKjpOa3RgT90Oml3z9j1FV4Ko6etP_mv5h3oBQ57RIFdU8CyKk706EJsbLugXQDEXxZVo6SclrGB_7XR3-YgF3hS6yNh64ooxFtRYeMN2nBJO3dYCj6FlfKfzFiJ2jw/s1600-h/10.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoe81K_mAcKjpOa3RgT90Oml3z9j1FV4Ko6etP_mv5h3oBQ57RIFdU8CyKk706EJsbLugXQDEXxZVo6SclrGB_7XR3-YgF3hS6yNh64ooxFtRYeMN2nBJO3dYCj6FlfKfzFiJ2jw/s400/10.gif" alt="" id="BLOGGER_PHOTO_ID_5075830514323409682" border="0" /></a><span style="font-weight: bold;">La cursilería</span><br />La elegancia tiene límites muy definidos, y cuando los exageras o los sobrepasas de manera caricaturesca, tu forma empieza a convertirse en cursi y amanerada.<br /><br />No sé si sea tan complicado seguir aventurándose a tratar de asociar cualidades no tangibles a formas visuales. Pienso que podríamos seguir mostrando ejemplos hasta que se nos acabe el diccionario. Pienso además que muchas formas pueden representar más de un concepto. En ese caso los grosores, las proporciones, el color, la técnica, los materiales, etc. juegan un papel fundamental y complementario, ya sea para crear ambientes especiales, o bien para crear sistemas de formas, como un alfabeto, un sistema pictográfico de dingbats, etc.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com40tag:blogger.com,1999:blog-24992094.post-27273276022291756062007-05-10T19:42:00.000-07:002008-12-09T17:21:36.132-08:00Tipografía corporativa<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tTbZ0wV1gMWFXfQn2bHTQ0fodzWTq7XSdU2J3JSwPGGKbHsRcLuGuhecPxaikKi4wHqjcQEDzR_G6NtHP9Q1GkFBSYTHXjZcUfn-6Wn-iLhze5sCaqrBImsk1keRA3T85YEyzA/s1600-h/portada.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tTbZ0wV1gMWFXfQn2bHTQ0fodzWTq7XSdU2J3JSwPGGKbHsRcLuGuhecPxaikKi4wHqjcQEDzR_G6NtHP9Q1GkFBSYTHXjZcUfn-6Wn-iLhze5sCaqrBImsk1keRA3T85YEyzA/s400/portada.gif" alt="" id="BLOGGER_PHOTO_ID_5063128564368434834" border="0" /></a>Desde hace más de un año que Letritas se ha hecho presente en el mundo del diseño con la publicación de artículos prácticos y consejos sobre el uso de la tipografía.<br />Hoy, Letritas le propone hacer interactivo el proceso de diseño de identidad visual mediante la participación conjunta entre quién ocupa la tipografía y quién la diseña, con el fin de optimizar resultados tanto funcionales como de identificación visual.<br />Imaginar que <span style="font-weight: bold;">el proceso de selección tipográfica venga hacia usted y no usted hacia él</span>, es uno de los principales objetivos de Letritas corporativas.<br /><br /><span style="font-weight: bold; color: rgb(51, 102, 102);">La tipografía corporativa</span><br />Las marcas gráficas más importantes del mundo buscan desmarcarse de su competencia mediante una imagen visual lo más propia posible, con combinación de colores muy especiales y tipografías generalmente diseñadas a medida. En este caso, las medidas que usted proponga.<br />La idea de Tipografía Corporativa no es nueva en Chile y ya hay empresas que han mandando a diseñar fuentes exclusivas para satisfacer la necesidad de imponerse con una fuerte identidad visual.<br />Empresas como El Mercurio, el Transantiago, Alusa y algunos programas de Canal13 ya lo han hecho con resultados notables.<br />En Chile, hasta hace un par de años, pensar en un diseño tipográfico a pedido era considerado una aventura espantosa en el presupuesto y en los tiempos de entrega. Hoy día esos tiempos se han reducido enormemente abaratando considerablemente los costos. La calidad del resultado ha mejorado mucho y los testeos pueden ser prácticamente inmediatos.<br />De esta manera, el equipo de diseñadores de tipografías trabaja directamente con el director de arte de su agencia para desarrollar una tipografía que responda eficazmente a los requerimientos de página, espacio, peso, condensación, legibilidad e identidad, entre otros elementos indispensables.<br /><br /><span style="font-weight: bold; color: rgb(51, 102, 102);">¿Vale la pena utilizar una tipografía a medida?</span><br />Existen 2 grandes razones para decidirse a trabajar con una tipografía exclusiva: una es poder gozar concretamente de los <span style="font-weight: bold;">beneficios funcionales </span>que puede tener trabajar con una tipografía a pedido (elegir desde el peso, hasta la condensación, inclinación y proporciones), y la otra es gozar de los <span style="font-weight: bold;">beneficios estéticos. </span>Decidir las características de personalidad de la letra.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1KjRSHysgaADgg0bVPgVwK97GD5x4lDuZ0Qrq5dk00u-ixX1g5wib6aEqiIR_O9oFJ_yyHFoBP3O6nocPI79triQK-FiBlmtlWqzJX98F5TsJQl9aj8voVNSG_Abk7km6VIOD3g/s1600-h/rediseno.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1KjRSHysgaADgg0bVPgVwK97GD5x4lDuZ0Qrq5dk00u-ixX1g5wib6aEqiIR_O9oFJ_yyHFoBP3O6nocPI79triQK-FiBlmtlWqzJX98F5TsJQl9aj8voVNSG_Abk7km6VIOD3g/s400/rediseno.gif" alt="" id="BLOGGER_PHOTO_ID_5063148639045576354" border="0" /></a><span style="font-style: italic; font-weight: bold;">1. La tipografía exclusiva por función</span><br />Cuando una publicación se empieza a enredar en factores técnicos, empieza a amarrar todos los elementos que la acompañan.<br />Por ejemplo, el diseñador está haciendo una revista y el concepto de diseño está resuelto (tipo de imágenes, ilustraciones, fotos, infografías, etc.), pero la elección tipográfica todavía está enredada debido a que la fuente de los titulares es demasiado ancha, angosta, o tiene una <span style="font-style: italic;">altura x</span> desmesuradamente chica. Es el momento de decidir que se hace con la tipografía. Puedes decidir cambiarla por otra que funcionalmente se acerque más a lo que deseas, o bien puedes sacrificar la legibilidad propia de la letra y trabajarla en tamaños o compresiones inapropiadas.<br />Existe una tercera posibilidad. Y es aceptar una asesoría externa y explicar el problema a un diseñador de tipos, para que juntos, a partir de lo que realmente se necesite, se ponga manos a la obra, trabajando a un grosor y condensación predeterminado, y con las características de personalidad a pedido, teniendo la posibilidad de pedir incluso varias soluciones para una misma letra.<br />Tal vez mandar a hacer una tipografía a pedido puede resultar un poco exagerado en ciertas ocasiones, pero cuando esa revista en particular tiene un tiraje y frecuencia no despreciable, la solución puede resultar muy necesaria como parte del diseño base de la retícula.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgHbPJKs-cX-a1r45CUpwOB6v7m6LvViGRQ6HpcsxI1-sV4eBMxVldY3Fc5bmnME4XeoiBFc1iCqbomXP9uopLDSch7gl4QP-w_YP_T0vNlQpqRTqpV1Hdoj7Je-spAnmiDa2oA/s1600-h/bold.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgHbPJKs-cX-a1r45CUpwOB6v7m6LvViGRQ6HpcsxI1-sV4eBMxVldY3Fc5bmnME4XeoiBFc1iCqbomXP9uopLDSch7gl4QP-w_YP_T0vNlQpqRTqpV1Hdoj7Je-spAnmiDa2oA/s400/bold.gif" alt="" id="BLOGGER_PHOTO_ID_5063128418339546738" border="0" /></a><span style="font-weight: bold; font-style: italic;">2. La tipografía exclusiva por estética</span><br />Un día, sentado en una banca me encuentro un pedazo de papel de diario. Por un lado del papel tenía parte del artículo y por la otra parte de un aviso. Curiosamente, no decía en ninguna parte a qué periódico pertenecía, y tampoco a qué empresa hacía referencia el aviso.<br />Sin embargo quedaba absolutamente claro que no podía ser otro diario que el X, y que el aviso no podía ser sino de la empresa Y.<br />Y es que sólo con ver los textos, ya puedes imaginar de qué empresa estás hablando.<br />Es entonces cuando uno como diseñador puede entender los inhumanos esfuerzos que tienen que hacer las empresas para potenciar su identidad visual, y diferenciarse lo más posible de la competencia.<br />En ambos casos (el del diario y el del aviso), las tipografías usadas poseían pequeños detallitos, apenas perceptibles para muchos, pero que podían entregar una información extra al lector.<br />Entonces podemos desprender que de un texto no sólo se puede extraer el mensaje, sino que también la forma (que puede ser susurro, grito, etc.) y ambientalidad (sensaciones representadas por el color, como ira, amor, tristeza, etc.).<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5QznaJRr5JS7F4i-kPCNFGqIfV3-tNH11aiteJkaUwtxOfcQj2j11yoAHueuo9YyronaFHfz2RqsQaK3p_a1PfEDwxA9HIhYy20J4egAR_9RDMhabqnvgh5AkxkzzIgyhROt2w/s1600-h/graficofinal.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5QznaJRr5JS7F4i-kPCNFGqIfV3-tNH11aiteJkaUwtxOfcQj2j11yoAHueuo9YyronaFHfz2RqsQaK3p_a1PfEDwxA9HIhYy20J4egAR_9RDMhabqnvgh5AkxkzzIgyhROt2w/s400/graficofinal.gif" alt="" id="BLOGGER_PHOTO_ID_5063128491353990786" border="0" /></a><br /><br /><br />En fin, lo dejo cordialmente invitado a revisar un <a href="http://jpdegregorio.googlepages.com/letritas.pdf">pequeño catálogo</a> de fuentes terminadas y otras en su proceso final, y a cotizar por el diseño de su fuente exclusiva.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com19tag:blogger.com,1999:blog-24992094.post-76112897705646048042007-05-05T00:00:00.000-07:002008-12-09T17:21:37.372-08:00El secreto del tipógrafo<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIOF49AHVhwl3FGAiuHYjMfMrna6Ffld-51TVTQ4XqKgq3G7AWpBWS7wwn1J7KyXmhb4FG_qdTi-1LoKmVhYdFzDTXRbkTGLgNSYZOks4T0GVR1LudCIzm67FVnt_IW1iJfWLdig/s1600-h/portada.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIOF49AHVhwl3FGAiuHYjMfMrna6Ffld-51TVTQ4XqKgq3G7AWpBWS7wwn1J7KyXmhb4FG_qdTi-1LoKmVhYdFzDTXRbkTGLgNSYZOks4T0GVR1LudCIzm67FVnt_IW1iJfWLdig/s400/portada.jpg" alt="" id="BLOGGER_PHOTO_ID_5060968234473252370" border="0" /></a>Cuando era un mechón (estudiante de primer año) de la escuela de diseño, en la ciudad de Chillán, mi profesor de taller insistía hasta la muerte que no diseñáramos nosotros las tipografías, que ya estaban todas diseñadas; y no por cualquiera, sino que por estudiosos “eruditos del diseño de cabellera blanca” que llevaban décadas estudiando las formas para que calcen de manera perfecta. Entonces tomábamos los catálogos de Letraset, y les sacábamos ampliaciones y reducciones hasta dar con el tamaño.<br />Un par de añitos después, conocí a <a href="http://www.det.cl">Pancho Gálvez</a> y a los <a href="http://tipografia.cl">tipografía.cl</a>. Eran todos jóvenes menores de 30 y se habían dado el gusto de hacer y deshacer con tipografía. Yo quería ser como ellos, y empecé a diseñar tipografías.<br />Orgulloso de mi trabajo, voy donde Gálvez y le muestro mi primer alfabeto. Abrió los ojos impresionado por mi primer paso, dejó de hacer lo que estaba haciendo y me dijo: “te voy a enseñar el secreto de la tipografía”.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0negu1Gludq0MvSvy8A1gtU8VZg2Gj6Sw9Xuhrtt9TMTKeFxwai12Sl57SaM6if3FTM36O2fsrFgcOHyTchS7Hl2Jm4Em5wmFpAq1S2IeZsnWPU6SCv7GlYsIyT4_gJas0IgmjQ/s1600-h/truco1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0negu1Gludq0MvSvy8A1gtU8VZg2Gj6Sw9Xuhrtt9TMTKeFxwai12Sl57SaM6if3FTM36O2fsrFgcOHyTchS7Hl2Jm4Em5wmFpAq1S2IeZsnWPU6SCv7GlYsIyT4_gJas0IgmjQ/s400/truco1.gif" alt="" id="BLOGGER_PHOTO_ID_5060968311782663714" border="0" /></a><span style="font-weight: bold;">Secreto nº1 “Las tipografías redondas son mas grandes”</span><br />Jamás me lo habría imaginado pero cuando hacía una línea de texto, habían letras como la “e, o, c” que aparecían un poquito más chicas que las demás, entonces las volvía a medir y efectivamente eran iguales. Entonces están bien hechas, me dije a mi mismo.<br />ERROR. El hecho que esté bien, no quiere decir que funcione de la mejor manera. Hay una parte de la teoría de la percepción de la forma que habla de este fenómeno, y en diseño tipográfico es uno de los secretos base a la hora de proporcionar las fuentes.<br />Éste espacio se llama “zona de ajuste perceptual”, y más o menos es entre el 3% y el 5% del tamaño de la altura x.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOr0RBXbpnjE9FGkI8l7uq1YLG3VF7ORjQOFIkQqvRf5RIsH8v7kw21cRgiO_w6v_F13woJEt3TA3MaZ-t0cwpdggeEIRuS6n03j0o5JjHS0vN7m0c6zT7t0ABQZDIA43g1LSxA/s1600-h/truco-2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOr0RBXbpnjE9FGkI8l7uq1YLG3VF7ORjQOFIkQqvRf5RIsH8v7kw21cRgiO_w6v_F13woJEt3TA3MaZ-t0cwpdggeEIRuS6n03j0o5JjHS0vN7m0c6zT7t0ABQZDIA43g1LSxA/s400/truco-2.gif" alt="" id="BLOGGER_PHOTO_ID_5060968685444818530" border="0" /></a><span style="font-weight: bold;">Secreto nº2 “La igualación de contraformas”</span><br />Es uno de los detalles que puede hacer de una buena tipografía a una gran tipografía.<br />Los grandes sabios de la tipografía, no sólo diseñan lo que se ve (el trazo) sino que diseñan lo que no se ve (contraforma), y son capaces de regular proporciones ajustando sus contraformas para que tengan pesos similares.<br />Cuando uno croquea ideas, por lo general jamás se imagina la trascendencia de la contraforma, pero lo cierto que es muy importante que sea muy clara, proporcionada, y ojala lo más simple posible.<br />En el ejemplo podemos ver la similitud en el área de la contraforma de las letras “a” y “e”, siendo un poquito más grande la que queda abierta.<br />André Gürtler, en su paso a Chile, habló incluso de proporciones ópticas y proporciones falsas. Antiguamente, las tipografías con horizontales (como la HEFSB, etc.) dejaban a propósito la contraforma superior mucho más pequeña que la inferior. Hoy en día, y con los nuevos criterios de tipografía moderna, las contraforma tanto superior como inferior, son aparentemente iguales, pero si uno las compara con la lupa, igual está presente la compensación que hablábamos en el punto anterior, dejando la inferior un pequeño porcentaje mayor, con el fin de otorgarle más estabilidad a la letra.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHc1jLI_3lwvsKyM1CA1uSfDFeSZVRgx0vrX4AUF1JkwueUYSjWV2j6mfH_BRqjnCdwOKm_GCsCR0ITPWSlNu3v11QD-KJIhzBzqaLT_9PkGuFILBsA2ymyj_vRKznJoZr_JBcTg/s1600-h/truco3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHc1jLI_3lwvsKyM1CA1uSfDFeSZVRgx0vrX4AUF1JkwueUYSjWV2j6mfH_BRqjnCdwOKm_GCsCR0ITPWSlNu3v11QD-KJIhzBzqaLT_9PkGuFILBsA2ymyj_vRKznJoZr_JBcTg/s400/truco3.gif" alt="" id="BLOGGER_PHOTO_ID_5060968380502140466" border="0" /></a><br /><span style="font-weight: bold;">Secreto nº3 “No todo lo que ves es cierto”</span><br />La obsesión por la contraforma perfecta ha ido alterando poco a poco el diseño incluso de la forma. En este sentido, los tipógrafos pretenden engañar al ojo de quien ve la letra a la rápida, y no es capaz de fijarse en los pequeños detalles como las líneas que no son continuas en el ejemplo. ¿Cuál es el objetivo? Crear contraformas mucho mayores para darle una mejor legibilidad a la letra.<br />En el ejemplo de arriba, la sección amarilla corresponde al espacio que debería cubrir el trazo. Con el fin de agrandar la contraforma entrante, se decide crear ese efecto visual que permita no crear ni imperfecciones ópticas ni formales.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZ-KebpFtSFTSFXj-IrezSapgm5C2nM1nKvPZaPIiTXxqhw6D87EV3zHv0KjeE5XwxG57D_02vOHzx7qV5Af9PWlxo66KzIXmj5fBwRfwfZfvNNF5ebOgRv7YfaMNtIju0aqKPQ/s1600-h/truco3n.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZ-KebpFtSFTSFXj-IrezSapgm5C2nM1nKvPZaPIiTXxqhw6D87EV3zHv0KjeE5XwxG57D_02vOHzx7qV5Af9PWlxo66KzIXmj5fBwRfwfZfvNNF5ebOgRv7YfaMNtIju0aqKPQ/s400/truco3n.gif" alt="" id="BLOGGER_PHOTO_ID_5060968470696453698" border="0" /></a>En el ejemplo superior, es el clásico ensanchamiento de la cabeza de la "n, r, p". El objetivo es el mismo que el anterior. Mejorar artificialmente la legibilidad de la contraforma.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBLNKzeI5CR6R0LPa5ePCerU3zYm_ihCBiknsK0H9nXyHChrVHp49Y6zJWbDxeEO0j_ci2yED63Xw08nmET3aAlZIFjwBA3l13_3PqzBPvMSDvOjYcOhjk67NMZ-P4qpHXMuSDQ/s1600-h/truco4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBLNKzeI5CR6R0LPa5ePCerU3zYm_ihCBiknsK0H9nXyHChrVHp49Y6zJWbDxeEO0j_ci2yED63Xw08nmET3aAlZIFjwBA3l13_3PqzBPvMSDvOjYcOhjk67NMZ-P4qpHXMuSDQ/s400/truco4.gif" alt="" id="BLOGGER_PHOTO_ID_5060968599545472594" border="0" /></a><span style="font-weight: bold;">Y secreto nº4 “Nunca las letras diagonales son realmente diagonales”</span><br />En ese sentido se pretende dar una adaptación al trazo diagonal, pero nunca es perfecto, ya que al hacerse continuo el diseño de las contraformas y la estabilidad de la letra corre grave peligro. Los diseñadores de letras en este caso se toman la libertad de hacer que los trazos “parezcan” fluidos, pero pensando siempre en que la contraforma sea la que manda.<br /><br />Aunque parezca que la tipografía a veces es una disciplina demasiado compleja y llena de secretos, en verdad no tiene tantos, sino que más bien son “mañas” de diseñador, que las va consiguiendo con mucha autocrítica y experiencia. Hoy, a 5 años de mi <a href="http://www.typophile.com/forums/messages/29/isabeltxt-5122.pdf">primer</a> <a href="http://typophile.com/node/4050">alfabeto</a>, me siento orgulloso y muy motivado de seguir aprendiendo. Y aún más motivado por enseñar lo que se.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com31tag:blogger.com,1999:blog-24992094.post-47960153513719841562007-04-24T01:00:00.000-07:002008-12-09T17:21:38.589-08:00Pimp my Type - Enchúlame la tipografía<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QpePKQiFJlVynbpnDGGXzmxSrENJSsgJFDXXZThdZNHvz11SuuLYkZyH9Wc3IslyJB1NSPb7SwlqfYdwf731dm5hVJWeDN9zIlCu9Y_C4FSzhlXJg2-AwCyZOLhVOsA_EsYJGg/s1600-h/pimp.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QpePKQiFJlVynbpnDGGXzmxSrENJSsgJFDXXZThdZNHvz11SuuLYkZyH9Wc3IslyJB1NSPb7SwlqfYdwf731dm5hVJWeDN9zIlCu9Y_C4FSzhlXJg2-AwCyZOLhVOsA_EsYJGg/s400/pimp.jpg" alt="" id="BLOGGER_PHOTO_ID_5056902118712226754" border="0" /></a>Hasta hace algún tiempo, había costumbres y dogmas en el diseño que yo aceptaba como si fuesen leyes divinas. Muchas de ellas, reconozco que ni siquiera las cuestioné.<br />Claro, quienes las emitían eran personajes con mucha experiencia en el diseño que por supuesto no han conseguido el respeto de sus pares por que sí.<br />Curiosamente mientras más sabes, te vas dando cuenta que van apareciendo cada día más negaciones que a la hora de poner a prueba la creatividad, salen a luz.<br />A priori sabes los colores que nunca quedan bien, las imágenes que no sirven, tamaños y composiciones que no debes usar, anchos de columna prohibidos, y obviamente las tipografías que jamás usarás, por horrendas. A ese proceso se le llama ir ganando experiencia.<br />Con el tiempo, y no entiendo por qué, me he ido dando cuenta que mi evolución de la experiencia es absolutamente contraria a la del resto de las personas, y en vez de ir cerrando mi espectro de posibilidades de elección de recursos gráficos, se ha ido abriendo en forma de: “se que no me va a funcionar, ¿pero por qué no probar?”. Es así como he ido descubriendo de a poquito un mundo nuevo a la hora de diseñar: el mundo de lo prohibido. De alguna manera, nada queda descartado hasta que me asegure de que no resulta.<br /><br />Es así como empecé a poner en tela de juicio la primera ley del diseño gráfico y tipográfico: NO USES TIPOGRAFÍAS GRATUITAS.<br /><br />Claro, habiendo tanta tipografía bien hecha llegar y comprar, ¿por qué ir a buscar una tipografía gratis que no tiene acentos, ni números, ni signos básicos, ni versiones itálicas, que no tienen pares de kerning, más encima están mal trazadas, muchas veces mal conceptualizadas y mal resueltas técnicamente?. <span style="font-size:85%;"><span style="font-style: italic;">(puede hacer click sobre las imágenes para verlas a tamaño real)</span><br /></span><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMaCpM4KngjP3nUurdeqbdmqh7RfA79pz8FTTwFZpXU7GpWTbGV7ors4LNvCzZQITE85f6Tb8375hoJeR_l-IH_xpx7pA_A88wLQSMu5lceV6qcvWfS-XyWIjkq6Iudle1eesfzg/s1600-h/3.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMaCpM4KngjP3nUurdeqbdmqh7RfA79pz8FTTwFZpXU7GpWTbGV7ors4LNvCzZQITE85f6Tb8375hoJeR_l-IH_xpx7pA_A88wLQSMu5lceV6qcvWfS-XyWIjkq6Iudle1eesfzg/s400/3.gif" alt="" id="BLOGGER_PHOTO_ID_5056905516031357986" border="0" /></a>Es así como los diseñadores experimentados niegan tajantemente trabajar con tipografías gratuitas sin siquiera darle a esta, una oportunidad de defenderse. Es tan así, que no se qué hago tratando de defender lo indefendible. No sé quien las diseña, pero con un simple juicio puedo suponer que una gran mayoría de ellas de ellas son escaneadas de catálogos antiguos y autotrazadas. Supongo también que pueden ser diseñadas por estudiantes de alguna cátedra de tipografía de alguna universidad del mundo. O tal vez la hizo algún desinteresado aficionado. En fin, cualquiera sea la razón que motivó su creación, hoy en día está circulando como ttf en alguna página gratuita de distribución de fuentes.<br /><br />Voy a contar un caso personal. Mientras trabajaba para una agencia, surgió un encargo urgente de una empresa que no tenía el tiempo de comprar tipografías. Había que arreglárselas con lo que haya. Mi primera idea fue ir a <a href="http://www.dafont.com/">Dafont</a>, y tratar de encontrar algo que me sirviera.<br />Necesitaba hacer un par de etiquetas para una línea de moda infantil, y <a href="http://www.dafont.com/font-on-a-stick.font?nb_ppp=50">esta tipografía</a> fue la que supuse que más me iba a servir. La fuente tenía todo lo que no me servía, pero a la vez, todo lo que necesitaba para que mi diseño fuera bueno, bonito y barato.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8jBKX-w0zCOfIuOA1J_A_sww1G_hjjw3DIxn9iutM7srl5HqX_n8ohsU5A8NjW2A-6r5zD32J8GR0oCAswA5bKeMVQ8yq3M3hgDgIqkovYvZaSz1Vu6hifOB6GLg6Fnv3FXAtg/s1600-h/1.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq8jBKX-w0zCOfIuOA1J_A_sww1G_hjjw3DIxn9iutM7srl5HqX_n8ohsU5A8NjW2A-6r5zD32J8GR0oCAswA5bKeMVQ8yq3M3hgDgIqkovYvZaSz1Vu6hifOB6GLg6Fnv3FXAtg/s400/1.gif" alt="" id="BLOGGER_PHOTO_ID_5056902234676343762" border="0" /></a>Lo primero que hice, fue llevar la tipografía a mi programa de vectores y escribí “Cintillo Elasticado”. Obviamente <span style="font-weight: bold;">no me gustó</span>, pero traté de ser lo más objetivo posible y analicé el por qué:<br />-No me gustaba esa textura externa que tenía.<br />-No me gustaba el grosor que tenía<br />-No me gustaba lo cerradas que estaban las contraformas<br />-No me gustaba que las letras estuviesen tan sistemáticamente desordenadas<br />- No me gustaban los puntos de unión entre trazos<br />- Y por último no me gustaba la diferencia de la espontaneidad de los trazos (unos muy cuidadosamente trabajados y otros muy torpemente resueltos)<br /><br />Lo que <span style="font-weight: bold;">si me gustaba</span>:<br />-El concepto base de la letra.<br />-El carácter informal que posee<br />-La proporción de ascendentes, descendentes y altura x<br />-La trabajabilidad que me ofrecía<br />-La legibilidad de su forma<br />-Y por último, la relación romana-manuscrita que poseía.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPeO5kpBcXVOYoBY6vA36FkJJfs1hOn1esWjNUJPvDmasPcqB630elKL16EmFNN2tHKarrU1mdbDphYb6WX0nWrCxi1LNAYs9pvNsqyq1T-d_XqbQ6L4UWXJ2swrsJPh4c-UxHmg/s1600-h/4.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPeO5kpBcXVOYoBY6vA36FkJJfs1hOn1esWjNUJPvDmasPcqB630elKL16EmFNN2tHKarrU1mdbDphYb6WX0nWrCxi1LNAYs9pvNsqyq1T-d_XqbQ6L4UWXJ2swrsJPh4c-UxHmg/s400/4.gif" alt="" id="BLOGGER_PHOTO_ID_5056902737187517426" border="0" /></a>La cosa era tan sencilla como calcar el trazo de la tipografía gratuita que recién había bajado, y empezar a hacer las correcciones sobre la misma, probando y tratando de ir corrigiendo la mayor cantidad de posibles errores.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpZuvIDM-Na26PmRQj9FJMymtA7O0dof_MUtm2edZVOr5gXT2FACyswR4B9tnUK5na5WV6Yuxs6BYonjh-fyEVfcP5Q5lJYB4dfIZLtruUffzn5jtU3jD5SR895ROyXUrDWZY8g/s1600-h/6.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKpZuvIDM-Na26PmRQj9FJMymtA7O0dof_MUtm2edZVOr5gXT2FACyswR4B9tnUK5na5WV6Yuxs6BYonjh-fyEVfcP5Q5lJYB4dfIZLtruUffzn5jtU3jD5SR895ROyXUrDWZY8g/s400/6.gif" alt="" id="BLOGGER_PHOTO_ID_5056903630540715026" border="0" /></a>Es así como en un par de minutos la tipografía comenzó a mejorar sustancialmente y con sólo un par de puntos absolutamente controlados podía diseñar la cantidad de letras que quisiera. Podía tener 20 tipos de a en menos de 2 minutos; tan sólo bastaba arrastrar la letra con el alt, hacerle una pequeña modificación y pasar a la siguiente.<br /><br />Creo que muy pocas veces el proceso de elección tipográfica había sido tan corto como el de ese día, y jamás tuve un resultado tan espontáneo y versátil como el que logré.<br /><br />En fin, con este artículo no pretendo crear conciencia de usar tipografías gratuitas a destajo, sino que a veces es muy bueno retroceder varios pasos, para volver a mirar lo inmirable, y tener la altura de mira para rescatar lo bueno de las tipografías “menos académicas”.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jNdcEYrDNKM8SP5Mm22VfHQZ56B6nPFcSuk-hxeIPqlQMScQkxjwGBI3KbuvBYqH0x9thjq2bfLsxjdhjEcEg9pAWsy5BcjN6-fVeZbnHwvxiZDOPt9BKjMZVUK_gBiBDzCC2Q/s1600-h/5.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jNdcEYrDNKM8SP5Mm22VfHQZ56B6nPFcSuk-hxeIPqlQMScQkxjwGBI3KbuvBYqH0x9thjq2bfLsxjdhjEcEg9pAWsy5BcjN6-fVeZbnHwvxiZDOPt9BKjMZVUK_gBiBDzCC2Q/s400/5.gif" alt="" id="BLOGGER_PHOTO_ID_5056903334187971586" border="0" /></a>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com23tag:blogger.com,1999:blog-24992094.post-1172810708040138432007-03-01T20:29:00.000-08:002007-03-01T21:01:33.466-08:00La mayúscula y la señalización<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/154/407438092_07fe188459_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/154/407438092_07fe188459_o.jpg" alt="" border="0" /></a>Cuando existen dudas en el diseño no hay nada mejor que retirarse un poco del computador y tomarse la vida con calma. La pregunta era ¿por qué a pesar de que cientos de estudios de lectura dicen que las mayúsculas son menos legibles, la gente insiste en utilizarlas?.<br />Creo que es una mala costumbre muy personal que no se si esté bien, pero nunca he tomado la lectura de los libros como un dictamen bíblico, y aunque reconozco que me pueden ayudar debo reconocer que nunca sentenciarán mi postura de enfrentar el diseño.<br />Entonces empecé a recorrer carreteras poco importantes con mi cámara y las conclusiones empezaron a aparecer enseguida.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/173/407438090_db572f1a81_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/173/407438090_db572f1a81_o.jpg" alt="" border="0" /></a>Prácticamente todos los letreros de señales estaban diseñados con mayúsculas, y a pesar de tener un horrible tratamiento y una mala elección tipográfica, se lograban leer a lo lejos.<br />¿Qué tienen las mayúsculas que no tengan las minúsculas?. Miro a mi alrededor y todo está escrito en mayúsculas, CARNICERÍA, ZAPATERÍA, etc.<br />Entonces voy a consultarle a los libros, ya que es en estos momentos donde empieza a temblar la teoría: ¿será que la caja alta tiene mayor impacto y legibilidad que la baja?<br />Tomé mis libros de tipografía y comencé a revisar qué es lo que hace a una tipografía legible, sin embargo todos estaban orientados al diseño de textos extensos y cómo la tipografía puede realmente potenciar la comprensibilidad de una publicación. Pero nada con respecto a las señaléticas y pequeñas frases o palabras.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/176/407438095_a6fe2e2824_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/176/407438095_a6fe2e2824_o.jpg" alt="" border="0" /></a>Fue entonces donde se me empezaron a venir a la mente ejemplos donde la caja alta alcanza aporta al diseño de información, como los letreros frontales de micros.<br />La verdad es que éste ejemplo me conmueve porque realmente no entiendo cómo puede funcionar de la manera que lo hace (¿será que los leemos con facilidad porque sabemos con anterioridad lo que dice?).<br /><br /><br /><span style="font-weight: bold;">Complejidad de la línea de texto</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/146/407438086_ef6442e9a1_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/146/407438086_ef6442e9a1_o.gif" alt="" border="0" /></a>Si comparamos las letras en mayúsculas y en minúsculas, podríamos concluir que la gran diferencia entre la caja alta y baja, es que las mayúsculas poseen una altura constante que la minúscula no posee. Las mayúsculas son capaces de crear bloques sólidos horizontales.<br />En el ejemplo vemos como la mayúscula es capaz de formar bloques simples, mientras que la minúscula posee “extensiones” que van diseñando el la <span style="font-style: italic;">forma externa</span> de la línea de manera aleatoria.<br />Pero, ¿qué beneficio puede tener una tipografía con una altura idéntica, si lo que precisamente le da la legibilidad a la letra son las ascendentes y las descendentes?.<br />Sencillo, porque cuando uno lee textos continuos, uno no va descifrando letra por letra, sino que lee la línea completa, y es ahí donde las pequeñas diferencias de estatura cobran una importancia fundamental.<br />¿Pero qué pasa con las minúsculas en textos cortos o diseño de palabras?<br />Curiosamente, lo que funcionó en textos extensos, no tiene el mismo funcionamiento en palabras o frases cortas, debido a que el uso de ascendentes y descendentes, como aparecen de manera aleatoria, tienden a estorbar más que a aportar (una palabra puede tener dos ascendentes, otra una, o puede no tener; mientras que algunas tienen descendentes y otras no).<br /><br />La manera de leer palabras es muy distinta a la de leer textos. La lectura funciona de una manera muy distinta también. Son objetivos distintos. La palabra no necesita comprensibilidad, necesita impacto. Que su <span style="font-weight: bold;">forma impacte</span>.<br />El texto por más corto que sea necesita <span style="font-weight: bold;">ser comprendido</span>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/162/407439539_1bddefc57e_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/162/407439539_1bddefc57e_o.gif" alt="" border="0" /></a>Si nos dedicamos a estudiar la complejidad de formas externas de la letra, podemos decir que la forma externa de las minúsculas están basadas en formas redondas, mientras que las mayúsculas responden a formas más cuadradas.<br />Por esta razón, los procesos de diseño suelen ser distintos unos de otros, ya que las minúsculas se diseñan por proporciones ópticas, mientras que las mayúsculas por sistematización de espacios.<br />Esta sistematización de espacios es la que permite que se pueda abordar de mejor manera el diseño de bloque, y crear diseños casi a partir de una grilla, algo impensado para las minúsculas, sin embargo, existen varias letras que su dibujo en mayúsculas y minúsculas son iguales (marcadas en rojo) y diseños que son muy similares (en el ejemplo resaltadas en café). <span style="font-style: italic;">Click sobre la foto para agrandar</span><br /><br /><span style="font-weight: bold;">El cartelismo y la evolución de las mayúsculas</span><br /><br />Hace un tiempo, una revisión de las proporciones populares del <a href="http://garabatitos.blogspot.com/">diseño de las mayúsculas</a> y su uso, me llevo a obtener una serie de conclusiones que pueden ser bastante interesantes y que ya venía trabajando inconscientemente en los diseños de tipografía de texto.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://static.flickr.com/142/318053119_4e013c1108_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://static.flickr.com/142/318053119_4e013c1108_o.jpg" alt="" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/157/407438096_0d53ec90cc_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/157/407438096_0d53ec90cc_o.jpg" alt="" border="0" /></a><br />La proporción minúscula para las mayúsculas ofrece una legibilidad mayor que las mayúsculas compuestas entre si, en el diseño de palabras simples. Una de las razones es que las de caja alta no están diseñadas para que interactúen entre sí, sino que para que acompañen a las minúsculas.<br />En ese sentido, siempre es bueno escoger un diseño extra de fuentes que contenga una versión en versalitas o similar.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/138/407438085_48237f4ee0_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/138/407438085_48237f4ee0_o.gif" alt="" border="0" /></a>En el ejemplo podemos ver el funcionamiento y legibilidad de una palabra en mayúsculas con proporciones minúsculas, en comparación con una en minúsculas y otras en las mayúsculas correspondientes.<br /><br />En el diseño de palabras, al igual que en el diseño de tipografías textos, el principal elemento a perseguir, no es responder a lo que creemos correcto, o lo que estudiamos en los libros, sino que es buscar la mejor legibilidad de la línea.<br />¿Esto desacredita entonces a los antiguos teóricos que desarrollaron sistemas tipográficos para señalización y clasificación de elementos, para ser identificados de manera más fácil?<br />No, simplemente estas son pequeñas observaciones tipográficas no tan trascendentales que permiten una pequeña reflexión sobre el diseño.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com36tag:blogger.com,1999:blog-24992094.post-1171395789587756772007-02-13T11:28:00.000-08:002007-02-13T12:03:53.023-08:00Alterando el concepto de la letra<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/145/389367831_c735cc0083_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/145/389367831_c735cc0083_o.jpg" alt="" border="0" /></a>El artículo anterior trataba de la <span style="font-style: italic;">personalidad o idiosincrasia </span>de las tipografías, de alguna manera haciendo referencia a la creación de fuentes.<br />Este artículo es un pequeño ejercicio de modificación tipográfica, con el objetivo de lograr los resultados deseados.<br />Muchas veces las tipografías que tenemos no nos sirven, pero si tuvieran ese pequeño detallito que queremos, nos serían realmente muy útil.<br />Este “customizado”, “enchulamiento”, o modificación de la tipografía es el que le da un valor agregado a nuestros diseños.<br />Voy a analizar un pequeño caso real de modificación tipográfica.<br />La agencia de motion graphics <a href="http://www.daf.cl">Daf</a>, me encargó diseñar líneas de texto para un nuevo programa de televisión, llamado <a href="http://reportajes.canal13.cl/reportajes/html/Fenomenos/index.html">fenómenos</a>.<br />El concepto base del programa, era hacer una revisión a los sucesos paranormales que nos ocurren. Apariciones, fantasmas y situaciones anormales.<br />Antes de partir, el director de arte propuso una idea base, que buscaba presentar el programa de tal manera, que el conjunto de actos diera cuenta que se están investigando archivos ocultos. Profanos.<br />La idea no era ocupar una tipografía muy expresiva, sino que a partir de una muy conservadora, hacerle los cambios suficientes para que pierda el espíritu del tipo de texto y pase a ser algo más “profana”. Que mantenga el mismo concepto de forma, pero que se trabaje la estructura, superponiendo, extrayendo y modificando trazos y terminales.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/133/389367833_ee124b98d0_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/133/389367833_ee124b98d0_o.gif" alt="" border="0" /></a>Rauco era una tipografía que estaba llevando a cabo desde hace algún tiempo, y su inexpresividad y carácter conservador la hacían ideal para el encargo. Creo además que era un plus conocer el lenguaje y concepto de las curvas y terminaciones, para poder modificarlas.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/156/389367830_9583f92da3_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/156/389367830_9583f92da3_o.gif" alt="" border="0" /></a>El objetivo, fue siempre ir descontextualizando remates y terminaciones, y detalles propios de la letra, produciendo sistemas de interesantes <a href="http://letritas.blogspot.com/2006/06/el-gag-tipogrfico_08.html">“gags tipográficos”</a>.<br />Luego de tratar de trabajar en caja baja, entendí que las ascendentes y descendentes tienen una función muy particular, que es diferenciar los caracteres. En ese sentido, aparte de la “f”, la “j”, la “y” y la “g” y la no hay más letras que contengan la información de la letra fuera de la “altura de la x”. Por lo que rescaté esas 4 y las demás se trabajan en versalitas y cajas mezcladas. La idea es crear cajas alternas, sin minúsculas ni mayúsculas, sino que ubicadas de manera aleatoria pero cumpliendo la misma función.<br />De esta manera, la “n”, perdió su serif inicial y adoptó la terminación de la “a”, pero sin su colita. Algo así como <a href="http://www.dutchtypelibrary.nl/PDF/M504/DTLProkyon_M504.pdf">prokyon</a>.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm1.static.flickr.com/124/389367834_cb1d48ea20_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://farm1.static.flickr.com/124/389367834_cb1d48ea20_o.gif" alt="" border="0" /></a>Finalmente, no todas las letras tienen que tener alteraciones. Si sabemos trabajar las letras que entregan sus particularidades, podemos lograr un muy eficaz resultado.<br /><br />El resultado es el siguiente:<br /><br /><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/7Askd6egBGs"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/7Askd6egBGs" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></object>Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com14tag:blogger.com,1999:blog-24992094.post-1167723688499544782007-01-01T23:31:00.000-08:002007-01-25T21:11:55.176-08:00Tipografía con personalidad<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3183/1412/1600/514933/pilines.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3183/1412/400/800536/pilines.gif" alt="" border="0" /></a><br />Hace un par de semanas, en una reunión con algunos amigos también diseñadores hablamos del eterno problema de la elección tipográfica. La gente siempre usa las mismas fuentes: <a href="http://www.myfonts.com/search?search%5Btext%5D=meta">Meta</a>, <a href="http://www.myfonts.com/search?search%5Btext%5D=scala">Scala</a>, <a href="http://www.myfonts.com/search?search%5Btext%5D=helvetica">Helvetica</a>, <a href="http://www.lucasfonts.com/cgi-bin/loadframe/lucasfnt/thesans/sans-.html">The sans</a>, <a href="http://www.myfonts.com/search?search%5Btext%5D=garamond">Garamond</a>, etc.<br />Me preguntaron si era por ignorancia o por irse a la segura. Y la verdad es que nunca me lo había pensado, ya que yo no compro tipografía porque uso sólo de mi creación, y si ninguna de las que he hecho me satisface, la invento en seguida. Es mi manera de darle un valor extra a mis diseños.<br />Lo que pasa, dijo otro, es que el proceso de elección no existe, sino que se elige por eliminación. La "g" de cierta tipografía no me gusta, la "o" traga mucho aire, etc. En fin, de las pocas tipografías que quedan, elegimos una. Y siempre las finalistas son las mismas.<br />La acotación no podía ser más acertada y es un tema de discusión entre los diseñadores de tipos la decisión de cuanta personalidad tiene "mi tipografía". Cuanto de funcional y cuánto de ornamental tienen las tipografías.<br />La conversación se empezó a poner interesante y empezamos a sacar rápidamente conclusiones.<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3183/1412/1600/959274/forma.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3183/1412/400/631868/forma.png" alt="" border="0" /></a>Las tipografías poseen una estructura mínima, esta estructura rige sus proporciones, pero no toca la forma final. Es como nuestro cuerpo, tiene un alto y una serie de proporciones que no las podemos cambiar. Sobre este cuerpo desnudo e invisible, la tipografía empieza a vestirse con la forma, tomando cuerpo y proporciones formales, contrastes, tipos de curvas, tipos de texturas de contorno, etc.<br />Anteriormente, en el post del juego de la fiesta de disfraces lo habíamos revisado.<br />Es en este momento cuando le podemos dar la capacidad a la tipografía, de que se convierta en informativa o de llamados (texto o display). Que su estructura base sea racional o expresiva.<br />En el ejemplo podemos apreciar 3 vestimentas para una misma estructura. Y aunque pueda parecer imposible pensar que las 3 formas puedan tener algo en común, una vez que vemos la estructura y podemos identificar cierta estandarización del contenido de la letra, podemos imaginar tantas vestimentas se nos vengan a la cabeza. (<span style="font-style: italic;">clic sobre las imágenes para ver detalles</span>).<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3183/1412/1600/626089/ge.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3183/1412/400/800425/ge.png" alt="" border="0" /></a><br />Sin embargo, muchos tipógrafos deciden alterar pequeños rasgos en el diseño de sus estructuras con el fin de lograr los propósitos de forma o de estilo que creen correspondiente. Pero si hay tipógrafos que son capaces de vestir de manera hermosa una estructura clásica y conservadora, también hay diseñadores que suelen darle <span style="font-weight: bold;">expresividad </span>a la estructura invisible de la letra, sin alterar las proporciones conservadoras, logrando curiosos resultados, con los más diversos niveles de aprobación. Y es que los tipógrafos cuando empiezan a jugar con estructuras poco convencionales, saben que en parte, están hipotecando la buena legibilidad de la letra (<a href="http://letritas.blogspot.com/2006/04/15-tips-al-elegir-un-buen-tipo-de.html">tip 1</a>). Es decir, por un lado sienten esa incontenible pasión por hacer algo nuevo, pero a la vez con el convencimiento de que la línea de la tolerancia puede ser traspasada. Y muchas veces, es ese traspaso el que determina de alguna manera el éxito de la fuente.<br />En el ejemplo podemos apreciar como la estructura a veces es distorsionada con el fin de lograr propósitos expresivos.<br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/3183/1412/1600/2600/detalles.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/x/blogger/3183/1412/400/288789/detalles.png" alt="" border="0" /></a>Así como algunos tipógrafos son capaces de diseñar formas vistiendo las estructuras con bellas soluciones, existen otros que pretender ir un paso más allá, y son capaces de darle un valor agregado a las formas (que puede ser despreciado o admirado), otorgándole un sobrediseño a dichas soluciones.<br />El profesor <a href="http://www.det.cl">Rodrigo Ramírez</a>, bautizó ese sobrediseño de detalles como "pilines", dando a entender que eran "cositas" que no beneficiaban en nada la funcionalidad de la letra, y que no siempre cumplen con el objetivo de embellecimiento.<br />En fin. Hablar de <span style="font-style: italic;">pilines</span>, no siempre es hablar de desaciertos formales, ni de formas que estorban, ya que muchas veces estos están asociados directamente con el concepto de la letra y la hacen funcionar muy bien.<br /><br />Para terminar, es bueno mencionar que los tipógrafos más experimentados son capaces de darle una personalidad especial a sus tipografías, porque saben a que letras darle una personalidad especial. Algunos eligen la "g", otros la "s", otros la "f", otros, la "k", la "Q", etc.<br />Pero ¿por qué los expertos no le dan un carácter especial a las vocales? Simplemente porque saben que las vocales son las letras que más se repiten, y que el gesto que en un momento se reconoce como bello, al verse repetido con tanta frecuencia termina aburriendo.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com24tag:blogger.com,1999:blog-24992094.post-1165468269166975212006-12-06T20:47:00.000-08:002009-11-08T15:50:31.141-08:00Romeral, tipografía para titulares<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://static.flickr.com/107/316192267_14df1312db_o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://static.flickr.com/107/316192267_14df1312db_o.jpg" alt="" border="0" /></a><span style="font-style: italic;">Romeral</span> es una de las tipografías de titulares que diseñé a principios del 2004 para acompañar expresivamente a mis <a href="http://letritas.blogspot.com/2006/05/chcara-una-tipografa-econmica.html">tipos de texto</a>.<br />La idea de Romeral es precisamente dar un fuerte golpe visual, llamando a la lectura con su poderoso grosor. Curiosamente, la idea de base era buscar la manera de llenar la zona de titulates con color, con el fin de crear los ambientes apropiados para producir un cómodo acercamiento a la lectura.<br />Hoy en día, una tipografía de titulares difícil de modificar hace muy complicado al diseñador poder trabajarla cómodamente, ya sea en composiciones de texto modificado, o en logotipos. Las formas rectas y muy geométricas de romeral, permiten modificar sus puntos sin ser un experto tipógrafo, con el fin de lograr fácilmente los ansiados textos personalizados.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://static.flickr.com/111/316195502_cc1cc59fa0_o.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://static.flickr.com/111/316195502_cc1cc59fa0_o.gif" alt="" border="0" /></a>La versión complementaria inline de la tipografía, hace que pueda tener una alternativa de uso que puede incluso ser utilizada para ser usada como la tipografía de base.<br />Quien esté interesado en la tipografía, puede <a href="http://felipepimentel.com/type/romeral">bajarse el pdf</a>, o bien bajársela de acá:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://844198292897682319-a-1802744773732722657-s-sites.googlegroups.com/site/jpdegregorio/Home/romeral.zip?attachauth=ANoY7cqR96W9Gb2f7utpfY8UKUCrnTrAmUDBNGTlKvsdDjmNYcwNfW10uZmbAgy5OhS7btBS-59SUHQlBxza4X8zRsKL1zLdyKpL49A6PIIGSBAVGrZCmQ6A0BAKEAr4nJiQJM3HxmYeSISS5W1ZZT7Qj0pTTqnFMAxWUf-Tq9ONpy48luWASj2tbGjldJC-MfdH_C8b0OX2gSMawf1Z0YQ6cxDiauWzRw%3D%3D&attredirects=0&d=1"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 200px; height: 51px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1RR4c09sW4asnjjchNDsaKQiDPlw19ICZQs4sB4pGoUyP3NF6e2BIKgcNcp3I0geEr7CERCLgXLLrCG_dkCgYAbq-e_yqZOh670GvwU1ruGlH32VYIPer2b0Kp962RwTccXUlMQ/s400/romeral.gif" alt="" id="BLOGGER_PHOTO_ID_5358395794614790530" border="0" /></a><br />De antemano agradezco el apoyo que le han dado al blog. Gracias.Juan Pablo De Gregoriohttp://www.blogger.com/profile/15031875415582303528noreply@blogger.com102