El proceso de diseño del icono de la app de Sparrow para iOS fue muy sonado en dribbble. Jean-Marc Denis fue el encargado del diseño. Teniendo varias opciones decidieron preguntar a la comunidad de dribbble. Esto hizo que el tradicional “para gustos los colores” pasara a “para gustos los iconos”. Al final los chicos de Sparrow tomaron partido por uno que es el que actualmente lleva la app. Pero Jean-Marc prometió ofrecer las otras alternativas para que todo el mundo quedara contento.

Como lo prometido es deuda, aquí puedes descargarte los iconos para reemplazarlo.

Yo, particularmente, no tenía ni idea de que se podía cambiar el icono de una app sin hacer jailbreak. Así que lo más interesante de todo esto, por lo menos para mí, es el haber aprendido como hacerlo. Que ¿cómo se hace? Pues otro usuario de dribbble lo explica en un comentario. Es mediante una aplicación gratis llamada iExplorer. Lo copio y pego aquí:

IEXPLORER INSTRUCTIONS

• Download iExplorer here: http://www.macroplant.com/iexplorer/
• Launch iExplorer and connect your iPhone via USB.
• Choose your phone from the source list in iExplorer
• Navigate to the app that you want to change the icon for and click it. Ex: Agenda.app
• In the app resources find the main icon. This can be tricky since these images are crunched for iOS so you can’t see the actual image. These usually can be identified by the name. Ex: icon@2x.png, AppIcon@2x.png, etc…
• Rename the existing icon’s name. Ex: icon@2x.png –> iconALT@2x.png This is necessary to overwrite the icon.
• Now drag your icon into the app resource window twice. Yes twice. The second time iExplorer will ask if you want to overwrite it. You do.
• That’s it for iExplorer. Now on your iPhone follow these steps:
  1. Open Settings.app
  2. Tap General
  3. Tap International
  4. Choose French (or something different from your native language)
  5. The phone will respring. Now change back to your native language. This resets the icon cache
  6. If it doesn’t work, try the language changing again. It’ll work eventually

This seems like a lot of work, but it really isn’t. It only takes about 3 minutes to do. Enjoy!

Yo aún no lo he probado así que úsalo bajo tu responsabilidad. De todas formas a mí me gusta el icono tal y como está. Quizá me dé por cambiar algún otro.

Ahora que Pinterest está en boca de todos me apetece hablar de lo que ha ido mejorando visualmente esta red social. Los que llevamos algún tiempo “pineando” hemos visto la evolución tanto de imagen de marca como de usabilidad de la web y luego de la app para iPhone. Creo recordar que fue poco antes del lanzamiento de la app cuando acometieron el rediseño de marca. Hasta entonces Pinterest usaba la tipografía “Bello” como lettering. Era una marca pobre, sosa en el color y los añadidos al lettering en forma de sombras no mejoraban nada.

Los chicos de Pinterest conociendo el potencial de su red social y las carencias de su marca gráfica contactaron con Michael Deal para que se encargara del rebranding. Michael agregó al proyecto a Juan Carlos Pagan, magnífico diseñador especializado en tipografía y caligrafía. Juntos fueron capaces de dotar a la marca de una imagen impactante, icónica y memorable. Un lettering armonioso de remates redondeados y suaves ligaduras y una “P” que sugiere elegantemente el “pin”. Un color potente, poco usado y con el toque justo de feminidad. Todo esto acompañado en la web de colores claros, grandes blancos y sutiles texturas.

No sé si el auge de esta red social se debe a su diseño pero estoy seguro que el rediseño ayudó a que el numero de usuarios haya ido creciendo y creciendo. Por otro lado, el logotipo ganó uno de los 10 2012 HOW Logo Design Awards. Algo que refuerza su valor.

Podéis ver más fotos del proceso en el Behance de Carlos y en el portfolio de Michael (bonito detalle el “pin” marcapáginas).

Tenéis la historia del rediseño contada por los chicos de Pinterest en su blog

