Que a veces, por más práctica que tengamos en cualquier tarea que llevemos a cabo, cuando la inspiración no existe, no hay forma de que la hagamos brotar así por sí sola.

Por eso, lo mejor en esos casos es dejar lo que estamos haciendo y ponernos a ver la TV, ir a caminar, escuchar música u otra cosa que nos distraiga, salvo que se nos haya puesto en la cabeza que no nos vamos a dar por vencidos y es ahí que necesitamos ver algo que tenga que ver con lo que hacemos, algo que nos inspire.

Por eso hoy les traigo 5 recursos que pueden ser la fuente de inspiración de cualquier diseñador y/o blogger, para crear o utilizar en sus sitios.

Les aclaro que estos sitios deben de agregarse a los favoritos como complemento de sitios como Smashing Magazine, Noupe, Hongkiat y otros, que por obvias razones no los enumero en estas fuentes de inspiración, ya que todo el mundo los conoce.

A continuación esas fuentes:

1) I Love Typography

En este sitio, creado por John Boardley, podemos encontrar todo lo que tiene que ver con fuentes.  Es uno de los servicios que me gusta más al momento de buscar inspiración cuando tengo que crear un banner o cualquier proyecto que incluya fuentes.

2) LogoPond

Tienen que crear un logo y la inspiración no les fluye?  aquí tienen infinidad de logo que pueden servir de fuente de inspiración para crear el mejor logo que se haya creado hasta el momento.

3) Veerle’s Blog

Un blog de diseño con unos modelos, gráficos y recomendaciones muy buenas.  Solo con ver algunos de sus diseños, podemos llegar a inspirarnos por un buen rato.

4) Cork Dump

Un sitio que tiene una lista ordenada de recursos para diseñadores.  Una lista para tener a mano!

5) CSSDesignYorkShire

Más de 5.000 diseños de webs y blogs que servirán de fuente de inspiración para cualquier diseñador.

[Imagen del comienzo CC The Judders]

Sin embargo, tenemos algunas colecciones que nos muestran themes que a uno se le hace difícil elegir. Se que muchos pensarán, pero esos themes tan buenos y populares los usan muchos y nuestro blog será lo mismo que los otros. La recomendación aquí es que no utilicenthemes así como los descargan, pues si, tienen razón en pensar que su blog se va a parecer a otros. Cuando descargan un theme deben de darle el toque que lo haga diferente a los demás.

Una prueba de ello es GeeksRoom y su theme actual. El mismo es el llamado Magazeen, que descargué de Smashing Magazine.   Si comparan el theme actual de GeeksRoom con el theme original, se darán cuenta que cambió y mucho! De todos los themes que busqué en su oportunidad, este era el mas útil para nuestro blog. Así y todo, tenía cosas que no me gustaban o no le daban la visibilidad que yo quería, por lo que lo adapté a nuestras necesidades.

Actualmente ya estoy creando mis propios themes, como este de WeblogStuff que es uno de mis primeros themes completos.

A continuación tienen una compilación de los 10 mejores sitios y colecciones de themes para WordPress de acuerdo a mi opinión:

1. Smashing Magazine

100 Free High Quality WordPress Themes: 2010 Edition

2. Noupe

15 High Quality Free Premium WordPress

3. WordPress.org

Colección oficial de themes aprobados para WordPress

4. Jauhauri

Jauhauri free Themes

5. SmashingHub

20+ Free Premium WordPress Themes of January 2010

6. Pro-Blog Design

40 Free Premium-Quality WordPress Themes

7. HongKiat

16 Free Premium WordPress Themes That Don’t Suck

8. Tech 18

100+ Best Free Premium WordPress Themes of Jan 2010

9. WP Explorer

70+ Best Free WordPress Themes of 2010

10. Graphics Alert

100 High Quality free premium wordpress themes 2010

Por ejemplo el sitio Beautiful Beta. cuyo editor es Hans, tiene una infinidad de recursos para Blogger y en especial para realizar cambios en una plantilla para ese servicio.

A continuación tienen un par de enlaces con 150 plantillas atractivas para sitios operados en Blogger, con la sección comentarios actualizado y sus propias estadísticas:

