12 Aplicaciones portables para Diseñadores Web

Que los diseñadores muchas veces se encuentran fuera de su area de trabajo no es ninguna novedad, actualmente la mayoria de los diseñadores y desarrolladores freelance realizan su trabajo desde los lugares menos pensados.

La mayoria de las veces llevan sus herramientas porque ya saben que es lo que van a hacer, pero muchas veces no es asi. Para esas ocaciones donde se necesitan las herramientas de un segundo a otro, la gente de Six Revisions ha realizado un artículo titulado: 12 Portable Apps for Web Designers donde detallan 12 herramientas portables indispensables para todo diseñador web.

Algunos de los elegidos son: Firefox, XAMPP, ABIWord y ToDoList entre otros.

Ideal para cargar el pendrive y tenerlo listo para cualquier imprevisto, no sea cosa que por distraidos perdamos una oportunidad!

500 Iconos gratuitos para tus aplicaciones web!

La gente de The Css Awards desarrollo un listado con más de 500 iconos gratuitos listos para poder utilizar en nuestras aplicaciones web.

Podemos encontrar desde iconos de browsers como Firefox, Opera, IExplorer hasta iconos RSS o iconos de tarjetas de credito, banderas o redes sociales entre otros.

Un buen recurso gratuito para tener en cuenta a la hora de comenzar un nuevo proyecto pensando en una estetica 2.0.

Para ver los iconos podemos ingresar a: http://www.thecssawards.com/blog/free-icons-for-your-web-apps.html y seleccionar cual es el recurso grafico que queremos descargar…

Espero que les sea de mucha utilidad grafica!

Google es definitivamente el peor en páginas de error 404

La página de error 404 ideal debe ser informativa, intuitiva, funcional y, en último lugar, esteticamente correcta.

Uno de mis consejos al respecto es mantener la gráfica general del sitio (menues, cabeceras, etc.) y cambiar la parte central, lugar donde indicaremos que hubo un error 404. Nuestras visitas verán que algo no funciona, pero tendrán la facilidad de continuar con su recorrido por nuestra web. Otro consejo muy importante es tener un registro de estos errores, para corregir posibles fallas que lo generen y evitar que se repita.

En este area debemos destacar el trabajo de compañias como Ebay (Ver 404) o Bing (Ver 404), ya que tienen páginas que ayudan al usuario… y prácticamente desechar las páginas de error de compañias como Google.

Justamente de ellos venimos a hablar. Google puede ser el mejor buscador, el mejor servicio de mail y el número uno en videos online, pero… ¿Jamás pensaron en mejorar sus páginas de error?

A continuación veremos los servicios más populares de google con sus respectivas páginas de error 404:

1- Blogger, Google Docs y Adwords
Las páginas de error de estos servicios son las peores de la lista. No se han tomado la molestia ni siquiera de cambiar la página por defecto.

Error 404 en Blogger, Google Docs y Adwords

Link: http://www.blogger.com/404

2- Google Adsense
De similares características al anterior, la página de error 404 de adsense ocupa el segundo lugar en el ranking.

Link: https://www.google.com/adsense/report/overview/404

3- Gmail, Google Search y generales de Google.com
Este es el más común dentro de Google, es reflejado por la mayoría de los sitios alojados dentro de Google.com (ej: loquesea.google.com). Ocupa el tercer lugar porque, al menos este, tiene un poco más de trabajo encima. Esta página de error parece haber sido creada por Larry Page en 1997! De usabilidad ni hablemos, sólo incorpora un poco de gráfica.

Link: http://www.google.com/6+654654

4- Google Custom Search
Finalmente estamos llegando a un buen puerto… no el mejor, pero bueno al fin.
La página de error de Google Custom Search al menos tiene una descripción y la posibilidad de ir a la página anterior o volver a la home. El diseño no está 100% integrado, pero cuenta con el logotipo y la fuente tipografica del servicio.

Link: http://www.google.com/cse/404

5- Feedburner
Llegando al final de nuestra lista nos encontramos con Google FeedBurner y una página de error que, si bien no es la mejor de todas, tiene las características necesarias para considerarse pasable.

Link: http://feedburner.google.com/fb/a/home/404

