La Coctelera

Insomnium

"diseño,luego existo...."

Categoría: tipografia

15 Diciembre 2011

¿Que pasaría si las marcas se hicieran con Comic sans?

El tema de el abuso de la comic sans ya esta demasiado tratado, tanto que existe una página que recopila el odio global hacia ésta tipografía, pero  como sería  en un universo paralelo?

servido por Kimbal sin comentarios compártelo

13 Agosto 2010

Video tipográfico.

Via Microsiervos me encuentro con este interesante video que hara la delicia de todos los aficionados a la tipografia.

Atención a 01:24 porque se produce un momento realmente histórico para todos los tipógrafos del mundo

¿Adivinas cuál es ese momento? La solución, un poco más abajo:

.

.

.

.

.

The quick brown fox jumps over the lazy dog!

¡¡¡El veloz zorro marrón salta sobre el perro perezoso!!! Merece la pena soltar un sonoro WTF digno de triple exclamación

servido por Kimbal sin comentarios compártelo

27 Marzo 2010

poster TIPOGRÁFICO.

"Querida tipografía, sé que no tienes el suficiente reconocimiento por lo que haces. Poca gente sabe de tu existencia y muchas menos personas saben cuánto influyes en las cosas que les gustan. Es difícil porque siempre nos recuerdas a algo más, a otra cosa. Quiero que sepas que te veo. Si alguna vez te sientes insignificante, ten en cuenta lo siguiente; si no fuera por ti, nadie tendría ningún tipo de información y este no sería un gran póster".

visto en Un mundo libre.

servido por Kimbal sin comentarios compártelo

12 Febrero 2010

Historia del Ampersand


visto en Ateneu Popular

El ampersand es un signo que siempre ha llamado mi curiosidad, y hoy gracias a Webdesignerpot me encuentro con un poco de historia y diseño de este signo que creía anglosajón.

Historia

El signo & se remonta al siglo I ac y originalmente se utilizaba como ligadura de las letras E y T ( “ET” en latín que significa y).

En sus inicios el signo “&” (dibujo 1) se parecía mucho a la E y la T combinadas minimamente, para poco a poco ir estilizándose. El paso del tiempo, hizo que este evolucionara hasta llegar al siglo IX (dibujos 4 a 6).

En la actualidad el signo & es utilizado en inglés, y con una gran aceptación en los nombres comerciales (el & Company que no falte), aparte de eso, también ayuda a convertirse en un signo de referencia su utilización en programación (PHP, MySQL, etc).

Diseños actuales de &


servido por Kimbal 2 comentarios compártelo

8 Febrero 2010

15 síntomas de un mal diseñador

Ésta información esta vilmente "copypasteada", pero he considerado que es de vital importancia, estoy de acuerdo al 100% con todo, pero el punto número 1...me ha costado asimilarlo :S

Este articulo lo encontramos en Just Creative Design y como su autor recomienda lo compartimos con todos Ustedes, el articulo original esta en ingles por lo que lo traduciremos lo mejor posible, esperando sea entendible.

Este es un tema controvertido, sin embargo esperamos que sirva para resaltar algunos errores comunes que cometemos y que nos hacen parecer como principiantes, hay que tener en cuenta que ninguna de estas reglas son estrictas, solo es una guia para tratar de hacer las cosas mejor.

El grafico de la parte superior es un ejemplo de esto (Degradados de arco iris, comic sans, bisel y relieve, mala ortografia, texto centrado).

Hemos reunido 15 puntos por los cuales podemos ser considerados (desde nuestro punto de vista), malos diseñadores. Algunos de estos puntos han sido tomados del libro The Non-Designers Type Book

A manera de test, apuntese un punto por cada uno de los puntos con los que se identifique. Si reune tres, entonces es Usted un mal diseñador.

1. Helvetica

Usa Helvetica en todos sus diseños?Trade Gothic, Formata, Futura, Antique Olive, Eurostile.

Claro, es la fuente mas popular de todos los tiempos, pero presisamente por eso hay que evitarla. Solo porque esta ahi, no significa que debamos usarla.Pruebe usar otra fuente la proxima vez y trate de romper su habito. Podriamos sugerir

2. Comillas