1. Las 14 primeras pantillas atractivas y gratuitas.
2. 136 plantillas gratuitas para Blogger.

Estas que les pasé son algunas de las mejores plantillas para Blogger de todas las que podemos encontrar en la web.

Si tienen tiempo y ganas, puede diseñar una ustedes mismos.

Espero que estos recursos los ayude y si tienen alguno que creen es bueno, no duden en compartirlo a través de los comentarios.

[Fuente GeeksRoom]

Acabo de ver en las feeds de Puntogeek un recurso que puede ser muy útil para los diseñadores web, especialmente de themes. Se trata de un servicio llamado Fillerati, que nos permite generar texto con partes de obras literarias, para usar en nuestros modelos.

[Fuente Puntogeek]

Una de las cosas con las que siempre luchamos los que desarrollamos sitios web son los colores.  Armonizar colores no es facil y es una de las claves para que nuestro sitio tenga un caracter distintivo, atractivo.

Existen diseñadores que quizás no necesitan mucho tiempo para crear una combinación de colores que combine con lo que un cliente le pide y que a su vez sea atractivo.  Pero otros no tenemos esa facilidad por lo que tenemos que utilizar alguna herramienta para crear esa paleta de colores que nos ayude a desarrollar un sitio.

A continuación les muestro una lista de 10 sitios que  nos ayudarán en esto de los colores.

1. I Like Your Colors

   Crea una paleta de colores tomando los mismos de un sitio web

2. EasyRGB

   A partir de valores RGB  crea colores complementarios, armonías y temas.

3. colr.org

   Crear, compartir y generar colores a partir de una imagen

4. Color Scheme Designer

   Crear esquemas de color mediante la modificación de opciones simples

5. Color Palette Generator

   Permite generar una paleta de colores a partir de una imagen

6. Web Color Combinations Testing Tool

   Herramienta para ver  combinaciones de colores en línea

7. ColorBlender

   Combinación de colores y creación de paletas

8. kuler

   Crear y compartir esquemas de colores

9. SlayerOffice

   Generador de paletas de colores

10. GenoPal Online

    Generar esquemas de colores armoniosos

Guerra Creativa es una comunidad que recién se lanza, en la cuál se reúnen desarrolladores web y diseñadores gráficos, con el solo hecho de mostrar sus diseños y además crear y participar en concursos en los cuáles se pueden ganar dinero y diversos premios.

Recién comienzan y se encuentran en estado Alpha, así que no se van a encontrar con muchas cosas, ni tampoco está funcionando a full.

En estos momentos tienen abierto un solo concurso, que se trata de crear el logo para ese servicio con un premio de una laptop y una tableta gráfica.

Todavía no se pueden crear concursos, pero cuando se pueda, será una fuente muy buena para las personas que necesitan crear un logo y no saben como.    En esta comunidad, podrán crear un concurso para el diseño de un logo e instituir un premio en dinero o algún gadget.

Lo bueno es que tienen una versión en español, aunque también se puede acceder en portugués e inglés.

Sin lugar a dudas una muy buena idea y esperemos que tenga éxito!

Vía: WWWhat’s New

Leyendo Puntogeek, me entero gracias a ISA sobre una compilación masiva de elementos y herramientas para webmasters y diseñadores web.

Esta compilación incluye prácticamente todo lo necesario como para idear, desarrollar y mantener un blog o un sitio web.

Entre lo más destacado, tratándose de herramientas en línea, tiene un sitio donde comparar fuentes, herramientas para CSS como por ejemplo para ver si el código CSS de un sitio es redundante,  una herramienta para ver como algunas personas, con problemas visuales, verían los colores del sitio,  generadores de paletas de colores y muchas otras herramientas muy necesarias para los que nos gusta trabajar en esto del diseño.

Pero eso no es todo, también tiene una serie de elementos para trabajar fuera línea como tabletas gráficas, tableros de inspiración y hasta como crearlos.

Sin lugar a dudas una colección espectacular de tools, que en su mayoría son muy útiles.

Enlace: Webdesigner Depot

htmlPlayground es una herramienta en línea muy útil, que ayuda a aprender HTML y CSS mediante ejemplos que podemos ir transformando en tiempo real y así, de esa manera nos permite ver como trabaja cada etiqueta, cada atributo y cada propiedad utilizados para el desarrollo de sitios webs.

