5 REGLAS SOBRE EL COLOR: EL XITO DE UN DISEO WEB

PROFESIONAL
En un diseo de un sitio web no es solo la composicin o en las formas
si tambin en la combinacin de colores .en la mayora de sitios Web de
asociaciones marca los colores de la empresa como fuente, y una mala
combinacin llevar a un fracaso.
Existen 5 reglas para llegar a un diseo de sitio Web excelente
1. Identifica el pblico objetivo de tu pgina web

La importancia de elegir colores en base al pblico al que nos

dirigimos en la mayora de los colores est asociada a
determinados grupos. La pgina tiene ante todo que atraer y
convencer a la visita. Es por eso que hay que seleccionar colores con
los que la visita se sienta identificada.

2. Enciende las emociones

Una de las propiedades de los colores es la de transmitir

sensaciones. Los colores estimulan nuestro cerebro y nos evocan
tranquilidad, seguridad, confianza, pasin, misterio... Esto es muy
interesante desde el punto de vista del Marketing, ya que no es
necesario dar argumentos para convencer sobre la propiedad o
beneficios de un producto o servicio.
En el siguiente artculo puedes leer ms sobre las asociaciones de
colores, marcas y sensaciones.

3. Qu colores seleccionar?

En el momento de escoger los colores en el sitio web marca y debe

mostrar un equilibrio del sitio web es decir la armona de colores y
el equilibrio hace que un diseo sea ms o menos efectivo.
Pero qu colores tenemos que seleccionar? Se recomiendan por lo
general respetar una de estas tres reglas:
Colores de la misma gama cromtica; es decir, diferentes
tonos de un mismo color.
Colores complementarios; aquellos situados prximos en la
gama cromtica
Colores opuestos: son aquellos situados justo en el lado
opuesto de la gama cromtica y que ayudan al contraste.
Otra de las recomendaciones es no abusar de los colores: dos o tres
es suficiente y siempre es bueno que haya un color predominante.
4. Efectividad del color: el contraste
El contraste de color se produce al combinar dos colores que no estn
relacionados. Esto permite por ejemplo, resaltar textos o imgenes.
Combina colores claros y colores oscuros para lograr este efecto
visual.
5. Composicin y peso de colores
Gracias a los colores y a las formas podemos dirigir la mirada de la
visita y as resaltar determinados elementos. En la composicin se
dice que los colores clidos, los oscuros o tierras, pesan ms que los
colores fros, claro so pesados. Busca la armona y el equilibrio justo
en el diseo de tu web.
Para ello puedes seguir estas tres reglas bsicas:
Crea un slo punto de impacto visual por pgina; es decir, un
punto al que dirigir la mirada.

 Respeta la mirada del lector; es decir, de izquierda a derecha y

de arriba abajo.
Deja aire y espacios en blanco para que la mirada descanse.
FORMATO DE TEXTO
En el texto es de estilo con algunas de las propiedades de formato de
texto. El ttulo utiliza el text-align, text-transform y propiedades de
color. Tiene sangra del prrafo, alineados, y se especifica el espacio
entre caracteres.
Color de texto
El color de propiedad se utiliza para definir el color del texto. Con CSS,
un color ms a menudo se especifica:

un valor HEX - como "# ff0000"

un valor RGB - como "rgb (255,0,0)"

un nombre de color - como "rojo"

El color de texto predeterminado para una pgina se define en el

selector de cuerpo.
Alineacin de texto
El text-align propiedad se utiliza para establecer la alineacin horizontal
de un texto. Un texto puede ser izquierda o derecha alineada, centrado o
justificado.
Decoracin del texto
El text-decoration propiedad se utiliza para establecer o eliminar
decoraciones de texto. El valor text-decoration: none; se usa con
frecuencia para eliminar los subrayados de enlaces:
Transformacin de texto
El text-transform es la propiedad que se utiliza para especificar las
letras maysculas y minsculas en un texto. Se puede utilizar para

convertir todo en letras maysculas o minsculas, o en mayscula la

primera letra de cada palabra:
Sangra de texto
El texto-guin propiedad se utiliza para especificar la sangra de la
primera lnea de un texto:
Espaciado Carta
La carta-espaciado propiedad se utiliza para especificar el espacio
entre los caracteres en un texto.
Altura de la lnea
El line-height propiedad se utiliza para especificar el espacio entre
lneas:
Direccin del texto
La direccin de la propiedad se utiliza para cambiar la direccin del texto
de un elemento:
Palabra espaciado
La palabra espaciamiento propiedad se utiliza para especificar el
espacio entre las palabras en un texto.
FUENTES
Las propiedades de las fuentes CSS definen la familia de fuentes, la
audacia, el tamao y estilo de un texto
Diferencia entre Fuentes Serif y Sans-serif

Familias CSS Font

En CSS, hay dos tipos de nombres de la familia de la fuente:

familia genrica - un grupo de familias de fuentes con un

aspecto similar (como "Serif" o "Monospace")

Familia tipogrfica - una familia de fuentes especficas (como

"Times New Roman" o "Arial")

Generic
family

Font family

Description

Serif

Times New
Roman
Georgia

Serif fonts have small lines at the ends on

some characters

Sans-serif

Arial
Verdana

"Sans" means without - these fonts do not

have the lines at the ends of characters

Monospace

Courier
New All monospace characters have the same
Lucida Console
width

Familia tipogrfica
La familia de fuentes de un texto se ajusta con el font-family propiedad.
La font-family propiedad debe contener varios nombres de fuente
como un sistema de "retroceso". Si el navegador no es compatible con la
primera fuente, que trata la siguiente fuente, y as sucesivamente.

Comience con la fuente que desea, y terminar con una familia genrica,
para que el navegador recoger una fuente similar en la familia genrica,
si no hay otras fuentes disponibles.
Estilo de fuente
La font-style propiedad se utiliza sobre todo para especificar texto en
cursiva.
Esta propiedad tiene tres valores:

Normal - El texto se muestra normalmente

cursiva - El texto se muestra en cursiva

oblicua - El texto se "inclina" (oblicua es muy similar a cursiva,

pero menos compatible)

Tamao de fuente
La font-size propiedad establece el tamao del texto.
Ser capaz de gestionar el tamao del texto es importante en el diseo
web. Sin embargo, usted no debe utilizar los ajustes de tamao de
fuente para que los prrafos se parecen a las partidas o rubros parecen
prrafos.
Utilice siempre las etiquetas HTML adecuadas, como <h1> - <h6> para
los ttulos y <p> para prrafos.
El valor de font-size puede ser un tamao absoluto o relativo.
Tamao absoluto:

Establece el texto a un tamao especificado

No permite al usuario cambiar el tamao de texto en todos los

navegadores (malo por razones de accesibilidad)

Tamao absoluto es til cuando se conoce el tamao fsico de la

salida

Tamao relativo:

Establece el tamao relativo de los elementos circundantes

Permite a un usuario cambiar el tamao del texto en los

navegadores

Todas las propiedades de fuente CSS

Property

Description

font

Sets all the font properties in one declaration

font-family

Specifies the font family for text

font-size

Specifies the font size of text

font-style

Specifies the font style for text

font-variant

Specifies whether or not a text should be displayed in a

small-caps font

font-weight

Specifies the weight of a font