Colores del programador de lucha

Déjame contarte una historia.

No tengo absolutamente ninguna confianza en mi capacidad para tomar decisiones estéticas, solo tienes que mirar la forma en que me visto para darte cuenta de que estoy justificado en mi falta de confianza. De todos modos, hace años me pusieron a cargo de escribir la gui para un nuevo producto (el "Editor de Clips" en Cineon, para cualquiera que lo sepa). Dibujé un diseño, pero le pedí a mi jefe, al jefe de ventas y marketing y a varios "especialistas en aplicaciones" que me ayudaran a elegir los colores. Nadie respondí, así que dije "al diablo", y elegí un esquema de color tan feo que estoy seguro de que los probadores beta retrocederían horrorizados y exigirían un cambio. Pero no lo hicieron, así que se embarcó con él. Y escuché que a los clientesles encantaban los "colores llamativos". Y no solo eso, sino que unos años más tarde un competidor agregó un programa que parecía una estafa directa de mi Editor de Clips a su producto, ¡y copiaron mi esquema de color!

Para las aplicaciones de escritorio, obtenga los colores del sistema operativo. Yo, personalmente, quiero que todas mis aplicaciones se vean y se sientan igual que mi sistema operativo.

Para las aplicaciones web, no estoy muy seguro.

Tenga en cuenta que casi el 10% de la población masculina del mundo tiene alguna forma significativa de daltonismo. Siempre debe considerar esto al elegir los colores de la interfaz (especialmente si necesita capital - ¿adivina qué? ¡Es posible que 1 de cada 10 inversores masculinos no vea sus puntos rojos en el gráfico de fondo verde que muestra riesgo vs retorno!).

MSDN tiene una visión general razonable de esto, y hay varios filtros de sitios web que le muestran lo que su sitio (o cualquier sitio) parece dado cualquier forma de daltonismo.

Aparte de eso, realmente me gusta ColourLovers - no solo tienen una gran selección de esquemas de color definidos y etiquetados por el usuario, sino que te los dan de una variedad de maneras, y puedes iniciar sesión y rastrear tus favoritos (o tus productores de esquemas de color favoritos).

¡Ve a ver los temas de otoño! No puede ir mal con los colores de Michigan cuando las hojas cambian...

-Adam

Las guías de color como Kuler son un gran comienzo si no tienes idea de cómo elegir colores.

Algunas consideraciones básicas:

Use contraste no color para diferenciarse en su diseño. Esto es para dar cabida a los daltónicos y los usuarios con poca visión.

Utilice una paleta de colores lo más limitada posible. Elija un color como su 'tema' y elija tonos de ese color, y luego tal vez uno o dos colores contrastantes para ir con él.

Obtener consejos - no tiene que ser de un diseñador, es posible que todavía conozca a alguien que tiene un buen ojo para estas cosas. También, más amplia retroalimentación-pedir a algunas personas su opinión, que puede ayudar.

Últimamente he estado usando el siguiente sitio web: http://www.nickherman.com/colormatch/ para ayudarme (también un no-diseñador) a elegir combinaciones de colores a juego. Por lo general, encuentro un color que es bastante agradable, luego uso los colores a juego de este sitio web.

Si todo lo demás falla, también le pregunto a mi esposa!

Me gusta usar ColourSchemer y EasyRGB.

Algunos recursos actualizados que uso:

Colorotate.org es un sitio muy bien diseñado con paletas aportadas por el usuario de varios tamaños (a diferencia de kuler que proporciona solo 5 colores por paleta). Le permite ver cómo se ven las combinaciones para varios tipos de personas con problemas de color.

Colorschemedesigner.com genera paletas consistentes para usted utilizando varios algoritmos (complemento, tríada, tétrada...)

El sitio web de Adobe Kuler tiene muchos esquemas de color creados por el usuario cargados por diseñadores. Normalmente busco primero esquemas de mayor rango.

Hay muchos "selectores de temas de color" en la web. Si utiliza estos, sus colores al menos se verá como que pertenecen juntos. El primero que miré en Google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx ?

Apunta a colores pastel que sean ligeramente más tenues que sus contrapartes en toda regla, es decir, un rojo pastel es más tenue que un rojo (255,0,0), por ejemplo. Trate de seleccionar colores de la misma paleta, una forma engañosa de determinar los esquemas de color que uso es tomar una captura de pantalla de una aplicación de Office 2007, generalmente excel, y pegar algunos colores de sus paletas coordinadas utilizando la herramienta cuentagotas de color en una aplicación como Paint.NET. De hecho, este enfoque tramposo se extenderá a "tomar prestado" el color esquemas de aplicaciones que ya existen que tienen esquemas de colores que admiras: -)

Si elige un color de "tema" para su aplicación, puede usar Kuler para ayudar a desarrollar la paleta.

Entrada relacionada:

• Web 2.0 Combinaciones de colores
• Sé que he visto más, pero no puedo encontrarlos:)

Tiendo a usar una gran cantidad de grises, junto con el blanco y negro, mantener las cosas simples y evitar cualquier tipo de colores molestos y brillantes. Me parece que eso es lo que hicieron los chicos de SO.

Vitaly Friedman's Essential Bookmarks for web designers & web developers list a lot of online color tools , also a condensed version

También hay una lista de herramientas de color en twiki.org que tiene algunos sitios adicionales.

Te recomiendo que empieces leyendo sobre la teoría computacional del color. Wikipedia es en realidad un buen lugar para educarse sobre el tema. Intenta buscar un color por nombre en Wikipedia. Encontrarás más de lo que esperas. Rama de allí hasta que usted tiene una sinopsis de el campo.

A medida que desarrolla su ojo analítico, concéntrese en comprender sus colores y paletas de interfaz favoritos (o más despreciados) en términos de sus diversas representaciones en diferentes espacios de color: RGB, HSB, HSL. Mantenga Photoshop / GIMP abierto para que pueda hacer coincidir la experiencia subjetiva de las paletas con sus aspectos cuantificables. Vea cómo se reproducen sus colores en monitores pésimos. Observe lo que siempre permanece legible, y qué combinaciones de colores tienden a producir resultados no carismáticos o ilegibles. Preste atención a la información emocional transmitida por paletas específicas. Verás rápidamente emerger patrones. Por ejemplo, se dará cuenta de que los colores de alta saturación se evitan mejor en los componentes de la interfaz de usuario, excepto en los especiales propósito.

Eventualmente, podrá analizar la salida de los generadores de paleta recomendados aquí, y desarrollará sus propias teorías sobre qué hace una buena coincidencia y cuánto contraste se necesita para jugar bien en la mayoría de las pantallas.

(Para evitar la frustración potencial, es posible que desee saltar a la prueba gratuita de percepción del color de Pantone. Es mejor tomarlo en una pantalla calibrada en color. Si dice que tiene mala percepción del color, entonces el análisis numérico es extra importante para usted.)

¿Por qué los programadores piensan que no pueden tener habilidades de dsign? Es un fastidio mío. Es una habilidad aprendible, como cualquier otra cosa.

Http://www.hackification.com/2010/05/16/designing-a-vs2010-color-scheme-consistency-consistency-consistency/