Encontrar un color para el diseño

ByLuis

Al menos a mí me ocurre que cuando estoy empezando con un diseño, y tengo que basarme en una imagen, me paso bastante tiempo buscando los colores que vayan con la imagen. Normalmente uso un editor de imágenes, realizo la pixelación de la imagen y voy buscando que los colores sean representativos. Esto puede ser sencillo con esta rápida y cómoda aplicación on line, que nos permite enviar una imagen, seleccionar el tamaño de los cuadrados de la pixelación y ver qué códigos tienen los colores. También se podría usar la entrada que explicamos sobre fondo de pantalla calculado de una imagen, pero esta opción nos permite optar a varios colores.
color-pallete.png
Color Palette Generator
Vía / Maestros del Web

Similar Posts

Feng-GUI: conoce que partes llaman la atención de tu diseño

ByLuis

Feng-GUI es una aplicación online que simula la detección de las zonas más llamativas para un usuario, ya sea de tu página web o diseño.
Mediante inteligencia artificial simular la percepción humana y mediante un mapa de calor resalta las zonas más llamativas.
fenggui.png
Se puede enviar una imagen o una URL, a mí no me ha funcionado con una URL, pero si se captura la imagen de la web se puede hacer de la misma manera.
Feg-GUI

Tutoriales sobre ilustración y diseño

ByLuis

illustrationclass.pngEn Intenta siempre encuentro cosas realmente interesantes (aunque la información la han obtenido de DissenyArt). En este caso se trata de una página que nos enseña diseño y como crear ilustraciones, lo cual para quienes somos unos expertos en el copy/paste conceptual, nos va a venir muy bien para aprender y no necesitar tanto del CTRL+C/CTRL+V.
Los tutoriales está muy muy bien, te explican paso a paso cómo lo han ido realizando, con imágenes de cada paso. La única pega que le pongo es que te tienes que bajar un zip y luego descomprimirlo en tu ordenador para ver el tutorial.
illustrionclass.com
Vía / Intenta

Kuler: un esquema diario de colores por Adobe

ByLuis

adobe-labs.pngSi ya hace tiempo hacíamos referencia a Daily Color Scheme, un lugar donde nos daban esquemas de colores para poder usar en nuestros diseños (que por cierto, no se actualiza demasiado), ahora nos toca hablar de Kuler una aplicación similar creada por Adobe, la cual nos permite ver esquemas de colores, crearlos, bajárnoslos y modificarlos.
kuler.png
Me ha gustado mucho la forma en que mediante una rueda de colores podemos crear nuestro propio esquema, permitiéndonos elegir si queremos colores análogos, monocromáticos…
Kuler
Vía / Criterion

Color toy: generador de esquemas de color

ByLuis

Ya hemos hablado en otras ocasiones de aplicaciones que nos ayudan a generar esquemas de colores. Ayer mismo yo necesitaba una, pero por problemas de conexión durante todo el día no pude acceder a ninguna para que me ayudara.
colortoy.png
¿Qué tiene de especial Color Toy?, su sencillez, no tiene rueda de colores, ni puedes elegir si quieres colores análogos o en contraste. Simplemente introduces un color y te da un esquema de colores, rápido y sencillo.
Color Toy
Vía / Infected-FX

|

Crear botones de suscripción con Photoshop

ByLuis

Puede que alguna vez te hayas preguntado cómo hacer uno de esos “minibotones” que aparecen en algunos sitios indicando la suscripción RSS, pues es tan sencillo como dar tres pasos en photoshop.
Creamos un archivo nuevo de las dimensiones deseadas, yo para el ejemplo uso una imagen de 22 pixels de ancho por 11 de alto.
Elegimos los colores que vamos a usar, en este caso he escogido dos tonos de naranja, #E39207 y #FFAE00
Seleccionando el color más oscuro, trazamos un borde de 1px de ancho por toda la imagen, seguidamente seleccionamos la herramienta de borrado y quitamos 1px de cada esquina dejando una imagen como esta border-rss-01.gif
El siguiente paso será hacer una selección de toda la parte interior del recuadro y realizar un degradado desde el extremo superior de la imagen hasta el extremo inferior gradient-rss-01.gif
Solo nos queda añadir el texto, lo hemos hecho píxel a píxel, y tendremos un atractivo botón para decorar nuestra web. button-rss-01.gif

Elements of Design: showcase de elementos web

ByLuis

Elements of Design es una galería de elementos contenidos en páginas web que nos puede ayudar a diseñar partes de la página y añadirlas al diseño general. Es como CSSMania pero en vez de diseños completos, enfocado únicamente a elementos.
elementsofdesign.png
Podremos encontrar diseños de formularios para comentarios de blogs, comentarios de blogs, calendarios, código, iconos, texto entrecomillado, formularios de registro, cajas de búsqueda y tipología de cabeceras.
Elements of Design