Usa apropiadamente las comillas? Las comillas son para los impresores, los tiempos han cambiado. Note la diferencia entre las comillas en la imagen de arriba.

1. Las comillas no estan alineadas al borde.

2. Las comillas rectas han sido usadas en lugar de las comillas curvas.

3. Las comillas curvas han sido usadas en lugar de las rectas.

4. Se ha olvidado el apostrofe en la palabra Its.

Aprender las reglas del uso del entrecomillado es fundamental. No utilizar comillas curvas cuando necesitemos separar pies y pulgadas.

3. Comillas no alineadas.

No alinea los entrecomillados?

Vea la imagen del punto No.2,

y fijese como las comillas estan fuera del margen de la frase en comparacion con la de la izquierda. Alinee sus entrecomillados ya sea por medio del software o manualmente.

4. Doble espacio

Oprime la tecla espacio o enter dos veces entre lineas o encabezados?

Usar doble espacio puede ocasionar que terminemos con una linea en blanco arriba de una columna, ademas si dejamos mucho espacio entre lineas, hara parecer los textos desconectados.

5. Dos espacios despues de cada puntuacion

Deja Usted dos espacios despues de cada oracion?

Esta es una mala practica y no es correcta, Usar solo un espacio es lo correcto.

6. Uso de cajas detras del texto.

Usa Usted cajas de color detras del texto?

Solo porque puede hacerlo no significa que tenga que hacerlo. Pruebe algo diferente, como por ejemplo un encabezado resaltado, espacio en blanco, una fuente diferente, texto en italicas o grueso, etc. Nota Usted en la imagen de arriba como el espacio en blanco que rodea el texto hace que este resalte? Puede usar este tipo de efectos en los lugares apropiados sin embargo uselos cuidadosamente.

7. Parrafos centrados.

Usa parrafos con justificacion centrada en sus diseños?

Utilizar parrafos centrados es usualmente una mala practica que produce un efecto malo. Note como son mas efectivos los dos parrafos en verde, son mas dinamicos. Usar justificacion izquierda o derecha da fuerza al diseño y usualmente es la mejor opcion a menos que su justifique el uso de una justificacion centrada.

8. Bordes.

Usa bordes alrrededor de todo?

Esta practica indica a un principante que no se siente seguro con las tipografias que utiliza. Use el espacio en blanco es mas efectivo.

9. Guiones.

Usa guiones de media pulgada?

Esta es una mala practica y es anticuada. Es estandar es un solo espacio del mismo tamaño de punto de la fuente. Esto es aproximadamente dos espacios, no cinco.

10. Guiones para viñetas.

Utiliza guiones para hacer listados?

Este es un habito de tipografo y no es profesional. Pruebe usar puntos o formas.

11. Texto en relieve y sombreado.

Utiliza el efecto de relieve y sombreado que viene con el software?

Esto es algo mortal, propio de un amateur. Esta practica va junto con otras prohibiciones como: degradados de arcoiris, reflecciones, comic sans.

12. Tipografia de 12 puntos.

Usa el tamaño de punto que viene por default en los editores de texto?

En muchos casos, la fuente de 12 puntos es un poco grande para un parrafo de texto. Compare un pasaje de texto a 10, 11 y 12 puntos y vea cual luce mas profesional. Pruebe añadir 1 o 1.5 de espacio entre clineasNote la diferencia en los dos ejemplos de arriba. El rojo es a 12 puntos con autoespacio y el verde es a 11 puntos con 2 puntos de espacio entre lineas.

13. Subrayado

Subraya?

Nunca use el subrayado, es una regla. Solo para enlaces en la red es permitido. El subrayado fue una manera de resaltar antigua de los tipografos porque no contaban con la facilidad de Italizar el texto. Subrayar e italizar el texto al mismo tiempo es lo mas redundante que se puede hacer en la vida pero las reglas son para ser rotas.

14. MAYUSCULAS

UTILIZA PURAS MAYUSCULAS?

Los textos en mayusculas son mas dificiles de leer porque reconocemos las palabras no por sus letras sino por su forma. En un texto solo con mayusculas cada palabra tiene la misma forma por lo que tenemos que leer cada letra. Las mayusculas pueden ser utilizadas en casos especiales. Pruebe usar texto en bold, o diferentes tipografias.

