Fuentes 2.0

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 Logo ClipShack — Compartir videos
Fuente: VAG Rounded con borde luminoso
Zimbra Logo Zimbra — Calendario público
Fuente: VAG Rounded Light
Wayfaring Logo Wayfaring — Rediseño de Google Maps
Fuente: VAG Rounded (engordado añadiendo borde)
Kajeet Logo Kajeet — Servicio de telefonía movil
Fuente: VAG Rounded (Con rediseño de la “j”)
Zopa Logo Zopa — Intercambio de prestamos
Fuente: parecida a Frankfurter Medium o Bryant Bold Alt
Pando Logo Pando — Almacen de archivos
Fuente: parecida a Bryant Medium Alt
MySpace Logo MySpace — Red social
Fuente: Arial Rounded Negrita y Bell Gothic Negro
TracksLife Logo TracksLife — Base de datos personal
Fuente: Arial Rounded Negrita
Eventful Logo Eventful — Calendario público
Fuente: Arial Rounded Negrita (ligeramente suavizada)
Spongecell Logo Spongecell — Calendario público
Fuente: Arial Rounded Negrita Extra
Skype Logo Skype — Telefonía VoIP
Fuente: Helvetica Rounded Bold
ShoZu Logo ShoZu — Compartir fotos
Fuente: FF Cocon Bold
Tabblog 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 Logo Last.fm — Red social musical
Font: ITC Ronda (rediseñada)

Alternativa: Avernus

Photobucket Logo Photobucket — Alojamiento de fotos
Fuente: Digital Sans Medium
Plazes Logo Plazes — Red de geografía
Fuente: Base 9 Regular SC
NewsGator Logo NewsGator — Agregador de noticias

Fuente: ITC Bauhaus Medium

ReminderFeed Logo ReminderFeed — Recordatorios por RSS

Fuente: FF Dot Matrix Doble Regular

Technorati Logo Technorati — Herramienta de búsqueda de blogs.
Fuente: Neo Sans Medium
TagWorld Logo TagWorld — Red Social
Fuente: Handel Gothic Negrita
Shoutwire Logo 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 Logo Xanga — Comunidad de Blogs
Fuente: Trade Gothic No. 2 Negrita e Iluminado
FeedBurner Logo FeedBurner — Optimización y seguimiento de RSS

Fuente: Trade Gothic Negrita

Newsvine Logo Newsvine — Compartiendo noticias
Fuente: FF Meta Bold and Book
StandPoint Logo StandPoint — Compartiendo ideas
Fuente: FF DIN Medium
DropSend — Compartiendo archivos
Fuente: Frutiger Negrita
Flickr Logo Flickr — Compartiendo fotos
Fuente: Frutiger Black
PureVolume Logo PureVolume — Promoción musical
Fuente: Avenir Book and Medium
Sutterfly Logo Shutterfly — Servicio de fotos
Fuente: Avenir Heavy (rediseñado)
9rules Logo 9rules — Red de diseño web
Fuente: Helvetica Bold
PODZINGER Logo PODZINGER — Buscador de Podcasts
Fuente: Interstate Black
Campfire Logo Campfire — Grupo de chat
Fuente: Interstate Regular
YouTube Logo YouTube — Compartiendo video
Fuente: Alternate Gothic No. Dos
Bloglines Logo Bloglines — Agregador de noticias
Fuente: ITC Officina Bold
Weblogs, Inc Logo Weblogs, Inc. — Red de Blogs
Fuente: Syntax Bold
Wikipedia Logo 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 Logo Socialtext — Enciclopedia pública
Fuente: Lisboa Sans
Facebook Logo Facebook — Red social
Fuente: Klavika (rediseñado)

También: cards con Vista Sans

Facebook Logo 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”

  1. Muy buen artículo. Interesante, aunque alguna de ellas ya las conocía. Prometo estar al tanto de las actualizaciones para descargarmelas todas toditas…

  2. 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 ! ;)

  3. 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”!

  4. jimy criptoy Dijo:

    Falta el logo Telefonica

Dejar un comentario