Recursos en línea sobre el color para diseñadores

En A BLOG YOU CAN USE, tenemos una larga lista de recursos sobre el tema del color para diseñadores, los podemos encontrar en Online Color Resources for Designers y que transcribo a continuación:

Herramientas en línea del color:

• Color Tool 2.0.8 Alpha – Herramienta para generar y probar esquemas armoniosos de color.

• Palette Generato – Crea una gama de colores armoniosa del color a partir de una fotografía.

• Average Photo Color – Descarga una foto para encontrar su color medio.

• Colr Pickr – Fotografías mostradas de Flickr organizadas por el color dominante.

• Whats Its Color – Te da un esquema de color basado en una imagen descargada.

• Color Blindness Simulator – Comprueba las imágenes bajo diferentes tipos de valor cromático.

• Sherwin-Williams Color Visualizer – Para para explorar y combinar colores de la pintura.

• Colour Selector – Variedad de herramientas para crear y mezclarse, los colores que exploran.

• pic2color – A partir de la URL de una imagen, te dará un esquema de color.

• Color Wheel Calculator – Herramienta basada en Flash para explorar colores y sus armonías.

• Color conversion – Convertido entre los diferentes sistemas de color: RGB/CMYK/HSV/HSL/YUV/YIC

• colordb – Herramienta para encontrar colores y sus esquemas.

• Behr.com Explore Color – Gran herramienta para encontrar y coordinar los colores.

• Online Color Scheme Generator – Alternativa en línea al software más robusto de Color Schemer.

• 100 Random Colors – Herramienta en Ajax para la exploración del color.

• ColorToy 2 – Generador de esqumas del color en Flash.

• kuler – Crear y compartir los esquemas de color.

• GenoPal Online – Herramienta libre para encontrar esquemas de color armoniosos

• ColorJack: Sphere – Creador del esquema de color

• Color palette creator v1.6.1 – Generador del esquema de color

• ColorMixers – Herramienta basadas en los colores que se emplean en la Web

• ColorBlender – Para emparejar el color y creación de la gama de colores

• Web Color Combinations Testing Tool – Permite ver las diferentes combinaciones del color

• Color Palette Generator – Esquema de color a una fotografía.

• Color Palette Generator – Permite que generes una gama de colores de color de una foto o imagen.

• Color Scheme Generator 2 – Crear esquemas de color modificando las diferentes opciones.

• colr.org – Crear y compartir los colores, o generar un esquema de una imagen.

• EasyRGB – Crear las gamas de colores del color, o buscar las bibliotecas existentes del color.

• HTML Color Code Combination Chooser – Generador en línea del esquema de color.

• I Like Your Colors – Buscar automáticamente los esquemas de color de sitios Web.

• ColorJack: Studio – Herramienta Web para la generación de la gama de colores

Software para descargar:

• ColorPicker – Creación fácil de la gama de colores del color en Windows

• Color Schemer – Variedad de herramientas del software Color Schemer

• Anry Color Picker – Generador para la selección y armonía de color

• Pixie – Utilidad sencilla para seleccionar colores

• ColorImpact – Software de la creación del tema del color

• Pantone to RGB and CMYK – Permite la conversión de Pantone a CMYK y RGB

• ColorZilla Extension for Firefox – Extensión sencilla que permite la selección rápida de colores de la Web.

• ColourMod Colour Picker – Herramienta para manejar el color en el tablero del escritorio o de la Web.

• The Color Schemer – Software para visualizar la gama de color y sus mezclas.

Color Schemes:

• Screenalicio.us – Hojear los diseños de la Web por color, y ver los esquemas para cada sitio.

• Color Schemes (Standards for Life) – Esquemas de una variedad de fuentes

• Daily Color Scheme – Nuevos esquemas de colores diarios (hasta sept. de 2006).

• Kolur.com – Listado gamas de colores del color de sitios basados en imágenes y fotos.

• kuler – Crear y compartir los esquemas de color.

• Darkeye – Buscar diseños y las gamas de colores por colores individuales.

• Grammy Award Winning Album Colors – Esquemas de color a partir de las cubiertas del álbunes .

• Color palette predictions for the 2007 home – Esquemas de color del diseño de interior de Pantone.

Herramientas y generadores CSS

En el blog JUQUE nos muestra un útil compendio de herramientas y generadores CSS. Se trata de Popular Online CSS Tools and Generators de Lifehacker, que presento aquí con solamente los enlaces.

