Estas en Bocetos Gráficos

Bienvenidos al sitio del diseñador gráfico!.

Un lugar para encontrate con tu inspiración

Diseño editorial, gráfico, infografico, ilustraciones, Packaging y todos los etc, que necesites

Que no falte nada en tu cabeza

Briefing, Color, Computación, Corel, Curiosidad, Cursos, Descargas, Diccionarios y Glosarios, Hardware, Historia, Identidad Corporativa, Illustrator, Imprenta, Libros, Marketing, Photoshop, Publicidad, Recursos, Señaletica, Software, Tutoriales, Vectores

TIPOGRAFIAS

Fuentes para descargar,familias tipograficas, tipografos,¿como hacer tipografias?, software .

Diseño Editorial

Libros, revistas, catalogos, folletos, tripticos, menú, plantillas.

14 julio 2014

Corrector ortográfico

Uno de los males de los diseñadores, es la falta de conocimiento en ortografía, o el cansancio que muchas veces nos juega una mala pasada y escribimos invirtiendo el orden de las letras o los que sufren disgrafía. En la web encontramos varios correctores online.  Acá dejo uno de los mejores.


Link | Corrector

11 julio 2014

Una marca institucional reconocida en todo el país!

El Automóvil Club Argentino cumplió 110 años
El 11 de Junio de 1904, un puñado de fanáticos (de una cosa recién nacida llamada automóvil) fundó el A.C.A., una de las instituciones más federales de la Argentina. El magazine Rumbo hace un excelente síntesis. Sino tienen su historia en su página web

Rumbo | Link
A.C.A. | Link

Pero los que nos interesa en este sitio es su marca institucional que ha ido evolucionando con el paso del tiempo. Hasta la década del 30 no tenían un imagen que los representara, por lo que el Ing. Vilar creo la icónica señal que conocemos. El símbolo del A.C.A. – El muñeco- configura la silueta de un agente de tránsito haciendo señal de parada. La cabeza está representada por la insignia del club y en el brazo extendido se reproducen las iniciales de la entidad . En cuanto al tronco de la figura así estilizada se reproduce el tramo del camino que corresponde a la próxima estación.




24 junio 2014

Cubierta del libro PSD Mockup (Maqueta)

Los mockup cada vez son más útiles y hay para todos los gustos y necesidades.

Acá tenés un maqueta en PSD de la portada de un libro diseñado en alta resolución.
Es una maqueta simple pero creativa que realmente llama la atención.  Esa es una manera segura de impresionar a su cliente de como quedaría su libro
Usarlo es muy fácil, basta con sustituir los objetos inteligentes. por lo que con algunas algunos conocimientos básicos en Adobe Photoshop esta plantilla PSD te ahorrará tiempo y esfuerzos
Pero lo mejor es que estas limitado por este mockup ya que podes mejorarla. Podes crear algo aún mejor con sólo usar el archivo PSD como punto de partida.
Se utilizo una fuente fresca denominada "cinzel". Pero no te preocupes, es una fuente gratuita proporcionada por Google Fuentes.





Descargar | Link
Familia fuente | Zip

Resolución: 1000 × 800 píxeles
Formato de archivo: PSD
Fuentes: cinzel
Tamaño del archivo: 0,928 MB
Autor: Free PSD Archivos

19 junio 2014

Google Font

Desde hace unos años Google Fuentes ha estado recopilado muy buenas tipografías, de código abierto para la web, rápida y sobre todo gratis. Google Fuentes es una colección absolutamente impresionante de fuentes que se puede utilizar sin ningún tipo de restricciones, en tus documentos de Office, diseños de Photoshop o cualquier otro programa de computadora. 

Todas las fuentes web de Google se ofrece bajo la licencia Open Font lo que significa que puede usarlos incluso en proyectos comerciales sin tener que preocuparse por problemas de licencia. 

Hay dos maneras de descargar Google Fuentes a tu computadora 
Si queres tener una copia de todas las fuentes de Google a nivel local, sólo tenes que ir a googlecode.com y descargar todo el directorio fonts utilizando herramientas como leeching HTTrack o Wget. La colección completa pesa alrededor de 700 MB, por lo que puede tomar un tiempo para descargar, dependiendo de tu conexión a Internet. 

