El Blog de Objetivo Creativo – Diseño Gráfico y Web en Gijón, Asturias

Fuentes 2.0

Publicado por Juanjo el 27 de Febrero, 2009  |  4 comentarios

Colección de logotipos Web 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í:

• Descargar Fuentes 2.0

 
 
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.

Fuente ecológica anticrisis

Publicado por Juanjo el 21 de Febrero, 2009  |  No hay comentarios

¿Os gusta el diseño de ésta fuente? ¿Plagado de agujeritos como si fuera un auténtico queso de Groulle? Es una fuente Sans Serif basada en la Verdana, y de uso libre, pero en éste caso los diseñadores de la fuente que os presento, no pensaron tanto en el diseño como en las ventajas económicas que traerí­a usar su fuente.

Ya que la razón de esos agujeros, es según ellos, ahorrar tinta para su impresión en las imprentas!!

Increíble pero cierto, y aunque puede parecer una broma, no lo es. Los creadores de ésta fuente tan original han creado lo que ellos llaman la fuente ecológica, y en su web, se han esforzado de verdad por hacer hincapié en todo lujo de detalles sobre los beneficios económicos y ecológicos que conlleva usar su fuente. En definitiva, se lo han planteado en serio, y lo han conseguido; crear una fuente ecológica.

Ellos dicen:

“Las ideas más atractivas son simples: ¿Cuánta tinta se puede eliminar de una letra sin que esta pierda su legibilidad? Tras extensas pruebas con todo tipo de formas. Los mejores resultados se obtuvieron usando círculos pequeños. Se obtuvo una tipografía que gasta hasta 20% menos de tinta por impresión.“

Creada por los chicos de Spranq y en su versión 2.0, basada en una fuente de codigo abierto y uso gratuito, está disponible aquí:

Descarga:

• Ecofont.ttf
• Ecofont.zip