Básicamente una web es un producto de marketing, representa la imagen de una marca, de una idea. Las grandes empresas dedican sumas inmensas de dinero para elaborar una cuidada imagen corporativa que les ayude a alcanzar el éxito, a no ser una más en un dilatado mercado.
Pues bien, igual de importante o más (si vemos la cantidad de público potencial que puede llegar a alcanzar) es el diseño de una web, aunque siga habiendo muchos responsables que no compartan esta idea…
El color de una web ejerce un impacto determinado en el usuario, por lo que la elección de la banda cromática que vayamos a utilizar es de suma importancia de cara a una aceptación mayor.
Una vez que el usuario llega a nuestra web, tenemos unos 10 segundo para llamar o no la atención de este cliente potencial.
Los colores pueden hacer que se sienta cómodo y seguro o todo lo contrario. Para esto existen varias combinaciones con su repercusión correspondiente, que paso a definir a continuación.
Colores cálidos
- Aquellos que van del rojo al amarillo (naranjas, marrones,…).
- Tendencia a ser agresivos y emocionales.
Colores fríos
- Van del morado al verde.
- El verde es composición de azul y amarillo, cuanto más azul tenga, más frío será.
- Tendencia a dar serenidad.
Colores neutros
- Blanco y negro, y por lo tanto el gris.
- Aumentan el potencial de los colores cálidos.
ARMONÍA DE COLORES
El exceso de color puede llegar a ser inquietante y caótico, mientras que la falta, puede llegar a ser aburrido, como siempre el punto intermedio es la mejor solución.
Los ordenadores muestran el color en función de la cantidad de rojo, verde y azul RGB. Estos colores, desgraciadamente no se muestran siempre igual, dependen mucho de la máquina que tenga el usuario, y esto puede originar serios problemas estéticos y funcionales. Aquí llega pues el dilema, ¿usamos los colores seguros de la paleta de los sistemas operativos? ¿o nos arriesgamos?…
EL COLOR EN LOS TEXTOS
Es muy importante saber fijar buenos contrastes entre la fuente y su fondo, de ello depende en gran medida la atención del usuario, en general deberemos facilitar en todo lo posible la legibilidad de los textos.
Negro sobre blanco siempre es una buena elección. El rojo y el azul son útiles para destacar. Evitemos en la medida de lo posible el negro como fondo
EL SIGNIFICADO DEL COLOR EN GENERAL Y POR CULTURAS
- Azul – paz, tranquilidad, calma. En China, el color azul se asocia a la inmortalidad, en Colombia, se asocia al jabón, en la India el azul es el color de Krishna y en el Oriente Medio azul es un color de protección.
- Negro – poder, sofisticación, elegancia, riqueza, miedo e incluso el mal. En muchas culturas es el color del luto.
- Verde – Naturaleza, salud, buena suerte, generosidad, juventud,… En Irlanda tiene un significado religioso (católico) y en algunas culturas tropicales se asocia al peligro.
- Naranja – energía, equilibrio, calidez, entusiasmo, dinamismo,… También en Irlanda tiene significado religioso (protestante)
- Morado – realeza, espiritualidad, nobleza, ceremonia, misterio,…
- Rojo – amor, peligro, deseo, velocidad, fuerza, violencia, ira, sangre,… En China, suerte y celebración, y en la India pureza.
- Blanco – sencillez, pureza, paz, humildad,… En Japón significa muerte y en color fúnebre en el Islam.
- Amarillo – alegría, felicidad, optimismo,… En Asia tiene un significado imperial.
El color es una herramienta muy poderosa, es la primera en crear sensaciones al usuario, de ahí su importancia. Estudia cuidadosamente a quien va a ir dirigida tu web y elige adecuadamente los colores.
Tendría que mirar el código linea a linea, pero si pasas el validador de html verás que tienes 215 errores, y 11 en la CSS, por ahí van los tiros. Ve mirando todos los errores que te da y corrígelos.
Yo para centrar las webs coloco lo siguiente en el body y en la capa contenedor (la que contiene a toda la web).
body {
text-align: center;
padding: 0px;
margin: 0px;
}
#contenedor {
margin: auto;
width: 955px;
height: auto;
border: 0px;
text-align:left;
}
El caso es que usé margin-left:auto y margin-right:auto para que se centre, pero ocurre lo que te digo.
Muchas gracias!
Mira, yo he estado avanzando aquí: http://www.vodevilproducciones.com/test
Pero tengo un grave problema, dejé las tablas por la maquetación en capas pero el resultado sólo se ve bien en Firefox; en el Explorer se va todo para la derecha y crea un scroll horizontal :s
Empecé a abrir las capas así:
Lo he probado con padding en vez de margin, pero poniéndole pixeles y no me sirve, pues en cada monitor diferente se verá… pues diferente.
Quisiera saber cómo podría hacer para que el Explorer lo lea bien, ya que gran cantidad de mis visitantes usan ese explorador.
Gracias!
Ante todo, me alegro de que te sirva para algo el blog 😉
En cuanto a consejos, me resulta complicado sin saber bien en qué consiste el proyecto, por eso, te voy a contestar de un modo genérico.
Lo primero de todo, busca otros sites con la misma temática que el tuyo y mira qué secciones tienen, haz un estudio de mercado, mira que cosas pueden ayudarte, que cosas echas en falta, sobre todo colócate en la posición de un usuario de tu site y piensa qué es lo que te gustaría encontrar.
Si se trata de un portal genérico de teatro, como usuario, me gustaría saber qué puedo ver en mi ciudad, después, ver una ficha de la obra, del autor, de las demás obras que ha publicado,…
En definitiva, se trata siempre de ponerte en la situación del usuario para poder así darles lo que te piden y tener éxito. Te aconsejo que enseñes a amistades del mundillo tus bocetos, para que ellos como usuarios te aconsejen.
A la hora de posicionar tu web, mira en google las keywords de los que están en las primeras posiciones, te ayudarán a hacerte una idea de qué palabras usar.
En cuanto a los colores, te puedo decir que he hecho dos webs a directores de teatro y ambos coincidieron en el negro, debe ser un color muy representativo de ese mundillo 😉
Un abrazo y mucha suerte.
Mmm, comenté antes pero creo que no salió mi comentario.
Tengo una empresa y yo misma diseñé la web. Estudio Comunicaciones y llevo cursos de diseño, por eso me aventé.
Uso el negro como fondo y los rojos y blancos para los de más. Quisiera saber si me puedes dar unos consejos. La idea no es sólo decir quiénes somos y poner algunas fotografías, sino actualizar constantemente con noticias (uso Cutenews) y contar sobre los nuevos proyectos. La temática es teatro principalmente, por eso los colores que elegí.
Muchas gracias!
Recién encontré tu blog y lo estoy leyendo de cabo a rabo. Me resulta bastante útil.
Saludos.
El rojo simboliza suerte en China, puedes buscar una gama de colores en el que sea el rojo el que predomine.
Existen varias webs en las que puedes hacer combinaciones de colores, entre ellas, http://www.colourlovers.com/ o http://www.colorblender.com/.
En ambas podrás encontrar combinaciones con el rojo como predominante.
Suerte!!
Deseo construir una página web para anunciar un salsa mexicana, va a estra en tres idiomas: español, ingles y chino. Que colores puedo utilizar como fondo que sean de suerte en China.
Gracias.