La otra forma y mas recomendable es la descarga selectiva. Abrí el directorio de Google Fonts, elegís sus tipos de letra favoritos y los agregas a una colección. Una vez que haya seleccionado todas las tipografias que querías, hace clic en el enlace "Descarga YA la Colección" en la parte superior y se descargara un archivo zip que contiene todas las fuentes solicitados en formato TTF. 

Después descomprimí la colección y arrastra los archivos TTF individuales a la carpeta de fuentes. 


Link | Google Font

10 junio 2014

Alan Fletcher


Realmente resumir la vida de Alan Fletcher no fue nada fácil. Así que empece desde que era estudiante durante los años cincuentas, en la que asistió a 4 diferentes escuelas de arte, abandonando la escuela en Hammersmith buscando un ambiente más motivador, así se encontró con sus futuros compañeros Colin Forbes y Theo Crosby. Después de graduarse del Central School, se dedicó un año a enseñar inglés en Barcelona y después ganar un lugar en el Royal College of Art.

En 1963 Fletcher y muchos de sus compañeros crearon el Design and Art Directors’ Association – conocido como D&AD – como la respuesta Inglesa a la New York Art Directors’ Club. Trabajaron mucho para montar su primera exhibición, una selección de lo mejor del arte y diseño del año en las paredes de un espacio alquilado en el Hotel Hilton. Los clientes que llegaron al show se impresionaron y los diseñadores y directoras de arte participantes fueron capaces de incrementar sus tarifas en un margen considerable. Esta  exhibición fue un paso importante para elevar el perfil del diseño en la industria británica.

Llego a Estados Unidos en 1956 y en los siguientes dos años Fletcher absorbió tanto diseño estadounidense como pudo. En la escuela de Yale tuvo el privilegio de tener como maestros a la eminencia del diseño Paul Rand y al artista Josef Albers.

En 1971, Fletcher se le ocurrió la idea de un nuevo nombre que reflejara el espíritu de su estudio: Pentagram, una estrella de cinco puntas, cada uno punta para cada socio. Después de la ligera incomodidad que provocaba el término comúnmente asociado a la brujería, los socios decidieron adoptarlo.  De esta manera, Fletcher ayudó a establecer el modelo de combinar asociaciones comerciales con independencia creativa.

En un periodo de 20 años la firma creció de 5 a 11 socios y abrieron oficinas en Nueva York y San Francisco. En la vista de su expansión, mantuvo los equipos más económicos, usualmente empleando entre 2 a 5 personas. Esto permitió combinar proyectos de identidad a gran escala, como el Commercial Bank of Kuwait, con co
misiones a pequeña escala que ofrecían mayores posibilidades para su ingenio gráfico e idiosincrasia. El portafolio de Fletcher en esos años es una combinación de cuidadosos diseños de marcas gráficas y espontáneas epifanías gráficas
También desarrolló alguno de los esquemas gráficos más memorables de la era. Destacan las identidades de Reuters, Institute of Directors y el de Victoria & Albert Museum, y su marca en el diseño de libros como director creativo de Phaidon.

Fletcher falleció en el 2006, sin embargo su gran influencia en el mundo del diseño, dígase, Pentagram, el DA&D y su manejo de  tipografía son ahora legado del cual aún sirven de inspiración para muchos.

Fuentes | Museo del Diseño 
Sitio | Fletcher 

06 junio 2014

Ahorrar millones cambiando una tipografia

Un estudiante de 14 años propuso ahorrar 400 millones de dólares. La idea se la planteó al presidente de Estados Unidos, Barack Obama. Y es muy simple, porque se logra cambiando la tipografía de los documentos oficiales del gobierno de ese país, que hoy se escriben e imprimen con Times New Roman, cuerpo 12, por Garamond del mismo tamaño. Su autor es el estudiante Suvir Mirchandani, quien llegó a esa conclusión mientras investigaba cómo su escuela, ubicada en un suburbio de Pittsburgh, podía ahorrar papel y tinta. 
Después de recabar información sobre la cantidad de impresiones que se realizan en la administración federal, el joven concluyó que el ahorro sólo en tinta podría llegar a un máximo de 394 millones de dólares, sin contar el menor uso de papel y la consecuente disminución de los daños ambientales. La letra Garamond es una de las más antiguas, fue diseñada por Claude Garamond, un editor francés que vivió entre 1490 y 1561. 



