Nota: “Éste articulo es una traducción del original obtenido en http://fontfeed.com/archives/the-logos-of-web-20/“
Actualización 1 de marzo de 2009: Después de un tiempo buscando fuentes de este articulo por aquí y por allá, he conseguido hacerme con un total de 45 fuentes de las aquí mostradas. Todavía me falta encontrar alguna que otra, pero todo se andará! Pero de momento creo que ya he conseguido recopilar un buen paquete de fuentes 2.0 para cumplir con lo prometido. La descarga de las fuentes de este articulo, está disponible aquí:
No hay ninguna norma o estilo a seguir para decir que un Logotipo es “Web 2.0“, pero siempre hay “algo” que nos lo dice de un sólo vistazo. Estos nuevos diseños llamados Web 2.0 suelen utilizar lo último en tecnología web, como por ejemplo Ajax, y también se suele relacionar con las llamadas Redes Sociales. Pero lo más caracteristico de todo, en los nuevos sitios Web 2.0, es su diseño. Los sitios Web 2.0 suelen transmitir una sensación de sociabilidad, amistad, comodidad, confortabilidad, normalmente con formas redondeadas y trazos grandes y gordos. Los colores son brillantes y alegres, mucho azul, naranja, y sobretodo el color oficial de la Web 2.0 conocido como: Yellowgreen
Puede ver alguno de estos elementos comunes del diseño Web 2.0 en la recopilación de los 400 Logos de Ludwig Gatzke’s compilation. A continuación, un desglose de las fuentes tipográficas más utilizadas por nuestras marcas más preferidas y conocidas por la mayoría.
Fuentes suaves
Una clara tendencia es el uso de fuentes suaves, tipografías redondeadas dominadas en su mayoría por VAG (AKA Rundschrift), pero incluyendo también a otras fuentes como Helvetica Rounded, Arial Rounded, Bryant, y FF COCON. Todas las fuentes presentan un aspecto moderno y amigable, sin las cuales las marcas podrían haber sido muy frias.
| ClipShack — Compartir videos Fuente: VAG Rounded con borde luminoso |
|
| Zimbra — Calendario público Fuente: VAG Rounded Light |
|
![]() |
Wayfaring — Rediseño de Google Maps Fuente: VAG Rounded (engordado añadiendo borde) |
![]() |
Kajeet — Servicio de telefonía movil Fuente: VAG Rounded (Con rediseño de la “j”) |
![]() |
Zopa — Intercambio de prestamos Fuente: parecida a Frankfurter Medium o Bryant Bold Alt |
![]() |
Pando — Almacen de archivos Fuente: parecida a Bryant Medium Alt |
![]() |
MySpace — Red social Fuente: Arial Rounded Negrita y Bell Gothic Negro |
| TracksLife — Base de datos personal Fuente: Arial Rounded Negrita |
|
![]() |
Eventful — Calendario público Fuente: Arial Rounded Negrita (ligeramente suavizada) |
![]() |
Spongecell — Calendario público Fuente: Arial Rounded Negrita Extra |
| Skype — Telefonía VoIP Fuente: Helvetica Rounded Bold |
|
![]() |
ShoZu — Compartir fotos Fuente: FF Cocon Bold |
![]() |
Tabblo y Tabblog — Compartir fotos Fuente: FF Cocon Bold |
Fuentes futurísticas
Algunos diseños son el vivo reflejo del avance tecnológico que conllevo la Web 2.0 con una mirada que dice “tecnología del futuro”. Figuras pixeladas, bordes duros, y minimalismo. Las formas no son tan comunes como la acogedora colección anterior, pero representan una buena parte de los comienzos de la Web en Internet.
![]() |
Last.fm — Red social musical Font: ITC Ronda (rediseñada) Alternativa: Avernus |
| Photobucket — Alojamiento de fotos Fuente: Digital Sans Medium |
|
![]() |
Plazes — Red de geografía Fuente: Base 9 Regular SC |
| NewsGator — Agregador de noticias
Fuente: ITC Bauhaus Medium |
|
![]() |
ReminderFeed — Recordatorios por RSS
Fuente: FF Dot Matrix Doble Regular |
| Technorati — Herramienta de búsqueda de blogs. Fuente: Neo Sans Medium |
|
| TagWorld — Red Social Fuente: Handel Gothic Negrita |
|
![]() |
Shoutwire — Compartiendo noticias Fuente: Agency Bold |
Las clásicas
Yendo a lo seguro con Trade y News Gothic, Frutiger, Avenir, Interstate, FF Meta, y FF DIN. Y por supuesto, la omnipresente Helvetica de toda la vida se continuará viendo en los nuevos logotipos web de hoy en día.
![]() |
Xanga — Comunidad de Blogs Fuente: Trade Gothic No. 2 Negrita e Iluminado |
| FeedBurner — Optimización y seguimiento de RSS
Fuente: Trade Gothic Negrita |
|
| Newsvine — Compartiendo noticias Fuente: FF Meta Bold and Book |
|
![]() |
StandPoint — Compartiendo ideas Fuente: FF DIN Medium |
![]() |
DropSend — Compartiendo archivos Fuente: Frutiger Negrita |
| Flickr — Compartiendo fotos Fuente: Frutiger Black |
|
| PureVolume — Promoción musical Fuente: Avenir Book and Medium |
|
![]() |
Shutterfly — Servicio de fotos Fuente: Avenir Heavy (rediseñado) |
![]() |
9rules — Red de diseño web Fuente: Helvetica Bold |
![]() |
PODZINGER — Buscador de Podcasts Fuente: Interstate Black |
![]() |
Campfire — Grupo de chat Fuente: Interstate Regular |
| YouTube — Compartiendo video Fuente: Alternate Gothic No. Dos |
|
| Bloglines — Agregador de noticias Fuente: ITC Officina Bold |
|
| Weblogs, Inc. — Red de Blogs Fuente: Syntax Bold |
|
![]() |
Wikipedia — Enciclopedia pública Fuente: Hoefler Text |
Nuevos clásicos
Al igual que siempre habrá tendencias, también habrá siempre diseñadores que las rompan. Los siguientes logotipos evitan los anteriores estilos mencionados y utilizan nuevas tipografías con gran potencial de convertirse en clásicas. El tipo de letra se utiliza en toda la página web, en las cabeceras y hasta en los gráficos. Es una buena manera de reforzar la imagen de una marca. Dicha manera es bien aplicada por:
| Socialtext — Enciclopedia pública Fuente: Lisboa Sans |
|
| Facebook — Red social Fuente: Klavika (rediseñado) También: cards con Vista Sans |
|
| Joyent — Servidor de empresa pequeña Fuente: Proxima Nova No tiene ningún Logo, pero lo tendrá algún día. No obstante, su fuente hace las veces de Logo. |
No hay más artículos relacionados
4 Respuestas a “Fuentes 2.0”























Muy buen artículo. Interesante, aunque alguna de ellas ya las conocía. Prometo estar al tanto de las actualizaciones para descargarmelas todas toditas…
Gracias. Me alegro mucho de que te guste :) Es lógico que conozcas muchas, son las más famosas en el mundo de Internet ^^
P.d: Yo prometo no tardar en actualizar con las descargas directas ^^
Actualización P.d.2 – 1 de marzo de 2009: Lo prometido es deuda, ya las tienes ! ;)
Oye Juanjo…
De LUJO!!! hermano excelente recolpilación, por casualidad encontre tú blog buscando un similar de fuente Hoefler & Frere – Jones! tal vez deberias de incluirla ya que esta dentro del top ranking; o no? Estare pendiente y tú blog ya esta en “mis favoritos”!
Falta el logo Telefonica