Blog Vecindad Gráfica Diseño Gráfico

• 1. Amarás a <div> sobre todas las demás etiquetas
• 2. No usarás <br /> en vano
• 3. Validarás siempre tu código con w3c
• 4. Honrarás al XHTML y CSS
• 5. No usarás tablas en la maquetación principal
• 6. No utilizarás la etiqueta <font> dentro del código
• 7. No harás Copy&Paste de otras páginas
• 8. No programarás sólo para Internet Explorer
• 9. No descargarás por el emule plantillas de templatemonster
• 10. No codiciarás la Web 2.0

Los 10 mandamientos del Webmaster

Webmasters Webmasters

Una extensa recopilación de “fotos” de sitios que supuestamente pueden ayudar a inspirar tu creatividad en la creación de un sitio Web.

Web Design Inspiration

Algo similar a Screenfluent, aunque este último tiene más diseños y tal vez con más calidad.
Screenfluent

No entiendo el por qué de la falta de USABILIDAD en algunos sitios de nuesto gobierno. Ahora es el turno para el sitio de 26 Feria Internacional del Libro Infantil y Juvenil.

Desde la entrada ya es un problema, comienza con Flash. Se tiene uno que esperar mucho si es que no tenemos banda ancha.
Además si ven en el título de la página de su navegador dice “Documento sin título”.

Luego de la espera, toda la información se muestra en unas infames ventanitas con scrolling.

Lo que se abre aparte, parece una clase Dreamweaver nivel super básico.

Al final quise ver los carteles ganadores del evento, pero solo me encontré con la misma ventanita y los nombres.

No aguanté más y tuve que cerrar el sitio.

No comprendo como es que se les pide a los diseñadores que lo hagan en Flash.
Flash es un excelente programa, pero para un sitio INFORMATIVO se requiere otro tipo de tratamiento.

Ni modo, deseaba planear una visita, no encontré nada de lo que buscaba, tendré que ir con mi hija a ciegas para ver que encontramos.

26 Feria Internacional del Libro Infantil y Juvenil

Ya se están mostrando los sitios que entraron al re-diseño de su sitio para el Otoño del 2006:

CSS Reboot Gallery

Al ver esta gran lista, solo me queda decir que no he hecho para nada mi tarea.

The ultimate webdesign usability checklist

Si tienes que crear una página con el famoso error 404 y no te llega la inspiración, puedes ver alguna de ellas en este sitio que encontré en Digg:

Area 404

Nuestro “cuate” CVander está haciendo un concurso para la persona que sepa explicar muy bien como crear una página web. Se puede utilizar texto, audios, videos y animaciones.
Suena interesante, además el premio es un iPod de 30 GB.

Más información:
Concurso: ¿Cómo le enseñarías a alguien a realizar una página web?

9 puntos que diferencian un buen diseñador de un gran diseñador.

Un buen diseñador:

* Decorate
* Believe “less?? is more
* Fix problems
* Are inspired within a genre
* Macrodesign
* Treat text as content
* Use good typefaces
* Code for one instance
* Redesign

Un gran diseñador:

* Communicate
* Believe “less?? and “more?? co-exist
* Prevent problems
* Are inspired by their total environment
* Microdesign
* Treat text as UI
* Use good typography
* Code for many instances
* Realign

Vale la pena bajar el audio de esta conferencia:
Nine skills that separate good and great designers de Cameron Moll.

Interesante reflexión la que se muestra en el post de Jeff Croft, What does it mean to be a “professional?? web designer?
A continuación presento una mezcla entre traducción de ese artículo y añadidos de mi parte:

Nos dice que hace un tiempo crear un sitio no era tan complicado, básicamente se componía de unas cuantas imágenes y HTML y la diferencia entre lo profesional o amateur no era tan evidente. No existía mucha programación envuelta en el proceso y las limitaciones del medio no hacían que se diferenciara un “buen diseño?? con un “mal diseño??.

