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

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.

Trombiblog es un servicio que te permite incluir un widget en blog, para que los visitantes se tomen una foto con su webcam y aparezcan en tu sitio.  Este widget muestra la última captura, pero también te permite ver las fotos anteriores, además de dejar comentarios en cada una de ellas y votar por las mismas.

Es muy facil, solo tienen que suscribirse al servicio y una vez hecho esto, configurar el widget, que no es nada del otro mundo, copiar el código y agregarlo en nuestro sitio o blog.

Hecho lo anterior, los visitantes ya pueden comenzar a tomarse las fotos y para ingresar al álbum de fotos que se va creando, seguimos el enlace que está justo arriba de la foto y cuya leyenda dice ” See the ‘Trombi’ “.   Una vez en la página del álbum, hacemos click en alguna de las fotos que nos interesa y pasamos a una página en donde podemos dejar un comentario y valorar la foto en una escala de 1 a 5 estrellas.

Muy buen recurso para entretener a tus visitantes.  Ahhh, el sitio les aparecerá en francés, pero tienen la posibilidad de pasarlo a inglés y si no entienden ninguno de los dos lenguajes, no hay problemas, pues es un sitio intuitivo y muy facil de seguir, por lo que traducirlo con Google o algún servicio similar, será suficiente.

No es ninguna ciencia que la mayoría de los bloguers mucho no saben sobre diseño web.  No son lo que precisamente podemos llamar profesionales del diseño y si nó, miren algunos pié de página (footers) y hagan la cuenta de cuántos themes fueron creados por ellos mismos.

Pero eso no quita que con el tiempo, algunos de ellos, hayan aprendido algunas técnicas que hacen que su sitio sea una delicia visitarlo, aunque más no sea por la visual del mismo.

Uno de los mayores problemas para los que no nos dedicamos de lleno al diseño y cuando digo de lleno, me refiero a que además de crear nuestro blog, el diseño web es nuestra principal entrada de dinero, es el tema de los colores.

La combinación de colores es fundamental en un diseño.  Podemos llegar a tener unas imágenes o mejor dicho gráficos estupendos, pero si combinamos los colores erróneos, habremos creado un desastre visual que en lugar de atraer al visitante, lo espanta.

Ayer, navegando por la red, me encontré con un sitio que posee un toolbox con varias herramientas gratuitas que nos permite trabajar con colores para el diseño web.  Esta toolbox o caja de herramientas se llama ColorExplorer.

Con esas herramientas podemos crear y exportar paletas de colores, crear filtros y estilos,  ajustar colores.  Una de estas herramientas se llama MagicMatch y la misma nos ayuda a crear una paleta de colores de acuerdo a un determinado número de colores que nosotros le pasamos.

Una característica importante es la posibilidad de poder importar colores de cualquier imagen, lo que nos ayudaría a crear la paleta de colores de un theme, partiendo de algún logo que hayamos creado con nuestros colores favoritos.

Otra herramienta es la que nos permite convertir colores.  Podemos convertir un número RAL a su equivalente Web Safe Color.

Este es un servicio fundamental, no solo para los entusiastas, también lo es para profesionales, ya que estas herramientas nos permiten simplificar en mucho la tarea de trabajar con colores.

Vía: TecnoPassion

LogoEase es un servicio en línea de la empresa inglesa Graphic Design Ltd, que nos permite crear un logo profesional, en forma totalmente gratis. Los logos que se logran con este servicio son muy buenos, pero hay que tener en cuenta las limitaciones de un procedimiento en línea, además de la habilidad del usuario, variables que a veces, con pocos recursos, nos hacen hacer logos buenísimos.

El procedimiento es fácil, solo consta de 3 pasos. En el primero elegimos la imágen a usar en el logo. En el segundo paso, lo personalizamos a nuestro gusto y por último, lo descargamos a nuestro sistema.
Así de facil, así de simple.

El logo que recibimos, de acuerdo a nuestra elección puede ser en formato EPS, JPG, Tiff o PNG.  Cuando lo descargamos viene en un fichero comprimido del tipo Zip.  Si necesitamos las fuentes que utilizamos en el logo, se pueden encontrar en Larabie Fonts.

En el sitio de LogoEase pueden ver varios ejemplos que les dará una mejor idea de lo que se puede crear con esta aplicación en línea.   Verdaderamente un sitio a tener en cuenta.

Quieres que tu blog esté a la altura de la Web 2.0? Si bien quizás no ofrezcas un servicio Web 2.0, al menos, en forma visual, puedes hacer que tu blog tenga un estilo de este tipo con un logo de última generación, gracias al servicio que te ofrece ImageTool. 

Diferente a otros servicios que generan logos de este tipo, ImageTool presenta varias opciones para crear el logo y entre ellas nos encontramos con que podemos  seleccionar los colores del fondo y de la fuente, el tipo de fuente, que tamaño tendrá la reflexión, si queremos o no reflexión de la imagen, que resolución, que formato de archivo y como último nos permite incorporar un simbolo a derecha o izquierda, según nuestra elección.

Entre los símbolos que podemos elegir encontramos la figura de un astronauta, la palabra beta, la figura de un payaso, un engranaje y por último el signo más.

Como dije al principio, es un procedimiento fácil, rápido y el resultado es un logo que le dará al sitio que lo incorpore, una imágen mucho más acorde con estos tiempos de la Web 2.0.

Algo que veo a menudo es que muchos bloggers no se toman el tiempo como para renombrar las imágenes que incluyen en los posts, utilizando nombres de imágenes standards, que no describen la imágen y ni siquiera le colocan títulos, ni descripciones.  Eso es un gran error.   Perdiendo solo un par de segundos, llenando todos esos campos cuando incluímos una imágen en un post, podemos mejorar el SEO de las imágenes.

