Tengo un par de proyectos favoritos donde soy el único diseñador/programador y paso demasiado tiempo cambiando la interfaz de usuario para que sea más fácil de usar por usuarios reales y evitar amarillo brillante y verde que es tan común en los diseños de "programador".Fighting programmer colors
¿Tiene consejos para elegir un esquema de color cuando no tiene un diseñador de gráficos? ¿Cómo evitas crear la interfaz típica de "programador"?
kuler tiene una gran cantidad de combinaciones de colores enviados por los usuarios
editar: acaba de recordar ... también tratan colorlovers
http://www.colorotate.org/ –
Para las aplicaciones de escritorio, obtener los colores desde el sistema operativo. Personalmente, quiero que todas mis aplicaciones se vean y se sientan igual que mi sistema operativo.
Para aplicaciones web, no estoy muy seguro.
a veces +1 simplemente no es suficiente. – Simon
El sitio web de Adobe Kuler tiene muchos esquemas de color creados por el usuario cargados por los diseñadores. Normalmente, primero busco esquemas de mayor clasificación.
Hay muchos "selectores de tema de color" en la web. Si los usa, sus colores por lo menos se verán como si estuvieran juntos. El primero que miré en google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?
Últimamente he estado usando el siguiente sitio web: http://www.nickherman.com/colormatch/ para ayudarme (también como no diseñador) a elegir combinaciones de colores. Normalmente encuentro un color que es bastante agradable, luego uso los colores que combinan de este sitio web.
Si todo lo demás falla, ¡también le pregunto a mi esposa!
Objetivo para los colores pastel que son un poco más tenues que sus contrapartes en toda regla, es decir, un rojo pastel es más tenue que un (255,0,0) rojo, por ejemplo. Intente seleccionar colores de la misma paleta, una forma engañosa de determinar los esquemas de colores 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 usando la herramienta de cuentagotas de color en una aplicación como Paint.NET. De hecho, este enfoque engañoso se puede extender a esquemas de color 'prestados' de aplicaciones que ya existen y que tienen esquemas de colores que admira :-)
Si elige un color de "tema" para su aplicación, puede usar Kuler para ayudar a desarrollar la paleta.
Post relacionados:
que tienden a utilizar una gran cantidad de grises, junto con negro y blanco, mantenga las cosas simples y evite cualquier tipo de colores brillantes e irritantes. Me parece que así es como lo hicieron los tipos SO.
Marcadores Esenciales de Vitaly Friedman para diseñadores web & desarrolladores web enumeran una gran cantidad de color tools en línea, también es un condensed version
También hay un list of color tools on twiki.org que tiene algunos sitios adicionales.
Las guías de color como Kuler son un buen comienzo si no tiene idea acerca de cómo elegir los colores.
Algunas consideraciones básicas:
Uso contraste no de colores para diferenciar en su diseño. Esto es para dar cabida a daltonismo y usuarios con poca visión.
Utilice una paleta de colores tan limitada como sea 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.
Recibe consejos: no tiene que ser de un diseñador, igual puedes conocer a alguien que tenga buen ojo para estas cosas. Además, comentarios más amplios: pregunte a algunas personas por su opinión, eso puede ayudar.
Me gusta usar ColourSchemer y EasyRGB.
Déjame contarte una historia.
No tengo absolutamente ninguna confianza en mi capacidad para tomar decisiones estéticas; basta con ver la forma en que me visto para darme cuenta de que estoy justificado por mi falta de confianza. De todos modos, hace años me pusieron a cargo de escribir la guía para un nuevo producto (el "Editor de clips" en Cineon, para cualquiera que sepa eso). Esbocé un diseño, pero le pedí a mi jefe, el jefe de ventas y marketing, y varios "especialistas en aplicaciones" que me ayuden a elegir los colores. Nadie respondió, así que dije "al diablo con eso", y elegí un esquema de color tan feo que estoy seguro de que los beta testers retrocederían horrorizados y exigirían un cambio. Pero no lo hicieron, así que se despacharon con eso. Y escuché que los clientes amaron los "colores vivos". 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 combinación de colores!
Esto casi merece ser rechazado debido a la frustración que crea al no incluir una captura de pantalla. Después de pasar unos segundos con Google tratando de encontrar uno, obviamente estoy lo suficientemente frustrado como para dejar este comentario. :) – unwind
@unwind - el producto ya no está en el mercado, así que no me sorprende que no pueda encontrar una captura de pantalla. –
+1 historia impresionante –
Tenga en cuenta que nearly 10% de la población masculina del mundo tiene alguna forma importante de daltonismo. Siempre debe considerar esto al elegir los colores de la interfaz (especialmente si necesita capital, ¿adivinen qué? 1 de cada 10 inversores masculinos podría no ver sus puntos rojos en el gráfico de fondo verde que muestran el riesgo frente a la rentabilidad).
MSDN tiene una visión general razonable de esto, y hay varios website filters que muestran lo que su sitio (o cualquier sitio) se ve dado cualquier forma de daltonismo.
Aparte de eso, me gusta mucho COLOURLovers - no solo tienen una gran selección de esquemas de color etiquetados y definidos por el usuario, se los dan de muchas formas, y puede iniciar sesión y rastrear sus favoritos (o sus productores de esquema de color favoritos).
¡Mira los temas de otoño! No se puede ir mal con los colores de Michigan cuando las hojas cambian ...
-Adam
"Tenga en cuenta que casi el 10% de la población masculina del mundo tiene alguna forma importante de daltonismo". Amen a eso. Soy uno de esos 10% y no puedo decirte cómo me sale PO'd cuando leo material publicitario que dice "¡Lo hemos codificado por colores para su conveniencia!" ... Todo lo que puedo pensar es que no, no lo hiciste . Acabas de hacer que sea mucho más difícil para mí querer comprar tu producto. Es curioso que menciones el enlace de MSDN porque recuerdo que MS hizo algo similar a principios de los 2000 con su sub de MSDN. "¡Hemos codificado por colores los DVD para una fácil recuperación!" No, ¡acabas de follar a las personas daltónicas! :-) – Taptronic
te recomiendo empezar por leer sobre la teoría del color computacional. Wikipedia es en realidad un buen lugar para informarte sobre el tema. Intenta buscar un color por nombre en Wikipedia. Encontrarás más de lo que esperas.Rama desde allí hasta que tenga una sinopsis del campo.
A medida que desarrolla su ojo analítico, concéntrese en la comprensión de 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 sus colores rinden 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 patrones emerger. Por ejemplo, te darás cuenta de que es mejor evitar los colores de alta saturación en los componentes de la interfaz de usuario, excepto para fines especiales.
Finalmente, podrá analizar la salida de los generadores de paletas que se recomiendan aquí, y desarrollará sus propias teorías sobre qué hace una buena combinación y cuánto contraste se necesita para funcionar bien en la mayoría de las pantallas.
(Para evitar posibles frustraciones, puede omitir la prueba de percepción de color libre de Pantone. Se recomienda tomar en una pantalla de color calibrado. Si dice que tiene mala percepción del color, entonces el análisis numérico es muy importante para usted.)
¿Por qué los programadores piensan que no pueden tener habilidades de diseño? Es un motivo favorito mío. Es una habilidad que se puede aprender, como cualquier otra cosa.
Algunos recursos actualizados que utilizan:
Colorotate.org es un sitio muy bien diseñado con paletas enviadas por los usuarios de diferentes tamaños (a diferencia de kuler que proporciona sólo 5 colores por paleta). Le permite ver cómo se ven las combinaciones a varios tipos de personas con problemas de color.
colorschemedesigner.com genera paletas consistentes para usted, utilizando diversos algoritmos (complemento, tríada, tétrada ...)
sólo tiene que utilizar :-) naranja – TFD
1 Esto debería convertirse wiki –