El Diseñador Web 2.0

web2.jpg 

Desde inconciente colectivo, Huasonic escribe y aclara el concepto web 2.0, enfocado desde el cambio que experimenta el diseñador web.

"Atrás quedaron esos dí­as en que internet era un conjunto de páginas estáticas, atrás quedaron esos dí­as en que las páginas se hací­an en flash, con sonido y mucho movimiento. Ahora son otros tiempos, páginas dinámicas que invitan al navegante a interactuar, servicios online que simplifican la vida y muchas, pero muchas comunidades online. Es la llamada Web 2.0, pero ¿cual es el rol del Diseñador Web en este nuevo paradigma?

Como toda nueva “norma” existen muchas dudas respecto a la denominada Web 2.0. Lo primero es aclarar que Web 2.0 es un concepto, que básicamente involucra a páginas desarrolladas con una serie de tecnologí­as que cada vez son más comunes. RSS, CSS, XHTML, Ajax, Flash, Tags, la idea es integrar y aprovechar lo que hay, no abusar. Pero más que su construcción es importante su contenido, eso es el plus de esta nueva Web.

Veo con buenos ojos todo esto, y creo que nosotros como diseñadores tenemos que saber sacarle partido a la Web 2.0; Lo primero es mirar alrededor y buscar coincidencias, saber diferenciar que cosas gráficamente definen la nueva web. Si bien esto ya se ha hecho, no es algo definitivo, internet está en pañales y las nuevas ideas se premian.

Lo segundo y a lo que querí­a llegar, se ha hablado mucho de estas nuevas tecnologí­as y nosotros siendo diseñadores no necesariamente tenemos que saber programar en php o saber hacer efectos en ajax. Para nada, solo tenemos que saber ocupar las mismas herramientas que la nueva web nos brinda.

Veamos un ejemplo.

Un cliente necesita hacer su página web, el no tiene idea de nada, solo sabe que tiene que tener una página. Un diseñador 1.0 habrí­a hecho una página estática en html, con suerte algunos gif animados, un diseñador 1.5 habrí­a hecho una página en flash y el cliente habrí­a quedado maravillado con esas animaciones.

Pero un diseñador Web 2.0 le ofrecerí­a a su cliente la posibilidad de tener una página dinámica, con un buscador integrado, base de datos, presencia en Google, un sistema de estadí­sticas y de muy fácil actualización. El le instalarí­a un CMS como WordPress, o

¿Ustedes todaví­a piensan que WordPress es solo para hacer blogs?

Frente a eso hay muchos prejuicios, los blogs son más que bitácoras, para mi son potentes herramientas capaces de publicar información y crear sitios como este que no tienen la lectura lineal de un blog. Y como WordPress existen muchos otros CMS que nos simplifican la vida. Y como ven, para tener un sitio dinámico en php no necesitas saber php.

Este es solo un ejemplo, es cosa de buscar para darnos cuenta que cada dí­a aparecen más servicios en lí­nea que simplifican la tarea del diseñador, y aunque están al alcance de todos, no todos tienen que saber ocuparlas.

Por ultimo no podemos sacar partido a la nueva web sin devolver la mano, siempre hay gente que necesita ayuda, también hay proyectos sociales que necesitan un poco de diseño, y no piensen en que ayudar significa regalar nuestro trabajo, al contrario en esta nueva internet estoy seguro que eso se devolverá."

Publicado en Sin categoría

Logos web 2.0

logosweb.png 

(ví­a fontshop.com) No existe un Standard oficial que hace que algo sea “web 2.0”, pero si hay algunos indicios. Estos nuevos sitios, ofrecen generalmente tecnologí­as modernas como Ajax, y a menudo tienen que ver con comunidades online. Pero lo más caracterí­stico de estas marcas es su aspecto. Los sitios 2.0 se sienten abiertos y cercanos y casi siempre usan tipos grandes. Los colores son luminosos, con mucho azul, naranjo y lo que en broma se llama el color oficial de la web 2.0; el verde lima.

Se pueden ver algunas de estas concordancias, en la compilación de Ludwig Gatzke’s , que cuenta con cerca de 400 Web 2.0 logos

 

Suaves (Softies)

La clara tendencia en esta identificación, se basa en el uso de tipografí­as suaves y redondeadas, dominadas por VAG Rounded (AKA Rundschrift), incluyendo también Helvetica Rounded, Arial Rounded, Bryant, y FF Cocon. Todos estos í­tems, dan a la amrca una apariencia amigable y moderna a lo que de otra forma hubiera sido una marca frí­a. Ejemplos:

ClipShack Logo ClipShack — video sharing
Font: VAG Rundschrift and Light obliqued
Zimbra Logo Zimbra — collaborative calendar
Font: VAG Rundschrift Light
Wayfaring Logo Wayfaring — custom Google Maps
Font: VAG Rundschrift (fattened with added stroke)
Kajeet Logo Kajeet — mobile phone service
Font: VAG Rundschrift (custom ‘j’)
Zopa Logo Zopa — lending exchange
Font: similar to Frankfurter Medium or Bryant Bold Alt
Pando Logo Pando — file sharing
Font: similar to Bryant Medium Alt
MySpace Logo MySpace — social networking
Font: Arial Rounded Bold and Bell Gothic Black
TracksLife Logo TracksLife — personal database
Font: Arial Rounded Bold
Eventful Logo Eventful — collaborative calendar
Font: Arial Rounded Bold (slightly smooshed)
Spongecell Logo Spongecell — collaborative calendar
Font: Arial Rounded Extra Bold
Skype Logo Skype — internet telephony
Font: Helvetica Rounded Bold
ShoZu Logo ShoZu — photo sharing
Font: FF Cocon Bold

 