Ahora es diferente, se requiere de más herramientas de programación, pero continúa la idea del pasado, que nos decía que cualquiera podía “diseñar?? un sitio en Internet. Lo hacían las secretarias, el hijo del dueño, el gurú de la compañía, etc.
Lo malo era cuando se proclamaban “diseñadores profesionales??.

Diseñar un sitio era comprarse Photoshop y Dreamweaver y listo, pero cuando se llega a requerir de un CGI, JavaScript, Flash con Actionscript, CSS, DHTML, accesibilidad, usabilidad, uso del color, manejar el lenguaje de diseño gráfico, saber aplicar el lenguaje visual del diseño web, etc. etc. entonces es cuando se comienza a ver la diferencia entre un profesional de verdad con un “chambista del diseño web??.

Ahora existen infinidad de “diseñadores web?? que bajan todas las plantillas gratis que existen en Internet, estas se componen de maquetas hechas con tablas y con unos cuantos filtros de Photoshop, las plantillas de Flash contienen los famosos “efectos de letras?? de Swish o algunas “animaciones cool?? -e innecesarias, que pululan por todos lados. O lo que es peor, existen personajes más avanzados que se roban las maquetas, CSS y gráficas de algunos diseñadores ya establecidos.

Pero el problema estriba en que los clientes son los que menos saben de lo que implica un diseño web profesional. No tienen la información correcta que les haga ver que no es lo mismo estar entrenados técnicamente a estar en el mundo creativo. Que se requiere el conocimiento de tipografía, color, comunicación, etc. etc.

Cuántas veces hemos escuchado esta plática:
-Ah eres diseñador?
-Sí diseño editorial y web
-De verdad? Mmmm yo tengo Dreamweaver y Photoshop, me puedes enseñar a crear mi sitio web?

Por otro lado los clientes te piden que “diseñes por ellos??:
-Mira ya tengo la idea de mi sitio, quiero que entre una animación de mi logo, digo para impresionar a la competencia, además quiero que en la intro se muestre todo un collage de los servicios que hago, Ok?
-Bueno, pero sabes que entrar con Flash en un sitio no es amigable para Google?
-Pero no importa, si un diseñador me dijo que él me hacía mi sitio con Flash de principio a fin por tan solo 100 o 200 dólares. Además me mostró todo un catálogo de diseños para escoger.

Cada día vemos más y más computadoras más y más cámaras fotográficas digitales, copias de Dreamweaver, Flash, Photoshop, etc. etc. Entonces cada día existirán más y más auto-proclamados Diseñadores Web, -ese será el pan nuestro de cada día.

Aquí es donde entra la prostitución del mercado, porque si uno cobra 1500 dólares por un sitio creado en CSS y amigable para Google, otro cobrará 500 dólares utilizando plantillas bajadas de Emule.
Por supuesto que aquí entrará nuestra experiencia profesional, tenemos que convencer al cliente que no es lo mismo un sitio diseñado con plantillas que nunca encontrarán los buscadores a un sitio amigable y listo para que el robot de Google entre a indexarlo.

Ya en lo personal me he encontrado con clientes que piensan que un sitio atiborrado de todas las animaciones posibles es un sitio mejor a uno simple, no saben de que un sitio debe ser amigable para los robots de búqueda.
Cuando les digo que debemos comenzar con un sitio ligero y amigable, me dicen que entonces por qué Nike y Cocacola manejan animaciones y animaciones.
Entonces les contesto que ellos ya están posicionados y su nueva compañía no lo está.
-¿Qué prefieres un sitio lleno de animaciones desde la primer página y que nadie pueda llegar por medio de los buscadores o crear primero un sitio que pueda indexar Google y posteriormente cuando estés posicionado agregarle animaciones “cool???
-Ah, bueno, es que pensé que todos los sitios en Internet los catalogaba Google y que los que estaban “más bonitos?? y más animados los agregaba en los primeros lugares.

En fin, estamos en pañales en esto del diseño web, así que todavía tenemos que aprender muchísimo, sobre todo a comunicarle a nuestros clientes lo que significa ser un diseñador web profesional.