Bonus: Bello es una estupenda tipografía pero que, como le pasa a muchas buenas tipos, se está usando demasiado y demasiado mal. Por favor usadla con precaución.

¿Tienes que hacer un cartel o logo con un toque futurista o steampunk? Esta es tu tipo! Odyssey creada por Konrad Bednarsky @kondione. Un diseñador afincado en Londres. En realidad aún no es una tipografía en sí ya que son sólo los glifos vectoriales. Konrad promete sacar pronto una versión TrueType.

Puedes descargarte el .ai que contiene la tipo y ver ejemplos del propio Konrad en su Behance. Tiene licencia libre y puedes usarla en tus proyectos. Yo me he permitido la licencia de hacer un pequeño homenaje a una de mis series favoritas  para ilustrar el post: Battlestar Galactica. Así que si os digo que Odyssey es una gran tipografía todos me respondéis: So say we all!

vía: Typography Served

Edito: he recordado visitando Hype for type que existe también una tipo de pago llamada Odyssea creada por Pablo Alfieri y Mariano Farias. La tipografía se parece bastante a Odyssey y no sólo en el nombre. Me ha parecido oportuno mencionarlo.

¿Qué pasa cuando se junta un gran equipo de desarrolladores y un gran equipo de diseñadores? ¡Qué aparecen maravillas en forma de app para iPhone! Eso es justo lo que es Clear. Los chicos de Realmac Software se han unido a los de Impending y han creado una app que, si bien no inventa nada, sí mejora mucho la forma de hacerlo.

Debe de hacer cientos de apps para hacer listas de tareas en la appstore pero seguro que no hay ninguna que las haga con tanta rapidez y de una manera tan cómoda. La app responde a los gestos perfectamente y de una manera natural. La usabilidad se ve reforzada con un diseño limpio, claro, con aire. El uso de los degradados en la paleta para marcar la prioridad en las listas es muy acertado. Los sonidos y la posibilidad de escoger temas es un plus que se agradece. La experiencia de usuario es, por tanto, excelente.

Si no me equivoco, el diseño de la interface parece haber sido hecho según un ritmo de 4px similar al que propone @aen en este post (un post muy recomendable si diseñas para iOS). Es un ritmo muy útil para conseguir filas más generosas. Filas de 120 px frente a 92px que tiene por ejemplo “Recordatorios” o 82px que tiene “Wunderlist“. Es cierto que estas dos apps cubren más necesidades que Clear pero Clear lo que hace lo hace perfecto.

Phill Ryu @phillryu y David Lanham @dlanham son los responsables del diseño por parte de Impending. Phill Ryu es responsable de diseño de aplicaciones en tap tap tap (camera+, por ejemplo) y David Lanham es un fantástico ilustrador y diseñador de interfaces. En dribbble podéis ver la serie de “Rebounds” que se han hecho del icono de la app. No es para mí lo mejor de la app pero sirve para mostrar las etapas por las que pasa un diseño antes de ser lanzado.

Clear, en mi opinión, vale lo que cuesta: 0,79€. Ya me contaréis vuestras opiniones.

Vía: Este tweet de @mgr

El caso de uso indebido de una tipografía en el logo de “madrid 2020” puede que sea de los primeros casos de este tipo que llega “al gran público” aquí en España. La repercusión en los medios ha sido bastante sonada y eso ha permitido que gente ajena al sector gráfico conozca que las tipografías tienen licencias de uso. Hay quien con esto ha descubierto que “las letras” se llaman tipografías y que su uso está amparado por distintos tipos de licencia. Me conformo con que todo esto haya mejorado un 0,00001 la cultura de diseño entre los españoles.

En otros países también se incumplen estos derechos que tienen los tipógrafos y fundiciones pero parece que se lo toman con algo más de seriedad. Por lo menos se presentan demandas, y ¡qué demandas! Veamos dos casos bastante sonados.

Caso Harry Potter