Futuristas

Algunos sitios están reflejando las brechas tecnológicas de la tela 2,0 con una mirada que dice "tecnologí­a del mañana". Pixeles, bordes duros y formas ultra simplificadas. Estas no son tan comunes como las del grupo de arriba, pero reperesentan una buena porción de lo último en Internet.



Last.fm Logo Last.fm — musical social network
Font: ITC Ronda (customized)
Photobucket Logo Photobucket — photo hosting
Font: Digital Sans Medium
Plazes Logo Plazes — geographical networking
Font: Base 9 Regular SC
NewsGator Logo NewsGator — RSS aggregator
Font: ITC Bauhaus Medium
ReminderFeed Logo ReminderFeed — reminders via RSS
Font: FF Dot Matrix Two Regular
Technorati Logo Technorati — weblog search tool
Font: Neo Sans Medium
TagWorld Logo TagWorld — social networking
Font: Handel Gothic Bold
Shoutwire Logo Shoutwire — news sharing
Font: Agency Bold

 

Clásicas

Recursos tipográficos clásicos como Trade y News Gothic, Frutiger, Avenir, Interstate, FF Meta, FF DIN, y Helvetica; se ven utilizados en estos nuevos logos web.



Xanga Logo Xanga — weblog community
Font: Trade Gothic No. 2 Bold and Light
FeedBurner Logo FeedBurner — RSS optimization and tracking
Font: Trade Gothic Bold
Newsvine Logo Newsvine — news sharing
Font: FF Meta Bold and Book
StandPoint Logo StandPoint — belief sharing
Font: FF DIN Medium
DropSend Logo DropSend — file sharing
Font: Frutiger Bold
Flickr Logo Flickr — photo sharing
Font: Frutiger Black
PureVolume Logo PureVolume — music promotion
Font: Avenir Book and Medium
Sutterfly Logo Shutterfly — photo service
Font: Avenir Heavy (customized)
9rules Logo 9rules — web design network
Font: Helvetica Bold
Buzznet Logo Buzznet — photo/video sharing
Font: Helvetica Bold (and a familiar bundle of leaves)
PODZINGER Logo PODZINGER — podcast search
Font: Interstate Black
Campfire Logo Campfire — group chat
Font: Interstate Regular
YouTube Logo YouTube — video sharing
Font: Alternate Gothic No. Two
Bloglines Logo Bloglines — news aggregator
Font: ITC Officina Bold
Weblogs, Inc Logo Weblogs, Inc. — blog network
Font: Syntax Bold
Wikipedia Logo Wikipedia — collaborative reference
Font: Hoefler Text

 

Nuevas clásicas

Así­ como existen tendencias, siempre habrán diseñadores que rompen con estas. Los siguientes logotipos no siguen las tendencias anteriores y usan nuevas tipografí­as que tienen el potencial de convertirse en clásicos. De esta manera, la tipografí­a se usa en tí­tulos y gráficos. Una gran forma de reforzar una marca.



Socialtext Logo Socialtext — enterprise wiki
Font: Lisboa Sans
Facebook Logo Facebook — social networking
Font: Klavika (customized)
Also: cards with Vista Sans
Joyent Proxima Joyent — small business server
Font: Proxima Nova (alt ‘a’)
Not a logo, but we love Joyent’s use of Proxima — a new face that feels familiar but has its own character.

 

Publicado en Sin categoría

Comienzo de la convocatoria del 16. PremioBraun 2007

braun.png 

En Marzo del 2006 Braun GmbH invita nuevamente a estudiantes de Diseño Industrial y jóvenes Diseñadores Industriales que no tengan más de dos años de haberse graduado, al concurso del PremioBraun con el lema

"Design a real future"

En los próximos dí­as se enviarán casi 7.000 formularios para la convocatoria por todo el mundo, a Escuelas Superiores de Diseño, a Institutos de Diseño y a Agencias de Diseño. Los estudiantes y principiantes tendrán tiempo hasta el

Término del plazo de enví­o: 31 de enero de 2007

para hacer llegar a Braun sus conceptos de producto.

En total de adjudicará un premio de € 36.000. El ganador del PremioBraun recibe un premio de € 12.000 o una práctica (remunerada) de seis meses en la División de Diseño de Braun. Los demás finalistas reciben un premio de € 5.000. El resto del dinero se otorgará, según la estimación del Jurado, a las menciones especiales.

más info 

Publicado en Sin categoría

Teclas

adulto.png 

(ví­a El Respetable) "Uno de los objetivos relevantes de diseñar es mejorar nuestra capacidad de interactuar con las cosas. Este producto es un bálsamo para la gente mayor que tiene la práctica de comunicarse con su gente querida pero que no sabe qué lentes usar y como apretar sin que le tiemble la mano. En un mercado autoreferente, con diseñadores que hacen cosas para si mismo, aparece este producto, simple y obvio, pero que expande las posibilidades de nuestros “teclas”.

El modelo se llama EmporiaLife y pertenece a Emporia, empresa austrí­aca. Se la juegan por una pantalla grande con letras grandes, teclones y con un botón en la parte de atrás (parecido a nuestro mí­tico “botón de pánico”).

Supe gracias a | Xataca"

Publicado en Sin categoría