USO DE texto EN LA PÁGINA WEB
Recursos: archivo diseño web teoría.pdf y https://desarrolloweb.com/articulos/1740.php
https://desarrolloweb.com/manuales/47/
Para acabar con el tema de
tipografías, tratamos la disposición correcta de textos en las páginas web.
A la hora de manejar textos en
las páginas web son válidas todas las consideraciones vistas para el diseño
gráfico general, pero adaptadas a un medio
que impone fuertes limitaciones.
En primer lugar, leer de la
pantalla de una computadora es cansado para los ojos y un 25% más lento que
la lectura en papel. Como consecuencia, los usuarios tienden a minimizar el
número de palabras que leen, por lo que la comprensión y retención se reduce
aproximadamente a un 50%.
Además, la web es un medio
interactivo, y los usuarios tienden a navegar más que a leer, por lo que hay
que tener especial cuidado en ofrecerles contenidos de calidad, perfectamente
estructurados e interesantes, que consigan atraer su atención y mantenerla
durante la lectura.
Una buena disposición de
textos en una página web es la siguiente:
Un titular que describa de
forma clara el tema tratado.
Un pequeño resumen de la
información ofrecida.
Una serie de palabras clave
destacadas (en forma de vínculos, utilizando variables tipográficas o cambios
de color).
Segementación de los
contenidos en unidades más pequeñas, reforzadas con índices y listas con
items.
Subtítulos significativos,
útiles.
Una idea por párrafo.
La mitad o menos de palabras
que las que normalmente se utilizan en textos impresos.
¿Cuanto texto puede haber en una
página?
Lo que sí hay es una serie de
normas generales que a grandes rasgos pueden definir el comportamiento del
texto en cualquier página web.
Así por ejemplo, si nuestra
página contiene mucho texto es conveniente agrupar éste en columnas, ya que
está comprobado que una gran cantidad de texto seguido en formato de líneas
anchas cansa mucho la vista del usuario y le impulsa abandonar pronto el
documento. Como regla general, podemos establecer como longitud correcta de
las líneas de una página la que comprende 12-15 palabras.
Si estamos en la página principal
de un sitio, que es la que en cierta forma da la bienvenida a un visitante y
le informa a grandes rasgos de qué es el sitio web en el que se encuentra, el
texto debe ser poco y muy explícito, para que pueda sacar con prontitud una
idea clara de dónde esta y qué es lo que puede encontrar en el sitio.
Si nuestra página pretende
comunicar al visitante una serie de conocimientos, como por ejemplo esta
página que lees ahora, el texto es entonces el elemento fundamental de la
misma, y te veras en la necesidad de elaborar páginas con gran cantidad del
mismo. Procura entonces no hacer páginas que ocupen en altura más de una
página y media (dos a lo sumo), para no obligar al usuario a utilizar
continuamente la barra lateral de scroll, cosa que cansa mucho y hace que se
pierda interés por el contenido.
Si el tema de tu página es
principalmente gráfico, como puede ser el caso de un sitio dedicado al arte o
a la fotografía, el texto debe ser poco, sólo el necesario para expresar una
serie de ideas claras y concisas, ya que el verdadero protagonista de tu
página deben ser las fotografías y elementos gráficos.
Disposición del texto. Niveles de
cabeceras
es necesario que para establecer
un documento claro y atractivo dividamos el texto de nuestras páginas en una
serie de apartados, que vendrán iniciados por una cabecera que defina el
contenido de cada bloque, sobre todo si el contenido de nuestras páginas es
eminentemente textual.
Como podemos tener bastantes
apartados y cabeceras, es necesario ir remarcando la importancia relativa de
cada una de ellas en el conjunto del documento, lo que podemos lograr
mediante su tamaño y peso, así como con el color de su texto. Como norma
general, las cabeceras que definen temas completos deben ser las de mayor
tamaño y peso, los apartados principales del tema deben seguirle en
importancia, y así deberemos ir reduciendo el tamaño y peso de las cabeceras
conforme vayamos bajando en el árbol jerárquico de temas del documento.
Dentro de cada bloque, y ya
definidas las cabeceras, deberemos ir situando bloques de texto que
desarrollen la idea general introducida por la cabecera. El sangrado de este
texto puede ser diferente dependiendo de la cantidad de texto en el apartado.
Así, si tenemos poco texto podemos distribuirlo como si de un pequeño libro o
folleto se tratase, sangrando cada párrafo y justificando el texto del mismo.
Pero si el apartado contiene
mucho texto, aunque podemos seguir sangrando los comienzos de párrafo, en
este caso no es conveniente la justificación del texto, ya que este tipo de
alineación cansa la vista por su monotonía, por lo que es preferible dejar
una alineación a la izquierda, en la que el efecto conseguido con la
finalización de cada línea en un punto diferente consigue un resultado de
descanso visual y hace el contenido mas legible.
Con un poco de lectura general y
con la contemplación de páginas en Internet podemos ir poco a poco
aprendiendo cual es la forma idónea de colocar nuestros textos en cada caso.
Recomiendo sobremanera el estudio de unos buenos manuales de maquetación,
diseño gráfico y tipografía.
Colores de los textos
Otro tema de vital importancia es
el color que vamos a dar a nuestros textos. Es conocido el efecto psicológico
de los colores y cómo afectan y transmiten uno u otro sentimiento, además de
crear el conjunto disposición-color un estado receptivo en el usuario que le
puede impulsar a continuar navegando en nuestra página o por el contrario
abandonarla rápidamente.
Como norma general debemos procurar
que el color de nuestros textos sea tal que destaque claramente del fondo de
la página, sobre todo en el caso en que usemos una imagen de fondo, ya que el
texto es la vía principal de transmisión de ideas, y por lo tanto debe ser la
parte de nuestra página que más clara resulte al visitante. O no colocamos
imagen de fondo o lo hacemos de tal forma que el texto, por su disposición y
color destaque claramente sobre el fondo.
Un color de texto único para toda
la página puede resultar monótono, es conveniente usar diferentes colores
para diferentes partes del texto. Si nuestra página esta orientada a un
público juvenil, como puede ser una página sobre el mundo de los video
juegos, el texto puede estar definido por una gama de colores agresivos, como
son el rojo con amarillos, o con una gama de colores que le de aspecto
sugestivo, como letras blancas, rojas o doradas sobre un fondo negro. Pero si
nuestra página esta concebida para un público serio y/o general, como puede
ser una página sobre economía o política, deberemos emplear una gama de
colores neutros, como grises, azule grisáceos o tonos pastel, apta para todo
tipo de públicos.
Por último, si nuestra página es
corporativa, como puede ser el caso de una página de empresa o de un banco,
los colores deben ser los marcados por la propia empresa, ya que cada empresa
tiene uno o mas logotipos y un conjunto de colores corporativos propios, que
son los que dan identidad propia a esa empresa entre todas las demás, siendo
fundamental transmitir en la página esa individualidad que le es propia.
Estudiaremos mejor el mundo de
los colores en el capítulo sobre imágenes.
Analixar link
|
jueves, 1 de febrero de 2018
Suscribirse a:
Comentarios de la entrada (Atom)
No hay comentarios.:
Publicar un comentario