30 hermosos sitios web de tres colores para tu inspiración
El color afecta mucho a un diseño. Sin embargo, un diseño con demasiados colores puede abrumar fácilmente al espectador. A veces, un enfoque minimalista puede ayudar a atraer la atención del visitante a contenido específico: el contenido correcto.
En esta colección de sitios web, nos centramos en los diseños que utilizaron tres colores para sus primario elementos de diseño. Sin embargo, algunos de estos sitios sí incluyen uno o dos colores destacados más allá de los 3 colores principales. No obstante, estos sitios web estaban demasiado bien hechos y lo suficientemente cerca de los 3 criterios de color que no pudimos evitar incluirlos en esta colección..
Observe cómo los colores lo ayudan a enfocar su atención hacia donde se necesita. ¿Puedes ver cómo se vinculó la marca en cada uno de estos diseños? También puede ver cómo el uso de gráficos a todo color junto con una paleta de colores limitada sigue siendo útil sin ir demasiado lejos en la ruta de diseño minimalista. Los siguientes ejemplos te mostrarán que Sitios web que utilizan un máximo de 3 colores. todavía puede ser efectivo.
Mecánica de la imagen
Un bonito diseño minimalista, que utiliza el color justo para llamar la atención sobre el contenido importante del sitio..
nclud
El gran fondo fotográfico azul es un bonito contraste con el texto principal en blanco y la marca verde, lo que atrae la atención del lector en primer lugar. El texto de color azul claro llama la atención hacia una breve descripción de la compañía y una lista de sus impresionantes clientes. Buen uso del color para crear jerarquía.!
El desván
Los diferentes tonos de gris sobre un fondo blanco le dan a esta página un aspecto minimalista y sofisticado. El texto coloreado en el menú de la página sirve de guía para navegar por el sitio.
Hombre gordo-colectivo
Al igual que su aspecto y tono de marca, el diseño de este sitio web también es "corto y dulce". Camino a seguir manteniendo un look de marca.!
Chispa creativa
Menos en la ilustración, este sitio web incorpora solo 3 colores en su diseño: amarillo, negro y blanco, lo cual es una buena referencia a una bombilla cuando lo piensas. Y una bombilla funciona bien con el nombre de la compañía, Creative Spark. Interesante.
Pepperminted
Lindo nombre y un lindo diseño en su mayoría de 3 colores, este es simple pero creativo al mismo tiempo.
Sergey Stanchev
La combinación de colores oscuros y el uso limitado del color le dan a este sitio un aspecto sofisticado y profesional..
Digimurai
Los colores del texto de naranja y azul se combinan con el fondo ilustrado y la linda y pequeña mascota.
Causecast
Gris, azul y rosa sobre fondo blanco brindan un tono muy "feliz", que parece ser una buena opción para un programa de voluntariado / caridad.
Asteria
¡Este ingenioso diseño usa colores de, bueno, drogas! El blanco, el gris y el azul son generalmente los colores que se ven en las cajas de pastillas, por lo que estos diseñadores realmente se lanzaron con la idea de que "el diseño es una droga".
Dave Airey
Ah, David Airey, uno de los diseñadores de identidad de marca más populares en la comunidad de blogs de diseño gráfico. Su sitio es minimalista con solo texto negro, naranja y gris sobre un fondo blanco. Simple pero efectivo!
Eduardo de la rocque
El fondo texturizado se parece al elegante papel que algunas personas usan para imprimir el currículum y el currículum. Es interesante, también, que el texto rojo rosado se difumina a gris claro cuando pasas el mouse sobre él.
Ocho caras
Negro, blanco y gris, junto con algunos toques de texto naranja, son los principales colores utilizados en este diseño. Estos colores le dan a este sitio web una especie de apariencia de "noticias".
Fiebre
Oscuro y gris claro y rojo se utilizan indistintamente en este diseño. Si bien este diseño podría estar un poco más organizado en términos de los colores que se usaron, se ajustaron muy bien a los tres colores del título..
Stefan Coisson
Este sitio utiliza 3 colores con bastante eficacia en un diseño de sitio web simple. Si bien el texto podría organizarse mejor, el resaltado verde destaca muy bien en contra del texto en blanco y negro.
Jon mandarina
Bien, entonces este es otro que se extiende un poco más allá del esquema de 3 colores, pero es un sitio tan hermoso que grita: "¡Mírame!" Los resaltados amarillos y los enlaces de texto (con un poco de subrayado naranja) contrastan muy bien con el texto negro y gris y el texto ocasional en blanco. Hermoso!
Martin Hipp
El gris oscuro, el negro y el verde césped se combinan bien para dar a este sitio un aspecto profesional y único a la vez que refrescante.
Sitios mínimos
¿Está empezando a notar un patrón en el uso de colores negro, gris y brillante sobre un fondo blanco? Quizás este tipo de combinación de colores sea popular porque crea una apariencia minimalista con solo el color suficiente para llamar la atención ... y este sitio web no es una excepción.
Teoría del movimiento
La franja de color negro en el lateral es un toque agradable que se suma a la apariencia y la sensación de la "película". El texto gris y rojo mantiene este sitio simple, lo cual es muy importante con todas las imágenes que se deben incluir.
Un camino de regreso
El azul y los tonos de gris mantienen este diseño minimalista y tradicional. Los 3 colores diferentes se utilizan muy bien para llamar la atención sobre texto importante.
Grano y gramo
Este sitio web hace un gran trabajo al crear un atractivo "de caballeros" con colores varoniles de gris oscuro, un color de grano (de acuerdo con el título) y blanco.
Awesome Font Stacks
El naranja junto con el negro y el gris (y un poquito de texto en blanco) ayuda a dividir este sitio de texto pesado y hacerlo interesante.
Yuna
Este sitio utiliza principalmente los grises claros y oscuros de las formas geométricas, pero el azul también es un color de relieve, junto con un poco de rosa. Así que, realmente, esta es otra variación del esquema de color negro, gris y resaltado.
Pentágono
Gris, algo de blanco, y mucho azul hacen una combinación de colores muy simple. Por otro lado, el azul parece un poco abrumador, y los gráficos parpadeantes no ayudan mucho.
Diseño gráfico en la radio.
Técnicamente, este sitio solo usa alrededor de 3 colores: texto negro y gris en cuadros blancos y fondo texturizado rosa. ¡Pero espera! Cierre la página, vuelva a abrirla y el fondo ahora es azul, no, amarillo. Bien, puedes dejar de volver a abrir la página, ahora. Decepcionado, solo hay tres colores para jugar, ¿verdad??
Pixelbot
Una vez más, el gris oscuro, el gris claro y un color de relieve crean un esquema de color simple y efectivo para el diseño web.
Sitio inspirar
Aunque hacer que el texto cambie de color cuando pasa el mouse sobre él puede ser divertido, este puede aprovechar esta característica demasiado. Pero tal vez puedan salirse con la suya debido a su diseño simple de 3 colores..
Stefan Persson
Gris / negro con naranja y blanco se suman a este diseño muy bien organizado. Cada color parece tener un uso estricto, lo que realmente lleva la navegación de este sitio a grandes alturas..
Fausto
Una simple combinación de colores ayuda a atenuar la actividad de este sitio; Sin embargo, menos naranja hubiera ayudado aún más al diseño..
Instalación industrial
La navegación de este sitio es un poco diferente, algo que no siempre se recomienda. Sin embargo, el esquema de color gris oscuro, gris claro y blanco ayuda a mantener el sitio lo suficientemente simple como para aprender con bastante rapidez.
Nota del editor: Esta publicación está escrita por Tara hornor para Hongkiat.com. Tara es licenciada en inglés y escribe sobre mercadotecnia, publicidad, marca, diseño gráfico y publicación de escritorio. Además de su carrera como escritora, Tara también disfruta pasar tiempo con su esposo y sus dos hijos..