También sirve para cualquier nivel de desarrolladores de sitios web, ya que es una herramienta que puede servir de referencia rápida y de la cuál podemos copiar código y además modificarlo para ver el resultado antes de implementarlo en un proyecto.

Elegimos que tipo de referencia queremos ver: Etiquetas XHTML, Atributos XHTML o Propiedades CSS.

Elegimos el item y a la derecha aparece una descripción del mismo, un ejemplo, el cuál se puede editar y cambiar para ver el resultado que produce ese cambio y como último tenemos un cuadro que nos muesta una preview de como se vería en un navegador.

El ejemplo del código viene en colores: etiquetas=verde, atributos=rojo y el texto en negro.

Excelente heramienta para aprender y también como referencia para desarrolladores.

Cada vez se perfeccionan más los servicios en línea que nos permiten construir un sitio web y Roxer no es la excepción.  Cualquiera con los mínimos conocimientos puede crear sitios muy buenos, digamos sitios que antes solo un profesional podía crear y solo con un par de clicks, arrastrar y soltar algún contenido e ingresar texto, podemos tener nuestro sitio en línea en unos pocos minutos, claro que dependiendo de la complejidad de nuestro diseño.

Como nos puede ayudar esto con un blog?  Facil nos puede inspirar en la etapa de diseño de nuestro blogs.  Elementos de inspiración pueden ser las plantillas, los colores, las zonas en donde colocar elementos como imágenes, texto, sectores para publicidad y más.

Posee varias plantillas que nos permiter comenzar a armar un sitio en cuestión de segundos.  La gestión del texto es similar a trabajar con un procesador de palabras tipo Microsoft Word, ya que podemos cambiar la fuente, el tamaño, color y muchas otras cosas más que nos permite darle al texto de nuestro sitio, un estilo personal.

Si tenemos más de una página en Roxer, podemos copiar elementos entre esas páginas, como películas, fotos, formatos de la página y otros componentes.

También nos permite configurar los bordes, el fondo y la transparencia de cualquier elemento.  No necesitamos conocer absolutamente nada de código HTML, como bien dije al principio con solo arrastrar y soltar basta.

Cuando trabajamos con imágenes, Roxer nos permite redimensionar las mismas en tiempo real, allí mismo, en el espacio en el cuál queremos ver la imágen.

Otra característica importante es que si tienen un dominio, lo pueden apuntar directamente al espacio que tenemos asignado en Roxer.

Muy buen servicio para los que no tienen o tienen muy poca experiencia en esto de armar sitios web y como dije anteriormente, aquí, construyendo una página, nos puede servir de inspiración para diseñar nuestro blog.

Algo que ayudaría mucho a un desarrollador web sería poder conocer que es lo primero que ven los visitantes al ingresar a un sitio web o blog, al ver una fotografia o simplemente al ver un aviso publicitario.

Para solucionar eso, un grupo de científicos especializados en visión inteligente, junto con unos desarrolladores web, crearon una aplicación en línea, llamada Feng-GUI, que genera un heatmap (mapa de calor) que nos muestra que lugares que un navegante ve en los primeros cinco segundos de exposición de una imagen.

Este servicio de inteligencia artificial simula la visión humana durante los primeros cinco segundos de exposición de una imágen y nos permite conocer cuáles son los puntos que ve primero o sea los más importantes.

El procedimiento es muy simple, si tenemos que probar una foto, no hay problemas, subimos directamente la foto y listo, en pocos minutos se genera el heatmap.  Pero si debemos analizar un sitio web,blog o ad, debemos si o si tomar un screenshot de los mismos y recien alli podemos analizarlo a través de la imagen de los mismos.

Los heatmaps presentan una escala de gradientes de color que representan las zonas que el ojo humano vería en esos primeros 5 segundos.

Una herramienta muy importante para creativos, que les puede dar una idea aproximada de donde colocar los elementos más importantes del mensaje que quiere difundir en su creación.

Aunque también puede servir a otras personas que quizas no son profesionales, pero necesitan conocer esto como por ejemplo aquellos que tienen adsense en su sitio y no saben donde colocarlo o lo están haciendo pero en el espacio equivocado.