Pregunta

Tengo un par de mascotas proyectos donde soy el único diseñador/programador y me paso demasiado tiempo en el cambio de la interfaz de usuario para facilitar el uso de por usuarios reales y evitar brillante de color amarillo y verde que es tan común en "programador" de los diseños.

¿Tienes consejos para elegir un esquema de color cuando usted no tiene un diseñador de gráficos alrededor?¿Cómo se puede evitar la creación de la típica "programador" de la interfaz?

¿Fue útil?

Solución

kuler tiene un montón de usuario enviado esquemas de color

editar:acabo de recordar...también trate de colorlovers

Otros consejos

Permítanme contarles una historia.

Absolutamente, no tengo confianza en mi habilidad para hacer que las opciones estéticas - usted sólo tiene que mirar la forma en que el vestido de darse cuenta de que estoy justificado en mi falta de confianza.De todos modos, hace muchos años me pusieron a cargo de la redacción de la interfaz gráfica de usuario para un nuevo producto (el "Editor de clips" en Cineon, para alguien que sabe de eso).Esbocé un diseño, pero le pregunté a mi jefe, el jefe de ventas y marketing, y diversos especialistas en aplicaciones" para ayudar a la elección de los colores.Nadie respondió, así que me dije: "al infierno con él", y se optó por un esquema de color tan feo estoy seguro de que los beta testers sería retroceso en el horror y la demanda de un cambio.Pero no por lo que se entregan con él.Y me enteré de que los clientes amado el bold "colores".Y no sólo eso, sino que un par de años más tarde, un competidor añadido un programa que parecía un directo rip-off de mi Editor de clips de sus productos, y que han copiado mi esquema de color!

Para las aplicaciones de escritorio, obtener los colores de la OS.Yo, personalmente, deseo que todos mis aplicaciones a verse y sentirse de la misma como a mi OS.

Para aplicaciones web, no estoy muy seguro.

Tenga en cuenta que casi el 10% de la población masculina del mundo tienen alguna forma de ceguera al color.Usted siempre debe tener en cuenta esto cuando la elección de colores de la interfaz (especialmente si usted necesita capital - ¿adivinen qué?1 de cada 10 de los inversores puede que no vea sus puntos rojos sobre el fondo verde gráfico del riesgo vs volver!).

MSDN tiene una visión general de este, y hay varios sitio web de filtros que muestran lo que su sitio (o cualquier sitio) se ve como cualquier forma de daltonismo.

Aparte de eso, me gusta mucho COLOURLovers - no sólo tienen una gran selección de usuario marcados y definidos los esquemas de color, que dan a usted en una variedad de formas, y usted puede iniciar sesión y el seguimiento de sus favoritos (o el color favorito de su esquema de productores).

Ir echa un vistazo a la caída de los temas!No puede ir mal con Michigan colores cuando las hojas cambian de...

-Adam

El color de las guías como Kuler son un gran comienzo si usted no tiene ninguna idea acerca de la elección de los colores.

Algunas consideraciones básicas:

El uso de contraste no en el color para diferenciar en su diseño.Este es adaptarse a la ceguera al color y mal a los usuarios videntes.

Uso limitado como una paleta de colores como usted puede.Elegir un color como su 'tema' y elegir tonos de ese color y, a continuación, tal vez uno o dos colores contrastantes para ir con ella.

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

Últimamente he estado usando el siguiente sitio web: http://www.nickherman.com/colormatch/ para que me ayude (también un no-diseñador) recogida de coincidencia de colores.Por lo general encontramos un color que es bastante agradable, a continuación, utilizar el juego con los colores de este sitio web.

Si todo lo demás falla, yo también pido a mi esposa!

Me gusta el uso de ColourSchemer y EasyRGB.

Algunos recursos actualizados que yo uso:

Colorotate.org es un sitio muy bien diseñado con el usuario contribuido paletas de diferentes tamaños (a diferencia de kuler, que proporciona sólo el 5 colores por paleta).Esto permite ver cómo las combinaciones de mirar a los diversos tipo de color-las personas con impedimentos.

colorschemedesigner.com genera consistente paletas para usted, utilizando varios algoritmos (complemento, tríada, tetrad...)

Adobe Kuler sitio web tiene un montón de usuario creado esquemas de color subido por los diseñadores.Yo, normalmente, la búsqueda de mayor puntuación en esquemas de primera.

Hay un montón de "tema de color "recicladores" en la web.Si el uso de estas, sus colores, al menos, parece que pertenecen juntos.El primero miré en google: http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?

Objetivo de colores pastel que son menos brillantes que su desarrollo completo de los homólogos, es decir,un pastel rojo es el regulador de un (255,0,0) rojo, por ejemplo.Trate de seleccionar los colores de la misma paleta, una cheaty forma de determinar los esquemas de color que uso es tomar una captura de pantalla de una Oficina de 2007 de la aplicación, generalmente de excel y pegar a cabo algunos de los colores de sus coordinado de paletas de uso de la herramienta cuentagotas de color en una aplicación como Paint.NET.De hecho, este cheaty enfoque debe extenderse a los "préstamos" esquemas de color de las aplicaciones que ya están allí que han esquemas de colores que usted admira :-)

Si tienes que elegir un "tema" de color para su aplicación, puede utilizar Kuler para ayudar a la carne fuera de la paleta.

Related post:

Yo tiendo a usar un montón de grises, negro y blanco, mantener las cosas simples y evitar cualquier tipo de molesto, colores brillantes.Me parece que es lo que la TAN chicos hicieron.

Vitaly Friedman Esencial de Marcadores web para diseñadores y desarrolladores web la lista de un montón de en línea herramientas de color, también un versión condensada

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

Te recomiendo empezar por la lectura de los computacional teoría del color.Wikipedia es realmente un buen lugar para educarse sobre el tema.Busca un color por su nombre en la Wikipedia.Va a encontrar más de lo esperado.Rama de allí hasta que usted tiene una sinopsis de el campo.

Como desarrollar su analítica de los ojos, centrándose en la comprensión de su favorito (o más despreciado) interfaz de colores y paletas de color en términos de sus diferentes representaciones en diferentes espacios de color:RGB, HSB, HSL.Mantener Photoshop/GIMP abierta por lo que puede coincidir con la experiencia subjetiva de paletas a sus aspectos cuantificables.Ver cómo tu representar los colores en pésimo monitores.Aviso de lo que siempre sigue siendo legible, y que combinaciones de color tienden a ceder poco carismático o ilegibles resultados.Preste atención a la información emocional transmite específicos de paletas.Usted verá rápidamente los patrones emergen.Por ejemplo, usted se dará cuenta de que la alta saturación de colores, es mejor evitar en componentes de interfaz de usuario, excepto para fines especiales.

Con el tiempo, usted será capaz de analizar la salida de la paleta de los generadores se recomienda aquí, y que va a desarrollar sus propias teorías acerca de lo que hace un buen partido, y cuánto contraste es necesaria para jugar bien en la mayoría de pantallas.

(Para evitar posibles frustración, usted podría querer saltar al Pantone del color libre de la percepción de la prueba.Es mejor tomarlo en un color de la pantalla calibrada.Si dice que tiene mala percepción del color, a continuación, el análisis numérico es más importante para usted.)

¿Por qué los programadores piensan que no puede haber dsign habilidades?Es una mascota que pone de mal humor de la mina.Es una habilidad que se puede aprender, como cualquier otra cosa.

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top