FUENTE | Tarjeta Naranja

12 mayo 2014

Latas para packaging en PSD

Gratis lata maqueta en PSD diseñado en 3 estilos.

Estos mockup en PSD son muy útil para los que están involucrados en la fabricación y diseño de pack.  Con estos 3 diseños en PSD podes mostrar cómo se vería un producto real.
Todas las capas son completamente editable y muy fácil de manejar, incluso para los que recién empiezan en el diseño, vas a poder cambia los colores, formas y efectos en tan sólo unos pocos clics. Se utilizo una fuente gratuita y puede ser descargado desde DaFont,  la fuente es Ballpark

Las lata maqueta en PSD son perfectos para:
Demostración.
La presentación de las promociones.
Evaluación del producto.
Manufacturing.

Descarga | freepsdfiles.net
Tipografia | DaFont

Resolution: 1680×1050px
File Format: PSD
Fonts: Ballpark
File Size: 0.611 MB
Number of Items in Set: 3
Author: Free PSD Files

21 abril 2014

11 abril 2014

Hace tus tipografias

Font Constructor es un programa (gratis)

Se trata de un software libre de muy fácil manejo, que permite crear tipografías de forma muy rápida y simple, en el video de más abajo se muestra como usar dicho programa y como modificar algunas formas básicas… Trabaja con curvas Bezier y es posible crear formas desde cero. En la misma pagina hay tipografías para descargar.

La verdad todavía no lo probé pero parece estar bueno… si lo usan, me cuentan…

Font Constructor | Link

09 abril 2014

Tipografías para señales (6)

Parisine Jean François Porchez (1996)

Jean François Porchez es uno de los tipógrafos más talentosos e inquietos de la generación digital. Nacido en 1964, con apenas treinta años se convirtió en uno de los nombres de referencia en tipografía para periódicos, al lograr con sus tipos Le Monde Journal/Le Monde Sans desterrar en 1994 a la Times New Roman del gran diario francés. Eso es lo que se dice debutar a lo grande.



Porchez es el “tipógrafo de referencia” en Francia, le han sido encargadas algunas de las tipografías más emblemáticas del país, como la de la nueva señalética del Metro de París (Parisine, 1996-1999), o la tipografía corporativa de los gigantes automovilísticos franceses Renault y Peugeot.

Parisine y otra fuentes | Link

31 marzo 2014

Comunicandonos

Dado que vivimos en sociedad, los seres humanos nos relacionamos y para ello nos comunicamos, emitiendo y captando múltiples mensajes. Y es que nuestra cotidianidad estamos inmersos entre diversos signos, señales y símbolos, que abarcan desde un gesto o una mirada, hasta los afiches publicitarios o los medios de comunicación social, como la televisión y la prensa. Tal como afirma el semiólogo italiano Humberto Eco, "la cultura es comunicación’’.

Todo acto comunicativo es el intercambio de información o mensajes a través de un medio que puede ser acústico, eléctrico, visual, etc., entre un emisor y un receptor, quienes comparten un código, de manera que el mensaje es codificado por el emisor y decodificado por el receptor.

Para comunicarnos nos valemos de signos, señales y símbolos, que cumplen diferentes objetivos. Veamos lo que es cada uno de ellos.

Signo
Es una unidad capaz de trasmitir contenidos representativos, es decir, es un objeto material, llamado significante, que se percibe gracias a los sentidos y que en el proceso comunicativo es portador de una información llamada significado.
En el signo, el significado es preciso, por ejemplo el sustantivo "araña’’,en el sistema de signos que configuran el idioma castellano, representa un animal concreto, así como los sustantivos "spider’’, "araignée o "ragno’’ designan respectivamente en inglés, francés e italiano, el animal de ocho patas que todos conocemos.

Símbolo
Cuando un signo no sólo informa de un significado, sino que además evoca valores y sentimientos, representando ideas abstractas de una manera metafórica o alegórica, se conoce como símbolo.

Veamos el ejemplo anterior, la araña, ha sido representada visualmente en casi todas las culturas, como la mesopotámica, la egipcia y la maya. Simboliza la creación y la vida, por su capacidad para formar hilos a partir de su propio cuerpo, pero también ha simbolizado la muerte y la guerra por su aptitud cazadora y lo letal de su veneno.