6- Youtube
La estrella de Google, Youtube también cuenta con una página de error personalizada en la que podemos ver una descripción del error y la posibilidad de ver o buscar otros videos. Esta página al menos tiene calidad, además cabe destacar que en el caso de youtube no es una página que se vea con mucha frecuencia.

Link: http://www.youtube.com/esta-pagina-no-existe

7- Orkut
La última de la lista y la mejor de todas las páginas de error de los servicios google. Orkut parece haber entendido realmente que es lo que necesitan los usuarios a la hora de caer en una página de error 404.

Link: http://www.orkut.com/Main#404

Antes de terminar me gustaría aclarar que, en algunos de los casos mencionados son muy pocas las veces que nos topamos con estas páginas, ya que hablamos de sitios cerrados o con poco margen de error. Sin embargo no justifico el mal desempeño de la empresa en materia de páginas de error 404 que voy a continuar catalogando como la peor que he visto en mi vida.

Muchas gracias.

Botones gratis para nuestros diseños

Botones gratis para web
Ya por muchos es sabido que DeviantArt es el sitio número 1 para los diseñadores que necesitan recursos para trabajar.

En deviantart miles de diseñadores experimentados y principiantes se encuentran y comparten sus conocimientos y herramientas, en la mayoría de los casos, gratuitamente.

La gente de First Web Designer ha creado un compilado con 39 botones gratis para nuestros diseños, todos tomados de deviantart.

Del listado, queremos destacar el que nos parecio de lo mejor. Se trata de Web UI Treasure, creado por ArtDesigner.lv

En el encontraremos una gran variedad de botones que pueden ser perfectamente aplicables a cualquiera de nuestros trabajos. Si bien no se encuentra alojado en Deviant Art como los demas, fue encontrado ahi.
Aqui les dejamos el link de descarga: http://artdesigner.lv/WEB_TreasureChest_Download

Para que se den una idea, la imagen colocada en este post fue tomada de ese recurso.

Entrando en http://www.1stwebdesigner.com/development/free-buttons-webdesign-resources-deviantart/ podras encontrar los 38 recursos gratis restantes.

60 tutoriales para diseñar iconos

cs3-style-icons
WebDesignbooth ha realizado un excelente compilado llamado 60+ Photoshop Tutorials For Icon Design en el que nos presentan 60 de los mejores manuales paso a paso para realizar nuestros propios iconos.

Si bien en muchos de los tutos nos muestran como desarrollar iconos ya existentes, como el caso de la imagen de este post, en muchos otros nos enseñan a crear nuestros propios iconos, acorde a nuestros gustos y necesidades.

Siempre es bueno tomar este tipo de ejemplos para aprender un poquito más de diseño y sobretodo de las posibilidades y trucos de las herramientas actuales de diseño gráfico digital como Photoshop e Illustrator.

Encuentra el compilado en: http://www.webdesignbooth.com/photoshop-tutorials-for-icon-design/

Tutoriales de Photoshop

Compilado de tutoriales photoshop
Compilado de tutoriales photoshop

La gente de trazos web nos acerca un excelente compilado con 79 tutoriales de photoshop.

Si no tenemos los conocimientos o la creatividad para crear un buen diseño en photoshop con este compilado vamos a poder crearlos paso a paso sin ningun problema.

No solo tendremos como resultado un buen diseño para nuestra web, sino que obtendremos algo mucho mas importante, que es el aprendizaje de ciertas tecnicas, consejos y demas, que haran que nuestro trabajo tenga un valor mayor a medida que avancemos en esta carrera.

Nunca olvidemos esto, podemos copiar un tutorial, podemos «robar» alguna idea, podemos crear basandonos en otro, pero nunca podemos dejar de aprender de todo eso. El diseñador que toma prestado y aprende, es admirable… el diseñador que toma prestado y no aprende nada, es un simple ladron de contenidos.

En este mundo aprendemos de lo que vemos en el otro, sobretodo en diseño, pero cuando dejamos de aprender, ya no tiene sentido seguir en el diseño. O al menos no tiene sentido llamarse diseñador.

Fuente: http://www.trazos-web.com/2009/11/03/79-tutoriales-para-crear-disenos-web-en-photoshop/