A mediados del 2011 la fundición tipográfica P22 demandó a Universal por uso indebido de la tipografía Cezanne en algunos productos que comercializaba en su parque temático de Orlando. En “The Wizarding World of Harry Potter” se comercializaban bajo copyright varios productos de merchandising como “Hedwig Pillow” o “Ministry of Magic Messenger Bag”. Estos productos usaban la tipografía Cezanne licenciándola bajo copyright algo que iba en contra de la licencia con la que se comercializa dicha tipografía. La demanda fue por 1,5 millones de dólares y la destrucción de todo el material que infringiera los derechos de licencia. Finalmente, ambas partes parece que han llegado a un acuerdo económico que evita el juicio. Se desconocen los términos del arreglo, como es costumbre en estos casos. Parece que Universal tuvo miedo a que el juicio fuera todo un “avada kedavra” para ellos. En este post se explica más detalladamente el caso.

Caso Rick Santorum

Si el caso de Harry Potter nos alerta sobre los problemas de usar mal las licencias de las tipografías en casos impresos, el caso de la web de ricksantorum.com hace lo propio en el campo digital.

Typotheque, una fundición holandesa, denunció a RaiseDigital LLC, una empresa estadounidense de desarrollo web, por daños valorados en 2 millones de dólares. Typotheque denunció que la web de ricksantorum.com usaba las tipografías Fedra Book, Fedra Bold y Fedra Italic mediante el uso de @font-face (una propiedad de CSS para definir en un sitio web una tipografía que el usuario no tenga instalada en su ordenador) sin tener licencia para ello.

Aquí podéis ver el pdf de la demanda presentada por Typotheque en la corte de NY (Interesante si sois abogados o si os van los temas legales porque es bastante curioso ver cómo presentan el caso).

Llama la atención también el que ni Santorum, ni la fundación “America’s Foundation PAC” que ampara la candidatura de Santorum son incluidos en la demanda, sino sólo la empresa encargada del desarrollo de la web.

Desconozco como acabó esta demanda si es que ha acabado. Supongo que concluirá en otro acuerdo. Ahora la web de Santorum no usa Fedra sino una mezcla desastrosa de Museo Sans, Georgia y Helvetica.

Podéis ver la noticia aquí. La descubrí gracias a este comentario de @martuishere

Sería estupendo que aprendamos de los errores de otros y tengamos cuidado con las tipografías que usamos porque parece que eso de no leerse las licencias de uso de las tipografías puede salirte bastante caro.

Nota: También sería genial que todas las fundiciones tuvieran las licencias accesibles a los usuarios. Un ejemplo de página amigable es la de Hoefler & Frere-Jones

Durante la pasada madrugada elmundo.es ha publicado la noticia siguiente: “Madrid 2020, obligada a indemnizar a un artista por robarle su ‘tipografía’” En ella, el periodista Roberto Bécares, tras explicar la polémica surgida ayer desde la publicación de mi post comenta que el Lutz Baar será finalmente compensado con 1500€. El periodista aclara también que “Esta cantidad deberá ser pagada a Tapsa por la candidatura olímpica, ya que el acuerdo entre el agencia y Madrid 2020 era una colaboración gratuita.”

He de decir que me alegro de que Lutz Baar haya llegado a un acuerdo satisfactorio para él por el uso comercial de su tipografía si es que esto finalmente se ha producido como cuenta la noticia. Era de recibo. De todas formas, y sin ánimo de querer avivar la polémica, a mí me quedan varias dudas por resolver.

La principal duda es que desconozco qué tipo de licencia ha sido la adquirida finalmente. Esto es importante porque como es sabido las tipografías normalmente no se venden, sino se licencian. Es decir, quien adquiere una tipografía no llega a ser dueño de ella sino que posee ciertas licencias para su uso. Las licencias son muy variadas pero lo normal es que su precio vaya en función del número de CPUs en las que se pueda usar la tipografía. Existe la excepción de que se haga una tipografía exclusiva para una empresa. Por ejemplo, una empresa como Nokia contrata a un tipógrafo para que le diseñe una tipografía a medida y de este modo poseer sus derechos de aplicación en exclusiva. Esta última opción tiene un coste mucho mayor para quien adquiere la tipografía, obviamente.