A continuación les comento 5 trucos para mejorar el SEO de las imágenes:

1) Utilizar el atributo Title.  El atributo Title de una imagen debe poseer información que tenga que ver con la imágen.  Por ejemplo si tenemos la imágen de un canario y en el atributo título escribimos ave, va a ser mucho menos relevante que si escribimos canario.  Muchos buscadores leen el atributo Title como una parte más del contenido.

2) Tratar de incluir palabras claves en el nombre de la imágen.  Una imagen llamada DSC9923.jpg, no nos ayudará para nada.  Pero siguiendo con el ejemplo anterior si la denominamos canario.jpg, será mucho más útil.

3) En lo posible, embeber las imágenes en el área de texto de un post.  Aunque esto no es tan importante, puede llegar a ayudar y si tenemos la posibilidad, tratemos de colocar palabras claves en el texto, cerca de la imágen.

4) No se deben de utilizar los mismos atributos ALT en dos o más imágenes que se encuentren en la mísma página.

5) Utilizar el atributo ALT.  Si bien algunos sostienen que no es muy importante, incluyendo el atributo ALT, los motores de búsqueda pueden llegar a entender mejor las palabras claves de una página.

Hoy en día, muchos son los recursos que tenemos como para comenzar o transformar un blog.   Themes?  hay a montones y si eligen como plataforma a Wordpress, es increíble la cantidad de themes gratuitos que tenemos la posibilidad de usar en nuestro blog.   La cuestión es que como son gratuitos, la mayoría de ellos vienen con formato standard al momento de incluir el título del blog.

Si queremos transformarlo en algo más acorde con estos tiempos, especialmente si no tenemos un logo predefinido, lo bueno sería incluír un título que impacte, llamativo, atractivo.   Si uno es diseñador, no existe ningún tipo de problemas, ya que o crear el logo o directamente arma un título con las fuentes que se se nos antoje, ya que con el Photoshop se puede hacer de todo.  

Pero qué hacen los que no tienen nada de diseñadores?  Bueno, para salir del paso y en solo unos pocos minutos, se puede obtener un logo para un blog que nos haga ver como que estamos remando para el lado donde va la corriente, la Web 2.0.   Se trata de una herramienta en línea, llamada SimWebSol Free Logo Generator, que nos permite crear un logo o título del tipo Web 2.o.

Para crear el logo no necesitamos suscribirnos, ni necesitamos aprender absolutamente nada, solo ingresamos los datos de las variables que necesita esta herramienta para crear el logo, presionamos Create Logo y listo, en un abrir y cerrar de ojos tenemos el logo listo.

Los datos que le pasamos son el título del sitio o blog, los colores, el tipo de fuente y hasta le podemos agregar un símbolo como por ejemplo un circulo con la palabra beta (para seguir a tono con la corriente )

No solo a prueba de personas que no se llevan bien con el mundo del diseño, si no también para aquellos diseñadores que no tienen mucho tiempo y necesitan crear un logo de este tipo ya!

Enlace: SimWebSol Logo Generator

Spice  Brains es un sitio que nos ofrece un programa gratuito, muy útil para diseñadores web.   Se trata del software llamado Instant Eyedropper.   El mismo nos permite identificar el código del color HTML de cualquier pixel en la pantalla y automáticamente grabarlo en el portapapeles de Windows.

Trabaja en forma muy facil y en solo en tres pasos obtenemos el resultado:

1) Movemos el cursor hasta el ícono del Instant Eyedropper que se encuentra en la bandeja del sistema. 

2) Presionamos y mantenemos presionado el botón izquierdo del raton.  Movemos el cursor hasta el pixel, del cuál queremos conocer el código de color.

3) Soltamos el botón del raton y listo, ya tenemos el código.

En forma automática, graba el valor del color en el portapapeles y luego, desde allí, lo podemos pegar en cualquier aplicación, texto o directamente en el código HTML de un sitio web.

Es un programa chico, que casi no toma recursos del sistema.  Este software se puede activar en forma automática, cuando arranca el sistema operativo o simplemente en forma manual, cuando lo creamos necesario.

Los formatos de colores soportados son los siguientes:

Bueno, nada más, hasta la próxima.Una herramienta sumamente indispensable para diseñadores.

Enlace: Instant Eyedropper

Existen muchos servicios que nos permiten crear banners, pero la mayoría son muy básicos.  Solo nos permiten personalizar algunos elementos básicos del mismo.  En realidad para realizar un banner más o menos como la gente, debemos de utilizar algún editor de imágenes como Photoshop, Gimp o alguno parecido.

El asunto es que hoy me enteré sobre un servicio para crear banners, que al principio me hizo pensar que era más de lo mismo, pero nó, el servicio Banner Fans Banner Maker es totalmente diferente y nos permite crear banners mucho más avanzados, los cuáles podemos configurar a nuestro gusto.

Como ven en el gráfico anterior, la configurción del banner se encuentra dividida en 5 lenguetas principales, en cada una de las cuáles tenemos distintas variables que podemos cambiar para personalizar el banner a nuestro gusto.

Podemos cambiar fuente, tamaño de fuente, color de fondo, color de cada una de las líneas de texto, agregar bordes de distintos colores, gradientes y hasta nos permite subir nuestras imágenes para personalizarlo aún más.

Como también podemos definir las dimensiones, podemos utilizar esta aplicación para crear el header de nuestro blog.

Solo nuestra imaginación nos permitirá crear un banner atractivo, para promocionar nuestro blog.

Enlace: Banner Fans Banner Maker