Reproducimos el interesante artículo publicado en WebDesignBooth al respecto de los colores más utilizados en diseño web. Hemos intentado añadir, para cada uno de ellos, los puntos claves sobre su simbología, el efecto que producen en nuestros diseños y los puntos clave para su utilización.
Rojo
Simbología: pasión, la agresividad, el poder, la energía, la vitalidad. Sin embargo también tiene el significado negativo de la ira y de emergencia. El color rojo es el del fuego y el de la sangre, por lo que se le asocia al peligro, la guerra, la energía, la fortaleza, la determinación, así como a la pasión, al deseo y al amor.
Efecto: Este color tiene un efecto en la productividad, la lucha, la competencia y el color rojo. Es un color muy intenso a nivel emocional. Mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea.
Utilización:
- Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes, prohibiciones y llamadas de precaución.
- Recomendable para encaminar a las personas a tomar decisiones rápidas durante su estancia en un sitio web.
Ejemplos: 45 ejemplos del uso del color rojo en diseño web
Verde
Simbología: es el color de la naturaleza por excelencia. Representa armonía, crecimiento, exuberancia, fertilidad y frescura, el crecimiento y la esperanza. El Verde representa el gusto por lo natural, lo refrescante, la calma y la salud; pero también simboliza el dinero (en tonos oscuros), pone de manifiesto la codicia, también representa la falta de experiencia.
Efecto: Tiene una fuerte relación a nivel emocional con la seguridad. Por eso en contraposición al rojo (connotación de peligro), se utiliza en el sentido de “vía libre” en señalización.
Utilización:
- Señalización de elementos indicando continuación de la acción
- Sitios web con temáticas relacionadas con productos médicos o medicinas, promoción de productos de jardinería, turismo rural, actividades al aire libre o productos ecológicos; por su asociación al dinero, es ideal para promocionar productos financieros, banca y economía.
Ejemplos: 15 Diseños web en tonos verdes
Naranja
Simbología: Se le asocia a la alegría, el sol brillante y el trópico. Representa el entusiasmo, la felicidad, la atracción, la creatividad, la determinación, el éxito, el ánimo y el estímulo. Representa la fortaleza y la resistencia. El color naranja tiene una connotación negativa de la ignorancia y la mentira
Efecto: Es un color muy caliente, por lo que produce sensación de calor. Sin embargo, el naranja no es un color agresivo como el rojo. La visión del color naranja produce la sensación de mayor aporte de oxígeno al cerebro, produciendo un efecto vigorizante y de estimulación de la actividad mental.
Utilización:
- muy adecuado para promocionar productos alimenticios y juguetes
- el color naranja le dá una fuerte impresión en los elementos que se consideran importantes
Ejemplos: 30 sitios web en colores naranjas
Azul
Simbología: es el color del cielo y del mar, por lo que se suele asociar con la estabilidad y la profundidad. Representa la lealtad, la confianza, la sabiduría, la inteligencia, la fe, la verdad y el cielo eterno. Es un color fuertemente ligado a la tranquilidad y la calma. Simboliza la sinceridad y la piedad.
Efecto: Se le considera un color beneficioso tanto para el cuerpo como para la mente. Retarda el metabolismo y produce un efecto relajante. El color azul tiene un significado negativo de la depresión, la indiferencia.
Utilización:
- Diseños web con contenidos sobre tecnología, la limpieza y en general para sitios relacionados con el mar (cruceros, vacaciones y deportes marítimos), el cielo (líneas aéreas, aeropuertos) o el agua (agua mineral, parques acuáticos, balnearios)
Ejemplos: 30 diseñowe web azules
Negro
Simbología: representa el poder, la elegancia, la formalidad, la muerte y el misterio, y por otra parte, la autoridad, fortaleza, intransigencia. También se asocia al prestigio y la seriedad.
Efecto: En una página web puede dar imagen de elegancia, y aumenta la sensación de profundidad y perspectiva. Contrasta muy bien con colores brillantes.Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto agresivo y vigoroso.
Utilización:
- no es recomendable utilizarlo como fondo ya que disminuye la legibilidad (dependiendo del color de la tipografía)
- usos típicos: museos, galerías o colecciones de fotos on-line, debido a que hace resaltar mucho el resto de colores.
Ejemplos: 20 ejemplos de diseños web oscuros, minimalistas y basados en la tipografía
Blanco
Simbología: asocia a la luz, la bondad, la inocencia, la pureza y la virginidad. Muestra la paz, la disculpa, la espiritualidad, la divinidad, la virginidad o la castidad, la sencillez. Se le considera el color de la perfección.
Efecto: El blanco por lo general tiene una connotación positiva, en contraposición con el negro.
Utilización:
- promoción de productos de alta tecnología
- para comunicar simplicidad
- usos típicos: sitios web sobre medicina o relacionados con la salud
Morado
Simbología: aporta la estabilidad del azul y la energía del rojo. Se asocia a la realeza y simboliza poder, nobleza, lujo, ambición, sabiduría, la creatividad, la independencia, la dignidad.
Efecto: Sugiere riqueza y extravagancia. Lo negativo, puede producir sensación de frustración.
Utilización:
- color ideal para diseños drigidos a la mujer
- muy adecuado para promocionar artículos dirigidos a los niños
- usos típicos: sitios web sobre medicina o relacionados con la salud
Ejemplos: 25 diseños web morados
Amarillo
Simbología: simboliza la luz del sol. Representa la alegría, la felicidad, la inteligencia y la energía. Representa honor y lealtad.
Efecto: sugiere el efecto de entrar en calor, provoca alegría, estimula la actividad mental y genera energía muscular. Puede tener un efecto perturbador, inquietante
Utilización:
- sitios web sobre alimentación
- reclamos para contenidos de las páginas web
- para sugerir seguridad o estabilidad
Ejemplos: 50 ejemplos de diseño web amarillo para inspirarse
Marrón
Simbología: indica la amistad, la tierra, el pensamiento materialista, la fiabilidad, la paz, el trabajo duro.
Efecto: sugiere fiabilidad, productividad. El color de chocolate también puede significar suciedad, torpeza o aburrimiento.
Utilización:
- no es atractivo cuando se usa sin imágenes adicionales y ciertos adornos
- sitios web sobre eventos especiales
Ejemplos: 20 ejemplos cobre como utilizar el marrón en diseño web
Rosa
Simbología: simboliza el afecto y el amor, la amistad, la feminidad, la confianza, la buena voluntad, la emoción, la paz. Por otra parte, está ligado a la homosexualidad, la bisexualidad, la ingenuidad, la debilidad.
Efecto: sugiere el efecto de confianza y buena voluntad, la femeneidad.
Utilización:
- sitios web sobre temas femeninos o relativos a la sexualidad
Ejemplos: 21 buenos diseños web en tonos rosas
BigFilebox
Fuente: 10 Most Commonly Used Colors In Web Design And Their Examples.
The Los diéz colores más utilizados en diseño web y algunos ejemplos by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Información Bitacoras.com…
Valora en Bitacoras.com: Reproducimos el interesante artículo publicado en WebDesignBooth al respecto de los colores más utilizados en diseño web. Hemos intentado añadir, para cada uno de ellos, los puntos claves sobre su simbología, el efecto q……