Para formatear y optimizar el CSS:

• CSS Formatter and Optimiser (de CleanCSS).

• CSS Formatter and Optimiser (de Code Beautifier).

• CSS Cascading Style Sheet Optimiser (de Flumpcakes).

• Cascading Style Sheets Optimization (de CSS Optimiser).

Compresores de CSS:

• CSS Compresor (de CSS Driver).

• CSS Compresor (de Icey).

CSS Layout Generators

• List-u-Like CSS Generator (de Listulike).

• A CSS stylesheet generator. (de Scriptomizers).

• Layout-o-matic (de InkNoise).

• CSS Layout Generator (de CSS Creator).

• The Generator Form v2.90 (de Position is everything).

• CSS Style Editor (de QrONE CSS Designer).

Dos prácticos generadores de favicones

Para la realización de favicones, en XIBERNETICOS nos proporcina dos interesantes recursos: Faviconsfor.us y Flavicon.com son generadores de favicones online para nuestro sitio web. Como todo servicio de este tipo, son muy sencillos de utilizar, solo debemos subir desde nuestro ordenador una imagen previamente diseñada en 16×16 o 32×32.

Los dos enlaces ha sido sacados de cssjuice, que han realizado una lista de 20 generadores online, algunos de ellos son muy conocidos, pero aquí tienes el enlace, por si los desconoces.

• Para más información sobre el tema: Utilidades para crear un favicon

YourGen, generando textos, relojes y contadores para nuestra web

En GENBETA Cyberfrancis, nos muestra en esta ocasión a YourGen, un generador de textos con estilo informal, así que si estás aburrido puedes jugar un rato con los resultados que se consiguen.

Nos permite escoger una tipografía existente de una amplia variedad de tipografías informal, permitiéndonos escribir el texto que deseamos y obtener el resultado con dicho texto y tipografía, permitiéndonos no sólo escoger el código para añadir dicho texto generado en nuestro sitio web sino además nos ofrecen códigos para añadir relojes o contadores para nuestro sitio web bajo la tipografía seleccionada. Además, podemos añadir un widget a nuestra web para que nuestros usuarios generen sus textos directamente.

Además, los diseñadores podrán crear nuevas tipografías para YourGen, de manera que el resto de usuarios puedan llegar a usarlos e incluso valorarlos.

Sin duda un servicio que gustará mucho, sobre todo, para usuarios de los “Spaces”.

30 manera de presentar las galerías de fotos, slideshows y lightboxes

Fotos de la familia, de las vacaciones o trabajos artísticos creativos: cualesquier imagen tiene que ser presentada, pero se puede hacer en una variedad de maneras diferentes. En una pantalla grande, en demostraciones de diapositiva o en una galería. Sin embargo, para transmitir mensaje de los resultados fotográficos, lo tienes que hacer con eficacia, por lo tanto es importante ofrecerlos de una manera atractiva e intuitiva. La presentación de las imágenes más valiosas por sí mismo puede hacerse de una forma simplificada al hojear los centenares de diapositivas de una colección.

Hay literalmente centenares de las soluciones para las galerías en la web. Los de Smashing Magazine han seleccionado 30 diferentes maneras de presentar las galerías para presentar efecazmente tus imágenes de forma impresionantes. utilizan diferentes técnicas, la mayor parte de no tienen ningun requisito técnico, así que puedes utilizarlo enseguida. Tomemos una mirada al artículo 30 Scripts For Galleries, Slideshows and Lightboxes.

Sky CSS Tool, generando hojas de estilo en línea

Cyberfrancis en GENBETA, nos muestra una herramienta online que nos permite la creación de nuestra propia hoja de estilos de una manera muy simple. Se trata de Sky Css Tool.

Tenemos la columna izquierda, donde veremos una serie de selectores a los cuales vamos a configurar sus características a través de los botones que tenemos a su derecha, mostrándonos una serie de propiedades a configurar. En caso de que no tengamos a un selector que nos haga falta, también lo podemos añadir y seguir configurando sus características y propiedades.

Una vez configurado todas las características de los selectores que hemos usado, podemos eliminar las que no tengamos en uso y, por otro lado, obtener la hoja de estilo generada automáticamente.

No sé cuanta utilidad podrá tener esta herramienta frente a herramientas de escritorio, algunas tan sencillas y multiplataforma como Simple CSS, pero está ahí para quienes esta forma de trabajo le pueda servir.