En las religiones se utilizan símbolos que evocan en sus seguidores los valores y creencias propios de cada una de ellas, por ejemplo la luna creciente simboliza al islamismo; la cruz es el símbolo de los cristianos y la estrella de David representa a la religión hebraica.

Señal
Es un tipo de signo que tiene por finalidad cambiar u originar una acción y actúa de manera directa e inmediata sobre el receptor del mensaje. Cuando vemos una señal, ella nos indica que debemos prestar atención a un hecho en un momento determinado o modificar una actividad prevista.

Las señales deben ser respetadas ya que son de gran ayuda, nos permiten orientarnos. Cuando paseamos por un zoológico o un parque y queremos saber dónde quedan los cafetines, los baños o los animales, observamos señales pertinentes que nos indican su ubicación.

Entre las señales más utilizadas en todo el mundo tenemos las de tránsito.

17 marzo 2014

10 Tipografías Dingbast para señales

Estas tipografías son una gran aliada del diseñador por el tiempo que nos ahorran. La mayoría de estas fuentes se puede utilizar como punto de partida en diseños más complicado con el uso de programas vectoriales como Illustrator, Freehands o Corel.

Gran parte de estas fuentes son con licencias Freeware tanto para fines personales y comerciales. Otras son con licencias Shareware así que por favor, echa un vistazo a las licencias individuales, ya que pueden variar de un autor a otro.

NOTICE
Tipo: Open Type
Licencia: Freeware
Este conjunto de dingbats incluye símbolos que puede utilizar en especial para el diseño de envase del producto o etiquetas.


Descargar | Link

GLYPHYX
Tipo: Open Type
Licencia: Freeware (Gratis para uso personal y comercial)
Glyphyx uno incluye símbolos relacionados con el transporte, mientras que Glyphyx dos incluye símbolos relacionados con actividades de ocio.
Descargar | Link


TRAVELCONS
Tipo: True Type
Licencia: Freeware (únicamente para uso personal )
Este juego incluye símbolos e iconos relacionados con los viajes y el transporte.

Descargar | Link


SYMBOL SIGNS
Tipo: Open Type
Licencia: Freeware (Gratis para uso personal y comercial)
Este conjunto incluye símbolo de servicios públicos, tales como teléfono, primeros auxilios, ascensor, información, restaurante, cafetería, fumadores, bebé, icono de reciclaje, ducha, escritorio de recepción y mucho, mucho más. Pueden ser utilizado para la señalización de restaurante, hotel, aeropuertos y otros. La colección completa está optimizado para los métodos de reproducción, tales como grabado o cortes, impresión y película autoadhesiva y ser usadas en las señales que necesitas.


Descargar | Link

ROAD SIGN AND WARNING
Tipo: True Type
Licencia: Shareware

Descargar | Link

DING DONGS SINGS O'THE TIMES
Tipo: True Type
Licencia: Freeware
Descargar | Link

SANTIAGO ICONO
Tipo: True Type para PC/Mac
Licencia: Freeware
Descargar | Link

HAZARD
Tipo: True Type
Licencia: Freeware

Descargar | Link


RALLY SYMBOLS
Tipo: True Type
Licencia: Freeware
Esta fuente esta hecha especialmente para ayudar con el tema de infografía en el automovilismo, en especial con el Rally. La fuente tiene signos standart , pictogramas y dibujos adicionales que pueden ayudar a un diseñador a crear sus propias composiciones.

Descargar | Link

RECYCLE IT
Tipo: True Type
Licencia: La información de la licencia de esta fuente es desconocida.



Descargar | Link

12 marzo 2014

Tipografias de calidad

Si buscas tipografias de muy buena calidad y de descarga gratuita. visita el sitio de Jos Buivenga (LJB) , las fuentes vienen con muchos detalles bien cuidados, toda la familia y con signos de gran originalidad.


 visita Exlibris

03 marzo 2014

Usando MOCKUP