15. Mala ortografia

No checar la ortografia y una mala gramatica parecen ser algo comun en los diseñadores graficos.

Cuantos puntos acumulo?

Si acumulo mas de tres puntos, no se preocupe. Alcanzar un nivel adecuado de diseño y tipografia es cuestion de practica y tiempo. Si su puntuacion fue menor a tres, felicidades y considere como una obligacion enseñar a otros lo que Usted sabe.


servido por Kimbal 3 comentarios compártelo

9 Octubre 2009

Helvetica y Arial

enlace original

No es ningún secreto que Arial es el plagio por excelencia de la Helvetica. La historia simplificada es que Microsoft no quería pagar los derechos de la Helvetica y por eso adoptó Arial, convirtiéndola en una de las tipografías más conocidas. Pero claro, segundas partes nunca fueron buenas, y a pesar de ser prácticamente idénticas, Helvetica tiene algo que a Arial le falta. Para indagar más en el tema, conviene leer este interesante artículo de Mark Simonson, El azote de la Arial.

Y los diseñadores debemos odiar la Arial por defecto, claro. Pero, realmente sabemos las diferencias entre una y otra? Aquí hay un bonito test hecho por IronicSans que nos reta a distinguirlas, cogiendo logos famosos y comparándolos con una copia hecha en Arial.

postit-arialpostit-helvetica

Arriba, Arial, abajo, Helvetica. Este es bastante fácil de distinguir por el corte superior de la t, pero hay otros realmente difíciles.

servido por Kimbal sin comentarios compártelo

15 Septiembre 2009

"Veintidós consejos sobre tipografía (que algunos diseñadores jamás revelarán).

A los diseñadores no nos comprenden. Nuestros amigos no-diseñadores no pueden entender que analizemos todos los carteles que vemos por la calle, y aún menos que soltemos un grito de horror cuando vemos que el kerning está mal.


Se trata de un libro bastante básico, no dirá nada que un diseñador con varios años de experiencia no sepa ya (aunque nunca está de más hecharle un vistazo), pero creo que es un libro imprescindible para gente que empieza a estudiar o para interesados en el diseño gráfico en general. ¡No, pero que estoy diciendo! Es un libro imprescindible para todo el mundo, debería ser de lectura obligada en las escuelas, que así evitaríamos ver Comic Sans por todas partes, justificados de dos palabras por línea y demás barbaridades.

Como su título indica, el libro nos da consejos básicos sobre qué hacer y qué no hacer con tipografía. En la web del autor (un diseñador genial, presidente actual del ADG-FAD) podéis leer la introducción del libro y los consejos básicos. Aquí os dejo unos cuantos, los que a mi criterio son los errores mas comune.

y a continuación ... los 22 consejos

Procura que el tipo de letra no comunique algo que no desees comunicar

Escoge la letra según el tamaño necesario

Usa tipos para tu idioma

Iguala los tamaños cuando combines dos tipos distintos

Asegúrate de que tu tipo llega hasta el final

No toques demasiado los valores por defecto

Si te dejan, compón a caja izquierda

Empieza por el cuerpo de texto

Ayúdate de una pauta siempre (o casi siempre)

No pierdas el tiempo con los márgenes ni con el foliado

Marca los párrafos convenientemente

Cuadra las líneas (si puedes)

Cierra el interletreado en los cuerpos grandes

Retoca titulares, cabeceras y logos

Elige cuidadosamente los caracteres a utilizar

Rechaza las falsas negritas, cursivas y versalitas

Aprende cómo funcionan los ajustes de P&J

Si no se ha de notar, condensa y expande las letras

Reduce la interlínea en cuerpos grandes

Cuida los números

Habla con propiedad

No te equivoques de medio

No escojas dos letras que se parezcan demasiado

No combines letras con distintos grados de condensación

No utilices sucedáneos

No recrees estilos históricos

No escojas fuentes de fantasía

No hagas demasiadas categorías

Evita las script

Rechaza los tipos con caracteres caprichosos

No compongas con mayúsculas si no tienes una razón clara

Olvida el cícero, las picas y los puntos