Desconozco, como digo, la licencia final adquirida o si Lutz ha cedido en exclusiva la tipografía a la candidatura (mientras escribo este post sigue teniendo la misma licencia en la página web de la tipografía y sigue disponible para descarga para pruebas personales). Lo que sí puedo hacer es una comparación rápida.

Comparemos, por ejemplo, lo que parece haber costado el uso de Sophia Baar con lo que cuesta una licencia de Gotham.

Gotham es una de las 23 tipografías expuestas en el MOMA y es calificada por este prestigioso museo como “one of the most successful typefaces of the early twenty-first century.” Es, por lo tanto una de las mejores tipografías que podemos adquirir hoy día. Gotham se puede adquirir en la fundición digital Hoefler & Frere-Jones. En dicha fundición podemos adquirir una licencia del Bundle de Gotham con 16 pesos (incluyendo narrow, condensed, rounded…), con soporte para 140 idiomas que abarcan todos los glifos posibles y para 50 CPUs (es la licencia más alta que venden directamente en la web)  por $2113.25. Según el conversor de moneda de Google equivale a 1593.22€.

No sabemos la licencia adquirida de Sophia Baar pero sí sus características. Es una tipografía que se ofrece en 4 pesos básicos (roman, bold, italic y bold italic) frente a los 16 de Gotham. Es una tipografía que cubre pocos idiomas y que sufre de graves problemas en glifos tan básicos como “i” entre otras cosas. Es una tipografía sin ningún reconocimiento internacional.

Yo no sé vosotros pero si yo tengo que elegir en qué tipografía gastarme 1500€ lo tengo bastante claro.

El creador de la tipografía del logo de Madrid 2020 desconocía el uso que se estaba haciendo de su tipografía Baar Sophía

El 30 de junio se presentó la marca gráfica para la candidatura de Madrid a los JJ.OO. de 2020. Desde entonces la comunidad gráfica está que trina con el tema. Posts y más posts, iniciativas, parodias…

Algo que me preocupó desde el mismo instante de la presentación era el tema de la tipografía usada ¿Qué tipografía era esa? ¿Por qué demonios la “i” de Madrid parecía estar acentuada? Así que me puse a indagar que tipografía era. Entre otras cosas porque @bydiox me preguntó en twitter y quise quedar como que sé de estos temas ;) No tardé mucho en encontrarla gracias a mis destrezas de diseñador jedi. Luego @bydiox escribió un post que recomiendo leer.

La tipografía era la Baar Sophia. Una tipografía creada por Lutz Baar en formato .ttf y -aquí viene lo bueno- de uso gratuito para uso personal. El autor lo deja más claro aún en la web de la tipografía:

“These fonts are donation-ware. Downloading a font and testing it is free of charge. If you later actually use a font for private, cultural or non-commercial printing/webdesign you are invited to donate 10 US$ per font to an Aid-institution of your choice and initiative (Child-Aid, Red Cross etc – there are no links for payment on this homepage). Thank you!”

Es decir, que la puedes probar gratis y si luego la quieres usar para un asunto no-comercial entonces te invita a donar 10$ a una institución o iniciativa solidaria. Queda claro, a mi entender, que la tipografía no es para uso comercial ni siquiera donando los 10$.

Visto esto, pensé que tapsa -la agencia encargada del rediseño del logotipo y quien, por tanto, escogió esta tipografía- habría contactado con Lutz y llegado a un acuerdo comercial. Porque la otra opción posible era que tapsa hubiera ido a dafont o similar y, tras un rato de búsqueda, alguien hubiera dicho “Ésta es, la veo, va quedar genial” y se hubiera descargado la tipografía sin haberse leído la licencia ni haber contactado con el creador. Esta opción me parecía inverosímil,  ya que hacer eso sería algo impropio de una agencia a la que se le encarga un proyecto de esta magnitud.

