it-swarm-es.com

Cerrar la brecha entre paletas de colores y CSS

Estoy familiarizado con sitios como kuler , estoy bien versado en HTML/CSS/JavaScript (como programador), y sé qué tipo de contenido quiero en mi sitio web. Puedo descubrir cómo diseñar mi contenido decentemente bien. Pero la parte más difícil para mí es descubrir de qué color debe ser cada cosa (por ejemplo, enlaces, texto, fondo, otros elementos). ¡Soy terrible con los colores!

Por ejemplo, cuando pones kuler en modo Tríada y eliges un color, muestra el color y dos pares de colores complementarios, de modo que los colores están en negrita pero aún funcionan juntos. Pero voy a tratar de ponerlos en una página, un color para el fondo, un color para los enlaces y un color para el texto, no funciona en absoluto. ¡Obviamente lo estoy haciendo todo mal!

¿Cuál es la mejor manera de averiguar qué colores hacer en un sitio web? Soy absolutamente terrible con los colores, y pensé que Kuler ayudaría, ¡pero no es tan fácil! Ayúdenme a "cerrar la brecha" entre kuler y CSS para que pueda elegir una paleta de colores rápida y fácilmente y aplicarla a mi sitio web.

9
Ricket

Parece que está tratando de poner color en color (por ejemplo, texto rojo sobre fondo verde). ¡Esto es muy duro para los ojos!

Esfuércese por una combinación de colores y grises (el blanco y el negro son 'grises' aquí), por ejemplo, si debe tener texto en color, póngalo sobre un fondo blanco o negro. Si desea un fondo de color, hágalo solo ligeramente y luego use texto blanco o negro sobre él.

Con el color, menos es más. Si te vuelves deslumbrante, terminas con MySpace y dolores de cabeza paralizantes. Use el color para un acento, no como contenido. Comience con un diseño en blanco y negro e intente agregar un elemento de color. Mira cómo se ve eso. Luego agrega otro. ¿Demasiado? Retíralo de nuevo. Prueba con un elemento diferente.

Mire cómo los sitios web que le gustan usan el color. Por ejemplo, esta página es en su mayoría en blanco y negro, con algo de azul (enlaces, etiquetas, barra de encabezado) y algo de amarillo (se opone al azul, usado muy poco como un color de acento) Ese es un enfoque común hoy.

5
Alex Feinman

Averigua qué emoción quieres que experimente el usuario. ¿Hacer un sitio para un lugar que sirve café? Intenta crear un ambiente con colores. Necesitas saber qué colores asignan qué emociones.

Entonces, ¿qué emoción estás tratando de darle al visitante?

Este sitio me pareció una introducción muy útil a la teoría del color: TigerColor - Introducción a la teoría del color

Recuerde que hay mucho más para elegir colores que solo los tonos. También querrás considerar tener en cuenta la ligereza y la saturación.

3
Daniel X Moore

Digamos que no se supone que los colores de la tríada "funcionen bien juntos", con mayor frecuencia son los tres colores que atraen igualmente la atención de los espectadores. Las paletas de colores basadas en la tríada funcionan bien si los colores de la paleta son solo puntos en el campo de neutros o si un color domina y otros dos se usan como acentos.

1
Mariusz Ciesla

Cuando aprendes programación, (probablemente) no saltaste y escribiste una arquitectura de tres niveles desde cero como tu primer programa. Probablemente escribiste pequeños programas que solo te ayudan a enseñarte sobre un pequeño aspecto de la programación.

Lo mismo se aplica con el diseño. Saltar y crear un diseño impresionante y complejo de inmediato no funcionará.

Como no diseñador, para empezar, debe ser lo más simple posible. Se necesita verdadera habilidad para diseñar un sitio atractivo que no tenga un fondo blanco (o ligeramente blanco). Tenga un fondo blanco liso con texto negro y luego use los tres colores para los detalles menores: enlaces, encabezado y texto en negrita y quizás el encabezado.

Cuando tenga un diseño simple que se vea nítido, concéntrese en el contenido. Cuando todo esté bien, tendrás una buena base para experimentar con el diseño. Luego, brinde más estilo de diseñador, lentamente y un poco a la vez para que pueda aprender los efectos de los cambios sutiles. Piense en ello como educación.

1
Mongus Pong

Tome algunos crayones, lápices de colores, etc. y experimente. Pasar directamente de la tríada en Kuler (o cualquiera de los generadores de color populares) a CSS puede ser impredecible dependiendo de los colores.

Quédese con unos 2 o 3 colores al principio. La teoría del color es similar a la tipografía, ya que hay muchas opciones disponibles, pero los mejores diseños suelen usar muy pocos colores bien seleccionados.

Además, considere neutros (o tonos neutros) para grandes extensiones, como el fondo, y colores más llamativos para elementos como enlaces, logotipos, etc.

Además, echa un vistazo a ColourLovers para obtener algunas ideas geniales (o, mejor aún, ¡únete a la comunidad!).

1
Christopher Scott

Siempre trabajo con el ejemplo. La publicación Guía para principiantes sobre el uso del poder del color en el diseño web combina la teoría del color de la que @Daniel X More habla con sitios web que aplican la teoría del color en cuestión.

Luego, puede hacer coincidir uno de los sitios con el contenido que tiene y aplicar ingeniería inversa a la armonía del color desde allí como punto de partida.

1
icc97