Muchas veces confeccionamos distintas piezas gráficas que imprimimos para que el cliente vea como se vería. En otras hacemos la aplicaciones sobre algunos artículos para que el cliente vea como quedaría ... ahora tenes los mockup (http://es.wikipedia.org/wiki/Mockup) por lo general, archivos .psd que facilitan esta tarea. Son imágenes editadas en Photoshop que te permiten realizar un fotomontaje bastante creíble para poder enseñar a tu cliente como si se tratase de un arte final.

Como es obvio, existen cientos de mockup: algunos gratuitos y otros premium. Si trabajas como diseñador, personalmente, te recomiendo que inviertas un poco de dinero en ellos: no suelen ser caros y les vas a dar mucho uso. Los que son gratuitos no son menos buenos, pero tienes que ser consciente de que habrá mucha más gente utilizándolos que los de pago y puede no quedar muy bien que tu cliente ya lo haya visto.

Acá te dejo el link de uno gratis muy bueno: http://www.behance.net/gallery/FREE-My-ultimate-mock-up-collection/7522297

27 febrero 2014

El uso de los colores en la señales

En el diseño de señales se pueden aprovechar asociaciones simbólicas, como rojo para detenerse o amarillo y negro para advertencias, los usuarios aprenden rápidamente a reconocer señales que se han hecho universalmente asociadas con un color particular: por ejemplo la salida de emergencia en color verde.

Significado del uso de la gama cromática

También podemos explotar las asociaciones de color tanto emocionales como culturales al tratar con la identidad corporativa,pero quizás el rol más importante que juega el uso del color en las señales es de contribución a la optimización de visibilidad y legibilidad, dos aspectos que presentan gran importancia a la hora de plantear una solución de señalización.

Contraste cromáticos para una buena legibilidad

24 febrero 2014

Que es la Leibilidad?

ENTRE LA PERCEPCIÓN VISUAL Y LA COMPRESIÓN DE TEXTO
La comunicación a través de cualquier medio impreso, requiere que el lector convierta símbolos (los caracteres tipográficos) en pensamiento. 

La legibilidad hace referencia a la mayor o menor facilidad para la realización de este proceso. 


La legibilidad es más clara en tipos con fuertes características particulares. Por eso cuando se enseña diseño siempre se recomienda enfatizar aquellas características que provocan un rápido y correcto reconocimiento de la letra. Como la mitad superior y el lado derecho de los caracteres son las más importantes para facilitar su reconocimiento, estos parecen un buen lugar donde insertar estas particularidades. Una crítica que se ha hecho a las tipografías de estilo moderno es que los diferentes caracteres muestran un diseño demasiado uniforme.

Ovink (1) define la legibilidad como la facilidad y precisión con la que el lector percibe los textos impresos y, aunque esta acción se puede describir con dos términos diferentes –legibilidad (percepción visual) y comunicativo (comprensión del texto).

Aunque en este último punto, el de la comunicación, he visto en muchos blog que lo denominan leibilidad... aunque este término sea un invento (o modismo), la "leibilidad" proviene de "leíble" y leíble es "legible", por lo tanto , estamos hablando de dos términos que realmente son lo mismo, sin embargo, actualmente se les quiere definir significados diferentes. A mi parecer es una mala traducción del ingles, en donde si existen estos dos términos: Readability and legibility, donde el primero, sería mal traducido como "leibilidad".
Gerardo Kloss (2) dice lo siguiente:” Llevo veinte años oyendo la palabra leibilidad, que ronda escuelas y despachos como si fuese algo distinto de la legibilidad. Las ciencias psicolingüísticas hablan de distintas categorías de legibilidad, pero no de leibilidad, y parece que el problema viene de una traducción que invirtió los términos de algunos textos ergonómicos norteamericanos..."

La legibilidad es la capacidad de "algo"(y no únicamente de un texto) para ser leído, esto cabe aclarar que un texto legible no significa que comunique algo o sea comprendido, esto tiene más que ver con la comunicación,
Carson (3) lo menciona así: "...No se debe confundir legibilidad con comunicación. Sólo por que algo es legible no quiere decir que comunique algo. Puede ser legible pero ¿qué emociones esta comunicando?..." El trabajo de Carson siempre es descrito como ilegible y carente de mensaje. Él afirma que para una obra tener comunicación no necesita ser legible, "cualquier diseño bueno o malo comunica algo".

1 Ovink sitio tipográfico http://fonts.gestalten.com/ovink.html
2 docente, investigador, Docente en Universidad Autónoma Metropolitana- Xochimilco. Publicado en Foro Alfa
3 David Carson

19 febrero 2014

Optimización (o hinting) de fuentes true type y postscript (2da. Parte)

Que las fuentes sean optimizadas para una optima visualización en pantalla, los buenos resultados no siempre están garantizados, dado las diferentes tecnologías para la creación de fuentes. En el sistema PostScript el escalado de las fuentes no siempre es manejado por la fuente, sino por el software de rasterizacion, de tal manera que las fuentes en formato PostScript se ven bien con poco o ningún hinting. 
En el sistema True Type, por el contrario el hinting es controlado por sofisticadas instrucciones de optimización contenidas en el software de la fuente, sin esta información las fuentes True Type no son mostradas correctamente en la pantalla.

VENTAJAS Y DESVENTAJAS DE CADA SISTEMA. 
Una de las ventajas del sistema PostScript es que las instrucciones están en el software de rasterización, así que cualquier mejora en el software inmediatamente se ve reflejada en las fuentes PostScript. Aun las fuentes con 20 años de antigüedad se renderizan bien en una Mac de ultima generación.
En el sistema True Type, las actualizaciones del rasterizado requieren que todas las fuentes sean actualizadas para mejores resultados. Así, fuentes optimizadas para ser representadas en blanco y negro o escala de grises no funcionan muy bien con el "rasteriser ClearType" de Windows. Por otra parte, la optimización para True Type proporciona un control directo sobre el proceso de visualización, que el sistema PostScript no tiene.

+ La imagen que ilustra este post es una macro fotografía de una pantalla Apple Mac Book Pro. En las pantallas de plasma (pantalla plana) cada pixel esta formado de tres elementos que pueden ser controlados separadamente. Los subpixeles aprovechan de la manera en que percibimos el color, usando tonos de azul, rojo y verde para simular una mayor resolución de pantalla en sentido horizontal.+

Aplicaciones practicas.
¿Que significa todo esto para el diseñador de tipografías? La optimización puede mejorar la presentación de las fuentes. Pero esas fuentes serán mostradas o renderizadas de manera diferente en las diferentes plataformas y en diferentes aplicaciones también. (Compare el mismo texto en Firefox, Opera y Explorer con Windows instalado) Si la intención del diseñador es ser consistente en las diferentes plataformas, las fuentes también necesitan ser de un diseño consistente y de letras similares.

Esta claro que un día la optimización finalmente será obsoleta, pero no sabemos cuando sera eso. El sistema operativo que mas se usa en el mundo, Windows (58 % del mercado) tiene el rasterizador Clear Type desactivado por default, por lo que las fuentes pequeñas que no están optimizadas no se muestran correctamente.
Nos guste o no, la optimización estará presente todavía por algún tiempo. 

Extracto de un articulo publicado en Typotheque y que pueden leer en su versión original (ingles) en el siguiente enlace: https://www.typotheque.com/articles/hinting

18 febrero 2014

¿Qué es la optimización de fuentes? (hinting)

Hinting u optimización para pantalla, es el proceso mediante el cual las fuentes son ajustadas para una máxima legibilidad en los monitores de las computadoras. Desde hace ya varios años, los diseñadores de tipografías han venido diciendo que el hinting pronto será algo obsoleto debido a los nuevos avances en hardware y software. Sin embargo en la actualidad la optimización parece ser mas relevante que nunca.

El problema es que las fuentes modernas no están diseñadas en un principio para los 72-96 dpi de resolución que tienen las pantallas de las computadoras, sino para una resolución mas alta de 1200 dpi ó más que se requieren para impresión. Las letras son diseñadas y guardadas como lineas y curvas matemáticamente perfectas para que se vean bien a alta resolución, pero que se pueden distorsionar o volverse ilegibles cuando se convierten a pixeles que se requieren para verse en la pantalla. Y aunque por décadas ha habido mucha discusión acerca de la alta definición de los monitores de computadora, lo cierto es que cualquier teléfono celular puede tomar fotos con una calidad mejor que la que puede mostrar en pantalla el mejor monitor que existe.

Esta es la razón por la que los diseñadores web han sido limitados durante mucho tiempo a solo una docena de fuentes (Verdana, Georgia, Arial, etc) que han tenido que ser ajustadas manualmente para que se vean bien en los típicos tamaños de texto (9-14 pt) que se utilizan en una pantalla de baja resolución. Estas fuentes son tan comunes que muchos usuarios piensan que son gratuitas, pero la verdad es que Verdana, por ejemplo, es probablemente la fuente mas cara y que mas trabajo ha costado producir. Incluye caracteres para escribir en un extremadamente amplio rango de idiomas, y cada uno de esos caracteres ha tenido que ser ajustado para ser legible en cada tamaño de punto entre el 9 y 60 (60pt es una resolución suficiente para mostrar con precisión las letras). En pocas palabras, cada uno de los mas de 890 caracteres que la conforman fue “rediseñado” docenas de veces, una para cada tamaño de punto.

En la ilustración vemos las líneas de la fuente Fedra Sans Screen en varios tamaños. Note la diferentes líneas que han tenido que ajustarse para una optima legibilidad en la pantalla. Cada letra es básicamente diseñada para cada tamaño de punto.
Esto es exactamente de lo que se trata el hinting: Instrucciones de programación que mejoran la rasterización de una fuente, es el proceso mediante el cual matemáticamente las lineas ideales de una fuente son asignadas a los pixeles de un monitor. La optimización puede controlar la altura y anchura de las mayúsculas y minúsculas de una fuente, el ancho de sus lineas individuales, la cantidad de espacio en blanco alrededor de las letras, la altura de las mayúsculas con respecto a las minúsculas cuando se utilizan cursivas, y muchos otros detalles técnicos, todos con la finalidad de adaptarse a la cuadricula de los pixeles. Si esto le parece algo aburrido, y una actividad que consume muchísimo tiempo, lo es! (aun para los diseñadores de tipografía, quienes están acostumbrados a este tipo de actividades tediosas y consumidoras de tiempo).

En el ultimo año ha existido un amplio debate acerca de la @font-face declaration, una función que hace posible para cualquier pagina web mostrar cualquier fuente, liberando a los diseñadores de la dependencia de las “fuentes para web” y abriéndoles un nuevo abanico de posibilidades (como la creación de identidades visuales que sean coherentes tanto en la web como en los impresos). Por otra parte, esto también plantea nuevas cuestiones, incluida una pobre visualización de las fuentes en pantalla de las fuentes que no han sido optimizadas para web. Y como el proceso de optimización es tedioso y consume mucho tiempo y en la mayoría de los casos altamente obsoleto, el 99% de las fuentes, aun las comerciales, no están optimizadas.

03 diciembre 2013

Como incrustar tus propias fuentes en Power Point

Muchas veces he visto como buenas presentaciones se arruinaban por no tener cargada en la computadora una tipografía que no es común a todas. Nadie duda de que la tipografía juegue un papel decisivo a la hora de comunicar. Shelley Gruendler, tipógrafa, lo expresa visualmente: “Las tipografías son la ropa de las palabras.

¿Existe alguna manera de utilizar fuentes fuera de lo común y a la vez poder visualizar el archivo PowerPoint resultante en cualquier ordenador? La solución reside en la incrustación de fuentes.

  • Haz clic sobre el Botón de Office.
  • Pulsa Guardar como.
  • En el cuadro de diálogo Guardar como, pulsa el botón Herramientas y selecciona Opciones de guardado.
  • Verifica la casilla Incrustar fuentes en el archivo.
  • Puedes seleccionar incrustar sólo las fuentes que aparecen en ese archivo concreto de PowerPoint, lo que asegura que la presentación se verá bien en otros equipos, o todas las fuentes, lo que permitirá además modificarla.
  • Pulsa Aceptar.

26 noviembre 2013

Las tres verdes del diseño


1º Parte: Introducción
Dentro del campo del diseño han surgido varios enfoques en relación a la sustentabilidad que es el resultado de una constante preocupación por la teoría y práctica del diseño pero con una perspectiva cada vez más crítica y decisiva. Para dar una explicación de lo anterior, tomo la clasificación realizada por Pauline Madge en su artículo “Ecological Design: A new critique” y resumen del libro “Ecodiseño” de Brenda García Parra. 
Una característica notable ha sido el cambio en terminología de “diseño verde” al término “diseño ecológico” o “ambientalmente sensible” aceptado a más largo plazo. La transición del diseño “verde” al “eco” y al “sustentable” es el reflejo de una mayor toma de conciencia en la integración diseño - ecología.
Los nuevos enfoques ecológico y sustentable más allá de la visión simplista del medio ambiente en el diseño que se manejaba en la década anterior.
Y podríamos dividirlos en tres partes VERDE CLARO (Diseño Verde), VERDE MEDIO (Ecodiseño), VERDE OSCURO (Sustentable)



2ª Parte: VERDE CLARO (Diseño Verde) 
A finales de los 80´s, la palabra “verde” encapsuló la política verde, las preocupaciones ambientales y se identificó con la idea de “enverdecer” a nivel comercial los productos, es decir, el diseño verde llegó con un simbolismo deformado para establecer un enfoque ambiental superficial y tecnocrático para así poder continuar las prácticas industriales y económicas sin cambios significativos.
El objetivo del Green Design era no contraponerse a la industria, sino continuar en favor de la productividad y beneficios comerciales para lograr un “enverdecimiento de la industria”.
Acá el peligro era que se promovía la demanda de bienes de consumo respetuosos con el medio y esto se traducía al crecimiento del consumismo. Pareciera que el diseño verde fue evolucionando, sin embargo, todavía es notable ver que muchos de los productos se comercializan sin la autenticidad de ser productos verdes



3ª Parte: VERDE MEDIO (Ecodiseño)
El primer uso del término "Ecodiseño" fue en Inglaterra en 1989 por la publicación Asociación de diseño Ecológico (EDA). La EDA se dirigía al diseño ecológico mediante el diseño de materiales y productos, proyectos y sistemas armónicos, respecto a la ecología planetaria. 
Una de las mayores aportaciones fue realizada por la Universidad Tecnológica de Delf en los Países Bajos donde estudiaron el uso de materiales y de energía más eficientes dentro de los sistemas de productos. Está investigación derivó en un manual denominado “Desarrollo de productos que consideran al medio ambiente como estrategia de innovación” que fue publicado con el nombre “Eco Design” por la UNEP (Programa de las Naciones Unidas para el Medio Ambiente).
Otro ejemplo es la aplicación de la metodología Análisis del Ciclo de Vida que permiten medir el flujo de la energía, de materiales y emisiones tóxicas involucradas durante la fabricación de un producto o servicio.
Por otra parte, Salvador Capuz Rizo denominó a la llamada “Ecología Industrial” (EI) en su obra “Ecodiseño: Ingeniería del Ciclo de Vida para el desarrollo de productos sostenibles” enfocada a la reducción de consumo de materias primas y uso de energía a fin de disminuir los residuos para permitir que la biosfera pueda asimilarlos. 
Es aquí, donde se inicia el rompimiento de paradigmas para entender que los ecosistemas y la ecología. Esto se ve reflejado en las discusiones sobre diseño ecológico y nace la idea del diseño sustentable


4ª Parte: VERDE OSCURO (Sustentable)
El diseño sustentable involucra una visión analítica profunda donde se cuestiona los modelos establecidos por una sociedad industrial. Se enfoca en los principios de la ecología profunda y los modelos de sustentabilidad. Esto implica considerar el camino para que el diseño pueda contribuir de raíz a los problemas ambientales. Para esto, se tiene que retomar la concepción de Desarrollo Sustentable.
El modelo de sustentabilidad propone cuestionar la dirección de los sistemas de producción, patrones de consumo, la necesidad de adquirir productos y la del desarrollo económico actual. Esta transición requiere también una mayor toma de conciencia dentro del campo de diseño.
El término “diseño sustentable” empezó a ser utilizado como una visión más amplia y a largo plazo que el Ecodiseño. En 1995, el Centro para el Diseño Sustentable en el Instituto de Surrey de Arte y Diseño, estableció que Diseño Sustentable significa: “analizar y cambiar los sistemas en cuáles hacemos, utilizamos y disponemos los productos”.
El diseño sustentable engloba un concepto complejo que se dirige a la relación del diseño con las implicaciones sociales, de desarrollo y ética