Diseño

Color Scheme Designer, generador de paletas de colores

por

Color Scheme Designer

Post escrito por Edu de Volteck

Color Scheme Designer es una excelente herramienta que nos permite crear paletas de colores para diseñar nuestro sitio web, crear logos, o elegir alguna buena combinación de colores para cualquier tipo de diseño.

CSD es muy sencillo y fácil de usar, dentro de un circulo movemos un punto en el color deseado y se va mostrando la paleta a la derecha. Se pueden usar 6 variaciones de paleta (monocromático, analógico, complementario, etc.), además de elegir parametros secundarios, como brillo, saturación y balance entre «luces y sombras».

No requiere registro y podemos descargar la paleta final en varios formatos, desde HTML+CSS hasta el formato de paleta de Photoshop o Gimp.

Nuevo paquete de iconos sociales gratuitos

por

socialicons

El administrador de SixRevisions es tan fanático de los iconos sociales como nosotros. Por esto es que después de meses de descargarse todos los buenos grupos que viera, decidió hacer su aporte a todos ofreciendo su propio paquete de iconos sociales. El mismo cuenta con 14 iconos que simulan tener fondo de acero, ideales para un diseño limpio en tonos grises o para cuando deseamos agregarlos a un blog sin temor a que resalten demasiado y se vean fuera de lugar.

Entre los mismos se incluyen los «clásicos del diseño»: DesignBump, DesignMoo y DesignFloat (que quienes trabajamos en esto sabemos que no siempre los tienen en cuenta), además de las redes mas utilizadas por todos, como Technorati, Twitter y StumbleUpon. Están disponibles en 64×64 pixeles y en formato Jpg.

40 paquetes de iconos para diseño web

por

icons

Varias veces les comenté de la importancia de contar con buenos iconos si planeamos crear un diseño web. No tenemos que olvidar que estas pequeñas imágenes pueden darle vida a ciertas zonas del contenido, y que en todo caso siempre viene bien saber donde encontrarlos para cuando los necesitemos. El estilo de los iconos en un sitio va a depender del resto del diseño, lo ideal es que mantengan el mismo estilo y no mezclemos para evitar que se vean fuera de lugar.

En Hongkiat publicaron una recopilación con 40 paquetes de iconos para diseño web que son sin duda un buen lugar para comenzar a descargar. Veremos en gran parte iconos relacionados al blogging y a la navegación, además del clásico icono RSS, calendarios, globos de texto y algunos ideales si planeamos un sitio que requiera iconos de mercado. Recuerden revisar las licencias si van a utilizarlos en un proyecto comercial.

21 brushes de humo para Photoshop

por

somkebrush

Los brushes de humo tienen la peculiaridad de no solo servir en un diseño como humo en sí, sino que en buenas manos pueden transformarse en una fuente de iluminación del proyecto, o rodear de forma abstracta alguna figura, entre otras cosas. Como con todo, a donde los llevemos va a depender de nuestra creatividad y de la inspiración que tengamos en el momento, además de por supuesto nuestros conocimientos sobre el programa.

En QBrushes publicaron un nuevo paquete de brushes de humo, de excelente calidad. Esto es importante porque si bien brushes de este tipo abundan en Internet, es raro ver un buen paquete que nos muestre diferentes imágenes con buena definición. Fueron creados por Graham Jeffery y son en total 21 brushes que podemos sumar a Photoshop una vez los descarguemos.

Colección de herramientas para diseñadores

por

firebug

Todos los que diseñamos, como en cualquier otro trabajo, contamos con ciertos elementos y herramientas que hacen nuestro trabajo algo mas ameno y rápido, o que nos ayudan a realizar nuestras tareas de alguna forma. Seguro muchas ya son conocidas por ustedes, como los sitios que nos permiten probar diferentes fuentes para un diseño web.

La gente de WebDesignerDepot publicó una extensa recopilación con herramientas útiles para diseñadores. Se incluye practicamente todo lo que uno necesita, como por ejemplo aplicaciones relacionadas a la tipografía, CSS, sitios que nos ayudan con paletas de colores, a crear formularios, motivos y fondos para un nuevo proyecto, además de generadores de botones y claro, nuestro querido Firebug . Ustedes ¿Cuáles de estas herramientas usan a diario? Estaría bueno que nos cuenten y si conocen alguna mas la sumen con un comentario.