Yo dejé correr el tiempo y ya pasaba bastante del asunto cuando veo que ayer (7 de Febrero) tapsa da explicaciones en la web oficial de la candidatura a cerca de por qué la “i” parece acentuada y da oficiamente el nombre de la tipografía. El tema vuelve a salir en los medios y twitter vuelve a echar humo. A mí ya empieza a mosquearme un poco el que no se mencione nada de la licencia de la tipografía ni se mencione al tipógrafo que la creó, así que hago algo “mu loco”: contactar por email con Lutz Baar.

En el email le pregunto que si sabe algo del tema y le paso el enlace oficial para que vea el logo creado con su tipografía. Realmente no esperaba que me respondiera, y si lo hacía suponía que era para decirme algo así como que tenía un acuerdo comercial con los responsables de la candidatura.

Pero no. Lutz Baar me ha respondido. Y, bastante sorprendido, me dice que no tenía ni idea del asunto. El hombre me pregunta con quién se puede poner en contacto para hablar del tema (le he pasado el mail de tapsa que aparece en su web). Me confirma que la licencia es de carácter no-comercial y uso “solidario” y me dice que él tiene tipografías de uso comercial para estos casos que vende en Linotype. También me dice que ya apenas se dedica al tema tipográfico y que está más centrado en su obra pictórica y me manda saludos desde Suecia. Muy majo el hombre.

Visto esto me he quedado un poco a cuadros. Estoy seguro que tapsa y los responsables finales de la candidatura tienen una explicación razonable y que la compartirán con todos los interesados. Porque la otra opción… no, la otra opción no puede ser. Seguro que no.

Twittsev es un encuentro informal de usuarios de Twitter y amigos que se celebra todos los primeros viernes de cada mes en Sevilla desde diciembre de 2007 (con 3 ó 4 excepciones).

Para mí, la twittsev, es eso y también mucho más.

Mi primera twittsev fue la del “preebe” de 2009. Suele ser una twittsev muy especial porque a la gente habitual sevillana se le une quienes ya están en la ciudad para el EBE. Podría haber acudido a alguna twittsev anterior pero la timidez vencía siempre a la curiosidad. A esa primera twittsev fui gracias a la recomendación insistente de @deniman que hizo de anfitrión con maestría y me presentó a muchos de los que hoy considero amigos. Ese mismo día conocí a @pedrocarrillo que es hoy un gran amigo y mi socio en @kitipla. También hubo muchos botellines de Cruzcampo, pero eso es común a todas las twittsev. A esa primera quedada twittera le siguieron muchas más. Unas muy concurridas, otras no tanto. Pero siempre son encuentros de buenas charlas, risas y cervezas. De algunas de ellas nacieron proyectos reales y en muchas de ellas tan solo locuras de unas charlas cerveceras.

Por todo esto yo me sentía con una pequeña-gran deuda sentimental con la twittsev y le propuse a @luisrull rehacer el logotipo del evento que se había quedado algo desfasado. Aportar mi granito de diseño era lo mínimo que podía hacer. Aprovechando que este mes se reactivaba el evento, después de un par de meses complicados, le mandé a Luis mi propuesta para que la valorara y compartiera con @TxemaMarin (organizador junto con Luis) y el resto de “sospechosos habituales” de la twittsev. Esta es la propuesta:

Twittsev es un evento cercano e informal y eso es lo que quiere transmitir este lettering caligráfico. Alejado de símbolos típicos de la ciudad porque lo que importa son las personas. Es la firma de un grupo de personas que se reúnen, acercan, conocen y divierten juntos.

A los organizadores y habituales les gustó bastante la propuesta o eso me dijeron ;) Me alegra que así sea y haber podido devolverle un poquito a la twittsev de todos los buenos ratos que me ha hecho pasar.

Download