No intentes convertir la letra en una imagen. La letra ya es una imagen

No hagas líneas demasiado largas ni demasiado cortas

No dejes palabras sueltas

Evita los sistemas que no sean intuitivos

No utilices letras pequeñas

Evita las negritas romanas

No añadas espacio extra entre minúsculas

No combines columnas centradas con otras no centradas

No inclines letras a la izquierda ni compongas en vertical letras horizontales

Evita según qué ligaduras

De entrada, no emplees cursivas ni versalitas

servido por Kimbal 2 comentarios compártelo

15 Septiembre 2009

El resbalón tipográfico de IKEA

Entre los diseñadores gráficos hay una máxima que dice que al elegir una tipografía no es necesario acertar, basta con no equivocarse. Pues parece que la multinacional sueca IKEA ha hecho caso omiso y ha optado por el error como solución, a juzgar por la unanimidad con la que profesionales y profanos están criticando su decisión de cambiar su tipografía corporativa.

link con en articulo original.

Ikea ha decidido prescindir de la tipografía Futura en sus comunicaciones y catálogos, optando por la Verdana, una fuente que viene preinstalada por defecto en los sistemas operativos Windows y Mac OS. Como cabía esperar, los foros de tipografía y diseño son un hervidero, pero las reacciones han traspasado el ámbito de lo profesional para ocupar espacio en medios generalistas, a partir de un artículo publicado en la web de Time.

En las empresas es una tentación usar como tipografías corporativas las que vienen por defecto en la mayoría de los ordenadores. Supone un ahorro importante en licencias de uso, y evita perseguir los "errores" que se producen cuando alguien equivoca el uso de las fuentes en el material corporativo. Sin embargo, esa solución de bulto se ha demostrado como un error: el carácter de una compañía no puede transmitirse empleando los tipos estándar que todo el mundo utiliza. Son anodinos, impersonales y barrenan lo que toda identidad visual persigue: la especificidad.

Algunas empresas crean tipografías específicas —que casi siempre son versiones de otras existentes— para evitar el problema de las licencias de uso. Consiguen así una diferenciación que ayuda a transmitir una imagen coherente y única.

La tipografía Verdana fue diseñada en 1996 por Matthew Carter y está optimizada para su visualización en pantalla. Pero para la visualización en las pantallas que usábamos en aquella época, con las resoluciones que tenían en aquella época. Es, por tanto, una tipografía burda, mal espaciada, en cuyo diseño se ha supeditado todo a una lectura óptima para cuerpos pequeños y en pantalla. En las pantallas de los noventa, insistimos. Se diseñó para resolver un problema que hoy no existe.

A cambio, su uso y abuso generalizado da como resultado documentos impersonales y anodinos, por lo que, como la mayoría de las fuentes que los sistemas operativos ofrecen por defecto, es evitada por los profesionales del diseño. Algo que no ha parecido importar a los responsables de la compañía sueca, que han visto más ventajas que inconvenientes y la han convertido en su tipografía de marca. Un error. En este caso, mucho mayor, porque sus deficiencias como tipografía impresa en papel son más que evidentes incluso para los no profesionales. Para muchos clientes el catálogo impreso es la pieza estrella de la comunicación de IKEA. Se ha convertido en un 'tea table book', y convive en millones de hogares con los mandos a distancia y las revistas del corazón.

Pocas veces ha sido tan unánime el rechazo hacia una decisión de imagen de una compañía. Hasta ahora había sucedido con los cambios de logotipos, pero no nos consta que una tipografía corporativa haya provocado nunca tanto revuelo. Siempre queda el recurso de la pataleta: ya es posible manifestar tu disconformidad con el cambio en una recogida de firmas virtual que ha promovido el diseñador rumano Marius Ursache.

servido por Kimbal sin comentarios compártelo


Sobre mí

Avatar de Kimbal

Insomnium

México
ver perfil »
contacto »

Un espacio para apuntes, reflexiones,debrayes y delirios de su autor,diseñador de profesion y fotografo e ilustrador por obsesion. Graphic Design Blogs - BlogCatalog Blog Directory
www.flickr.com
This is a Flickr badge showing photos in a set called lucha libre. Make your own badge here.

Fotos

Kimbal todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera