JacoVox » diseño web

Los mejores y peores diseños web de Hollywood

jacobo — Tue, 16 Mar 2010 20:39:40 +0000

Mejores diseños

Hay muy pocos diseños que podemos considerar buenos en la industria de Hollywood, aquí algunos de ellos.

1. Gwyneth Paltrow

2. Tom Cruise

3. Emma Watson

4. Will Smith

5. Miley Cyrus

6. Jennifer Lopez

7. Madonna

8. Paris Hilton

9. Charlize Theron

10. Britney Spears

11. Lindsay Lohan

12. Sylvester Stallone

Peores diseños

Definitivamente estos actores con el dinero que tienen pueden pagar para que les hagan algo mejor no?

1. William Shatner

2. Mark Wahlberg

3. Colin Cunningham

4. Robin Williams

5. Arnold schwarzenegger

6. Sean Connery

7. Leanardo Di Caprio

Mención honorífica

Jim Carrey

Este diseño SI es genial.

Visto en: http://pelfusion.com/showcases/a-showcase-of-web-design-in-hollywood/

Antes de lanzar un sitio web recuerda…

jacobo — Tue, 20 Oct 2009 06:45:34 +0000

Basado en: 10 Things to remember before launching a website…

Los clichés del diseño web

jacobo — Mon, 05 Oct 2009 20:07:43 +0000

Te acuerdas por allá en el siglo pasado cuando todos los sitios tenían explosiones, gif animados, frames, fondos de “The Matrix” y estaban hechos para resolución de 800×600?

Era “Cool” en esa época, pero han pasado muchos años y todavía seguimos viendo los mismos clichés en muchos sitios, confieso que he pecado al complacer clientes poniendo introducciones en flash o un desgraciado popup de vez en cuando. Pero el diseño ha cambiado, la época de geocities ya pasó, incluso el diseño web 2.0 esta pasando de moda y hay que rediseñar nuestros sitios para que siempre estén frescos.

Por eso les traigo una lista basada en la recopilación de Webdesignledger de los que probablemente son los clichés más conocidos del diseño web, para que aprendamos de ellos y no los repitamos.

La lista después del salto

Reflejos

No hay que negarlo, hay veces que se ven bien en algunos diseños, pero el abuso de este recurso cansa y especialmente cuando se hace de forma incorrecta. No es solo invertir la imagen y fundirla en el fondo, para hacer un buen reflejo tienes que escoger una buena imagen, y darle al reflejo la perspectiva correcta.

Botones “Aqua”

El web 1.5 en su máxima expresión. Por más que se vean algo realistas, estos botones funcionaban muy bien para juegos en flash o interfaces de páginas infantiles. Ya no se usan, parecen cápsulas medicinales con un letrero encima.

Arabescos

No sabías que ponerle al fondo del sitio o a los frames de las imágenes? Un arabesco era la opción inmediata, pero estos recursos consumen mucho espacio vital en el sitio y aunque si son bien usados se ven bien, siguen siendo un cliché señoritero.

Escritorios con papeles y taza de café

Muy famosos en fondos de twitter y páginas de diseñadores web. No estoy en contra de su uso pero se han vuelto tan comunes que hacen que muchos sitios se vean parecidos.

Planeta tierra animado

No les miento al decir que un gran porcentaje de mis clientes me piden la famosa tierra girando, incluso en los logos. Este es un cliché tan arraigado y difícil despegarse de el. Ahí es donde tenemos que aconsejar al cliente y decirle que hay maneras más originales de mostrar que un sitio es internacional, las fotos son un gran recurso, íconos bien diseñados y estáticos reemplazan y superan al planeta giratorio inmediatamente. En este grupo entran el famoso planeta con líneas o “WIRED GLOBE” el planeta con órbitas, el avión dándole vueltas al planeta tierra, y Saturno.

Comic Sans

Ya hemos hablado aquí en jacovox sobre la famosa Comi Sans y su uso desmesurado en cualquier tipo de publicación y perfiles de myspace.

Lo bueno es que muchos diseñadores sabemos cómo saltarnos esta cómica fuente y escoger entre fuentes más fáciles de leer y menos cliché.

Las típicas imágenes de stock

Cliente: Quiero poner en mi sitio web unas fotos que representen nuestra relación con los clientes, nuestra experiencia y el gran servicio técnico que le damos a todos los que lo necesiten.

Diseñador: Claro!!! Le tengo la solución

1 semana después….

Diseñador: Le puse las siguiente fotos:

Dos personas dándose la mano
Grupo de ejecutivos en la sala de conferencias
Mujer bonita con un headset

NOOOOOOOO! Eso no se hace! Estas imágenes típicas de stock han sido usadas por años en el 60% de los sitios web, no caigas en la tentación.

Hojas de cuadernos

Un fondo común en muchos blogs, y repito, si sabes usarlo de la manera apropiada se va a ver bien, de lo contrario pasas a ser uno más del montón.

Fotos con marco de polaroids

Bastante famoso en las galerías de imágenes. Es una buena alternativa para quitarle la monotonía al diseño, pero es sobre usado.

Grandes íconos de RSS

Los íconos de RSS ya son tan famosos que no hay necesidad de hacerlos muy grandes, basta con una pequeña imagen y esos colores llamativos atraen al usuario inmediatamente.

Música que se auto reproduce

Estás navegando tranquilamente en tu oficina como cualquier buen trabajador cuando de pronto suena “??? LIVIN’ LA VIDA LOCA??? o el famoso ???CARMINA BURANA??? en el sitio que acabas de abrir, saltas de tu asiento, te golpeas contra la lámpara y tus tímpanos empiezan a sangrar…

Estas son las desventajas de los sitios con auto play, si vas a hacer un sitio con música de fondo (no recomendado) por lo menos deja que el usuario decida cuando poner la canción o quitarle el volumen, es bastante molesto y un cliché aterrador.

Contadores de visitas

En 1997 era bastante cool ver esas pequeñas cajitas con números surreales en muchos sitios web, ahora no significa nada, muchos sabemos que estas estadísticas se pueden modificar y no representan el verdadero tráfico de un sitio. Me quedo con el pagerank de google.

Gif animados

Creo que sobran las palabras.

Espero les haya gustado esta lista, y aunque no tengo toda la autoridad moral para criticar estas prácticas (muchas veces he cometido estos pecados) les recomiendo evitar al máximo en uso de los terribles y abominables clichés del internet.

*Y no se olviden: Esta página fue hecha con Adobe Dreamweaver, para una resolución de 1280×1024, navegador recomendado Firefox, Chrome, Opera o Safari y el contador se los quedo debiendo.

20 herramientas para diseñadores freelance a bajo costo

jacobo — Wed, 02 Sep 2009 01:43:38 +0000

Si estas comenzando tu carrera como diseñador web freelance, probablemente tengas que usar muchas herramientas para poner a andar tu negocio. Desde editores de imágenes, editores de texto hasta programas de contabilidad. No vamos a listar todas las herramientas en este post y por supuesto tampoco vamos a listar las obvias como Photoshop, Fireworks, Dreamweaver y toda su tribu de Adobes.

Editores de imágenes

Como les dije, nada reemplaza Fireworks o Photoshop, pero estas son algunas por si no tienen los $$$$$$$ que cuestan los Adobes.

PixelMator

Gimp

SplashUp

Feedback y pruebas de usabilidad

El feedback en tus diseños es muy importante, no es solo sentar a tu abuelita a ver si puede navegar en el sitio que acabas de crear, es mejor preguntarle a mucha gente. Probablemente te has olvidado del botón de inicio.

Concept Feedback

Five Second Test

Feedback Army

Herramientas de color

Colour Lovers y Adobe Kuler. Son gratis y buenas. Quieren más?

Colour Lovers

Adobe Kuler

Facturación, recibos y manejo de tiempo

Esto te ayuda a mantenerte organizado a la hora de cobrar.

Freshbooks

Invoice Machine

Billings 3

Compatibilidad en otros navegadores

Sé que todos los dias le deseamos la muerte a IE6, pero por desgracia tenemos que probar nuestro hermoso diseño en la boca de semejante bestia.

Litmus App

BrowserShots

Parallels

Pruebas locales

Como hacer correr un servidor en tu máquina.

Mamp

Codigo y programación

Hay muchos más aparte de notepad

Text Wrangler

NotePad+

Text Mate

Imagenes y Fotos

Nunca vamos a encontrar exactamente la imagen que queremos, pero estos sitios tienen muchas. Acuérdense de ver la licencia antes de usarlas.

Flickr

DeviantArt

Las 16 reglas del diseño web

jacobo — Sun, 09 Aug 2009 04:11:53 +0000

Eres diseñador, tienes clientes, ya te ha pasado esto o te va a pasar… que hacemos ,,, es el destino…

1. Si el texto que te manda el cliente consiste en dos palabras,, siempre una va a tener mala ortografia

2. Si le enseñas 3 diseños al cliente, el siempre escogerá el que menos te gusta, o cualquier combinación de los peores componentes de varios diseños

3. Si le enseñas dos diseños al cliente siempre te pedirá uno nuevo, si se lo das, siempre escogerá cualquiera de los dos primeros.

4. Si le pides un texto al cliente, el te enviara un texto escaneado. Si pides imágenes el te enviara una presentación de Power Point.

5. Los clientes NUNCA tienen el logo de su empresa en un formato decente. Mejor no preguntes.

6. La mejor manera de encontrar errores en el código de un sitio, es cuando se lo presentas al cliente.

7. Ninguna foto de stock se parece en lo mas minimo a lo que tienes en la cabeza.

8. Tu creatividad crece proporcionalmente a la distancia de la que te encuentras del computador.

9. El tiempo tomado para completar un trabajo, es inversamente proporcional al tiempo que le toma al cliente en quejarse.

10. Doctores, astronautas, ingenieros necesitan especializarse en sus ramas. Pero cualquier persona que trabaje en computación es un diseñador web.

11. El disco del cliente nunca va a correr en tu computadora, y cuando lo hace por lo general tiene fotos de su matrimonio.

12. Muchas veces al cliente no le gusta tu diseño, pero no sabe porque.

13. Un cliente que sabe exactamente lo que quiere, es peor que uno que no tiene ni idea.

14. Los cliente que nunca te dan el texto, siempre se van a quejar por el “Lorem Ipsum”

15. El tiempo de entrega de un trabajo es estrictamente exacto. A menos que el cliente deba contenidos, imagenes, esperes su aprobación o el cheque.

16. El cliente siempre tiene la razon. …….y es un idiota!

Si tienes mas reglas de diseno, las puedes dejar en los comentarios.

Los 20 sitios sobre diseño web que más ganan dinero

jacobo — Tue, 14 Jul 2009 07:07:04 +0000

Estos sitios dedicados al diseño web son los que más ganan dinero. La lista fué hecha por webdesigndev.com y esta basada en ganancias con publicidad, ventas de afiliados, miembros, tráfico, etc.

El rango va desde los $2,300 hasta $58,500 mensuales aproximadamente

Smashing Magazine

URL: http://www.smashingmagazine.com | Ganancias Mensuales: $58,500

- – - – - – - – - -

TutsPlus Network

URL: http://tutsplus.com | Ganancias Mensuales: $54,000 ($24,650 Just From BuySellAds)

- – - – - – - – - -

37Signals

URL: http://37signals.com/svn/ | Ganancias Mensuales: $34,300

- – - – - – - – - -

Freelance Switch

URL: http://freelanceswitch.com | Ganancias Mensuales: $13,000

- – - – - – - – - -

WebDesignerWall

URL: http://www.webdesignerwall.com | Ingreso Mensual: $12,000

- – - – - – - – - -

Authentic Jobs

URL: http://authenticjobs.com | Ganancias Mensuales: $9,500

- – - – - – - – - -

Noupe

URL: http://www.noupe.com | Ganancias Mensuales: $7,000

- – - – - – - – - -

Abduzeedo

URL: http://abduzeedo.com | Ganancias Mensuales: $6,000

- – - – - – - – - -

SixRevisions

URL: http://sixrevisions.com | Ganancias Mensuales: $6,000

- – - – - – - – - -

Tutorial9

URL: http://www.tutorial9.net | Ganancias Mensuales: $5,000

- – - – - – - – - -

Vecteezy

URL: http://www.vecteezy.com | Ganancias Mensuales: $4,500

- – - – - – - – - -

WebDesignerDepot

URL: http://www.webdesignerdepot.com | Ganancias Mensuales: $4,400

- – - – - – - – - -

BittBox

URL: http://www.bittbox.com | Ingreso Mensual: $3,500

- – - – - – - – - -

Smashing Apps

URL: http://www.smashingapps.com | Ganancias Mensuales: $3,100

- – - – - – - – - -

Just Creative Design

URL: http://justcreativedesign.com | Ganancias Mensuales: $3,000

- – - – - – - – - -

WebDesignLedger

URL: http://webdesignledger.com | Ganancias Mensuales: $3,000

- – - – - – - – - -

CSS Remix

URL: http://cssremix.com | Ganancias Mensuales: $2,780

- – - – - – - – - -

HongKiat

URL: http://www.hongkiat.com/blog | Ganancias Mensuales: $2,500

- – - – - – - – - -

Spoon Graphics

URL: http://www.blog.spoongraphics.co.uk | Ingreso Mensual: $2,400 (Plus Web Design Inquiries)

- – - – - – - – - -

Creattica

URL: http://creattica.com | Ganancias Mensuales: $2,300

20 Headers ilustrados para diseño web

jacobo — Sun, 03 May 2009 20:00:43 +0000

Usar ilustraciones propias en tu diseño web ayuda a que tu sitio sobresalga del resto. Y que mejor lugar donde poner tu ilustración que en el header (encabezado) de tu sitio?

Aqui 20 diseños con bonitas ilustraciones. Click en las imagenes para ir al sitio.

10 Excelentes blogs para diseñadores

jacobo — Sun, 03 May 2009 14:54:05 +0000

Cualquiera que sea tu especialidad en diseño, probablemente compartas el amor por todas las cosas relacionadas con diseño.

Soy diseñador web, pero disfruto leyendo blogs de diseño impreso, diseño industrial, fotografia, etc.

Aqui les dejo una pequeña lista de 10 blogs que ayudan bastante a utilizar tu dosis personal de diseño cada dia.

- Click en la imagen para visitar el blog