INSTITUCIONAL
COMUNIDAD
BLOG
AYUDA
MI CUENTA
EN PT ES

Imagen6519S

Tipografía

Las reglas para textos en el Web difieren de las convenciones usadas para escribir documentos a imprimir, fundamentalmente por las limitaciones que imponen la resolución de pantalla y el espacio. Ing. María José Serres, del equipo de marketing de ARTech.

La resolución en pantalla es mucho menor a la que se encuentra en libros, revistas, etc., hasta en documentos impresos en baja calidad con impresoras comunes. La mayoría de los textos impresos tiene una definición de 1200 dpi (puntos o píxeles por pulgada), mientas que la definición por monitor no pasa de 85 dpi. En pantalla, el espacio usable para texto es menor (para la mayoría de los usuarios) que en la mayoría de los libros y revistas, de modo que se limita la cantidad de texto a mostrar sin necesitar desplazarse verticalmente.

Legibilidad
La buena tipografía depende -entre muchas otras variables- del contraste visual entre una fuente y otra, y entre los bloques de texto, los títulos, y el espacio en blanco alrededor. Lo que más atrae al ojo es el contraste fuerte con patrones distintivos.

Cuando se llena una página de texto denso, ésta se convierte en un bloque gris, que no es atractiva ni cómoda de leer debido a la falta de contraste visual.

Lo primero que uno ve en una página, antes que leer el título o ver las imágenes es el patrón total y el contraste de la página. Seguir patrones que conserven la forma de organizar el texto y las imágenes en las distintas páginas de un sitio o una aplicación permite entender la organización de la información, intuir la ubicación de más información y se aumenta la legibilidad de la misma.

Márgenes
Los márgenes definen el área de lectura de una página, separando el texto principal de lo que lo rodea.

Los márgenes y el espacio en blanco se usan para delinear el texto principal de otros elementos de una página, y usados de igual manera en todas las páginas proveen unidad a través del sitio creando una estructura consistente y una identidad visual.

Es recomendable que los textos principales tengan un margen de 5 a 10 píxeles. Esto se logra en GeneXus poniendo el texto dentro de una tabla con borderwidht =0 y cellpadding=10.

  • Cellpadding: especifica la distancia en píxeles entre el contenido y los bordes de la celda.
  • Cellspacing: especifica el ancho en píxeles de los bordes de la celda.

En la próxima entrega vamos a seguir hablando de tipografía.

 

Relacionado
Tips de usabilidad: Consistencia en la navegación
Navegación: visibilidad y proporciones
Contenidos de las opciones de los menús
Alineación de los textos
Fuentes
Usabilidad: Colores, Contrastes y subrayados
GeneXus Training Uruguay publicó su calendario de capacitación para el primer semestre del año
Certificaciones #GeneXus en el #GX24
En GeneXus Uruguay buscamos nuevos talentos
Trabajar en GeneXus: Todo lo que tienes que saber si quieres trabajar con nosotros #Training #Becas #BolsaDeTrabajo #GXjobs
En GeneXus México buscamos nuevos talentos
Sistema educativo, mercado laboral, empresas B, Forge y GeneXus: la importancia de la capacitación, los valores y la inserción laboral en los jóvenes
Alta demanda de profesionales TI en el mundo
Próximos cursos y certificaciones #GeneXus en América: Argentina, Colombia, Chile, Brasil, México y Uruguay
Nuevos Analistas GeneXus en el Instituto Superior de Informática #Uruguay