Secciones
Recientes
- ActionScript 3.0 - class Window Creacion de ventanas faci y rapida con esta clase en ActionScript 3.0 - 21-09-2008
- Flash y mapas de google(google maps) Como utilizar mapas con la tecnología flash - 01-05-2008
- La tierra desde el espacio como es la tierra vista desde el espacio - 20-04-2008
- 15 razones para cambiar el XP por Windows Vista No sabes todavía si cambiar y pasar al Vista ... aquí encontraras 15 razones para hacerlo - 14-04-2008
- Comprobar el rendimiento de tu Windows Vista Si queres comprobar el redimiento de tu Windows Vista lo puedes hacer sin comprar una herramienta adicional - 03-04-2008
Como son los logotipos de las webs 2.0
Que tienen en común los logotipos de las webs 2.0, colores, fuentes, estilo...
No hay unas reglas fijas como crear diseño web 2.0 pero parece que todo el mundo que va crando un site web 2.0 sigue las mismas reglas (unas reglas no escritas) .
Estas webs utilizan la tecnología de Ajax para mejorar la experiencia del usuario y evitar “recargar pagina” después de cada acción del usuario. La mayoría pretenden crear una comunidad de usuarios, pero visualmente los mas que une estas webs es su diseño.
Las webs 2.0 suelen hechas con una navegabilidad simple, intuitiva y utilizan fuentes grandes y fácil de leer. Los colores son claros, con mucho contraste (azul, naranja y el color “oficial” es el verde. Una recompilacion de los logos 2.0 podeis encontrar en la recomplicacion de Ludwig Gatzke’s
Los “Suaves”
Estos son unos logos muy claros utilizan fuentes redondos (la mayoría con la fuente VAG Rounded , pero también utilizan Helvetica Rounded , Ariel Rounded , y FF Cocon.
Todos estos logos te dan la sensación de algo amistoso, cálido y cómodo - esto es que los distingue de los logos fríos del estilo Logotipo Empresarial.
Aqui vienen unos ejemplos:
|
ClipShak - Compartir vídeos fuente: VAG Rounded y Light Obliqued |
|
Zimbra - calendario compartido |
|
Wayfaring - mapas de Google costumizables fuente: VAG Rounded (con acento añadido) |
|
Kajeet - servicio de telefonos móviles fuente: VAG Rounded (costumizado) |
|
Zopa - servicio de telefonos móviles. fuente: parecido a Francfurter Medium o Bryant Bolt Alt |
|
Pando - comartir ficheros fuente: parecido a Bryant Bolt Alt |
|
MySpace - red social fuente: Arial Rounded Bold and Bell Gothic Black |
|
TracksLife — base de datos personal fuente: Arial Rounded Bold |
|
Eventful — calendario compartido fuente: Arial Rounded Bold (un poco suavizado) |
|
Spongecell - calendario compartido fuente: Arial Rounded Extra Bold |
|
Skype - telefonia por internet fuente: Helvetica Rounded Bold |
|
ShoZu - compartir fotos fuente: FF Cocon Bold |
|
Tabblo y Tabblog - compartir fotos fuente: FF Cocon Bold |
Los “Futuristas “
Hay unos sites que sono como icono sobre la revolución tecnológica que ha hecho la web 2.0, su diseño dice “Somos el futuro tecnológico”. Fuentes pixelados, formas simplificadas son unas de las técnicas más utilizadas y ellos representan la mayoría de las webs que han cambiado el Internet
|
Last.fm - red social de musica fuente: ITC Ronda (customizado) alternativo: Avernus |
|
Photobucket - hosting de fotos |
|
Plazes - red de geoposicionamiento fuente: Base 9 Regular SC |
|
NewsGator - agregador de RSS fuente: ITC Bauhaus Medium |
|
ReminderFeed - alertas por RSS fuente : FF Dot Matrix Two Regular |
|
Technorati - buscador de weblogs fuente: Neo Sans Medium |
|
TagWorld — red social |
|
Shoutwire — compartir noticias fuente: Agency Bold |
Los “Clasicos”
Fuentes como Trade , News Gothic, Frutiger, Avenir, Interstate, FF Meta, FF DIN, y muchas veces se sigue encontrando Helvetica en estos logotipo.
|
Xanga — comunidad weblog |
|
FeedBurner — optimizacion de RSS y seguimiento |
|
Newsvine — compartir noticias fuente: FF Meta Bold and Book |
|
StandPoint — Compartir creencias fuente: FF DIN Medium |
|
DropSend — compartir ficheros fuente: Frutiger Bold |
|
Flickr - compartir fotos fuente: Frutiger Black |
|
PureVolume - promotora de musica fuente: Avenir Book and Medium |
|
Shutterfly - servicio de fotos fuente: Avenir Heavy (customizado) |
|
9rules - red de diseño web fuente: Helvetica Bold |
|
PODZINGER — buscador de podcasts fuente: Interstate Black |
|
Campfire — groupo de chat fuente: Interstate Regular |
|
YouTube — compartir vídeos fuente: Alternate Gothic No. Two |
|
Bloglines — agregator de noticias fuente: ITC Officina Bold |
|
Weblogs, Inc. — red de bloga fuente: Syntax Bold |
|
Wikipedia — enciclopedia compartida Font: Hoefler Text |
Los “Nuevos Clásticos”
Estas webs utilizan unas fuentes nuevas, modernas con mucho estilo que pretenden ser actuales para siempre, también estas webs utilizan estas fuentes en los títulos y en el aspecto grafico de la web.
|
Socialtext — wiki enterprise fuente: Lisboa Sans |
|
Facebook — red social |
Pagina origina el íngles: http://www.fontshop.com/fontfeed/archives/the-logos-of-web-20/
Escriba su comentario