Pure CSS Menu, crea un menú en CSS online

por

PureCSSMenu

Pure CSS Menu es excelente herramienta que te da la posibilidad de crear menúes desplegables en CSS sin ningún tipo de conocimientos de diseño, y en un par de clicks. Podemos partir de templates predefinidos, tenemos 8 para elegir, no son muy lindos que digamos, pero lo ideal es que lo personalicemos a gusto en vez de usar un template.

Para decirlo de una manera sencilla, es una especie de editor WYSIWYG para menúes CSS, ya que podemos ir agregando o eliminando ítems o enlaces con un click, ajustando las tipografías y colores, el enlace de destino, etc. Siempre viendo una vista previa de los cambios en la parte derecha de la pantalla.

Una vez que terminamos le damos al botón «download» y descargaremos un archivo comprimido con el código CSS y HTML para instalar el menú, también están incluídas las imágenes.

PD: No vamos a entrar en la discusión de cómo se dice, si menúes o menús, por favor les pido (?).

Visto en Web Upd8

15 sitios con vectores gratuitos

por

vectores

Para quienes todavía no lo sepan, trabajar con vectores tiene muchas ventajas. La principal es que a diferencia de otros formatos, nos permite diseñar de forma libre sin temor a que las imágenes pierdan su definición. Algo que habrán notado que con un Jpg por ejemplo no ocurre si deseamos aumentar su tamaño. Es por esto en parte que es el formato habitual en los logos, sobretodo si se planea que éste sea impreso en un futuro.

En ScarletBits publicaron una interesante recopilación con 15 sitios con vectores gratuitos que todos los que trabajamos en esto tendríamos que conocer. Van a poder encontrar gran cantidad de recursos vectoriales en todas las temáticas que se imaginen y por supuesto con buena calidad, que es lo primordial siempre.

myFontbook, visualiza las fuentes que tienes instaladas online

por

My Fontbook
myFontbook es una aplicación web muy interesante que no había visto hasta el momento, creo que es la única en su tipo hasta ahora. Te permite ver todas las fuentes que tengas instaladas en tu computadora, pero de manera online desde el navegador.

Al entrar en el sitio tenemos que pinchar en «Launch viewer» para que se cargue la aplicación y muestre todas las fuentes que tengamos instaladas en nuestro equipo, el proceso demorará más o menos dependiendo de la cantidad de fuentes que tengamos instaladas. Yo tengo instaladas unas 22o y no llevó más de 15 segundos en renderizarlas.

Una vez cargadas mostrará todas las fuentes disponibles que tenemos mediante una vista previa, y en la parte inferior todo el set de letras y símbolos. Si queremos podemos personalizar el texto que queremos que se muestre, en la parte superior tenemos el campo para ingresar el texto, y la fuente se mostrará con ese texto que pusimos.

Otras funcionalidades interesantes pueden ser la de guardar tipografías como favoritas, organizarlas por categorías o asignarle ratings para las que más nos gusten. Les recomiendo que se creen una cuenta entonces las configuraciones del sitio no se les borran.

Visto en Wwwhat’s new

Agrega efectos divertidos a tu avatar de Twitter con Avatarize

por

avatarize
Hace un par de días les comenté sobre una campaña en Twitter anti-IE6, y de paso les conté sobre Twibbon, un servicio para crear «campañas» en las que los usuarios de Twitter se pueden sumar con su apoyo y modificar sus avatares. Ahora sale un servicio similar llamado Avatarize, que te permite agregarle efectos divertidos a tu avatar de Twitter.

Lo que tenemos que hacer primero, es loguearnos con nuestros datos de Twitter mediante OAuth, para que el sistema tenga acceso a nuestro avatar y así poder modificarlo. Luego podemos elegir entre los efectos disponibles que los demás usuarios crearon, o bien crear el nestro propio registrádonos en el sitio.

Visto en KillerStartups