A los usuarios les resulta más fácil digerir la información si está agrupada en bloques lógicos. Ajusta el relleno a 120 px-180 px y separa los bloques de texto utilizando fondos de color.

Los bloques lógicos deben ir rodeados de espacios del mismo tamaño. De lo contrario, la página parecerá desordenada y los usuarios no prestarán la misma atención a cada sección.

Para evitar que las partes lógicas se mezclen, manténgalas separadas e inserte un espacio grande (al menos 120 px) entre ellas.

Debe haber suficiente contraste entre el texto y el fondo. Para que el texto destaque, coloque un filtro de contraste sobre la imagen. El negro es un color muy popular, pero también puedes utilizar colores vivos y mezclarlos.

Otra opción es utilizar una imagen contrastada desde el principio y colocar el texto encima de una parte oscura de una fotografía.

Demasiados estilos tipográficos y de diseño en una página hacen que parezca poco profesional y difícil de leer. Para evitarlo, limítate a un único tipo de letra y dos opciones de saturación, por ejemplo, normal y negrita.

Evite resaltar con colores los elementos estrechos de la página. No queda bien. Por ejemplo, los títulos ya están bien marcados gracias a su tamaño, saturación tipográfica y rellenos. ¿Quiere destacar un punto concreto de una página? Utilice un fondo de color para todo el bloque, incluidos el encabezamiento y el texto.

Cuando hay mucho texto en columnas estrechas, es difícil de leer porque los visitantes tienen que saltar de una línea a la siguiente. Además, no queda bien. Lo mejor es reducir el número de columnas y acortar el texto, de lo contrario nadie lo leerá.

Centrar el texto en la página funciona bien cuando hay poco texto, de lo contrario es difícil que los usuarios naveguen por ella de forma eficiente. Al mismo tiempo, aumente el tamaño de la fuente a partir de 24 píxeles.

Si necesita incluir mucho texto, utilice los bloques con copia de texto colapsable (en Tilda, son los bloques TX12, TX16N o el botón BF703).

Evita cubrir con texto partes significativas o pequeños detalles de una imagen. De este modo, oscurecerás la imagen y harás que el texto sea ilegible. Prueba distintas posiciones para las líneas, como centrarlas o alinear el texto a la izquierda o colocarlo verticalmente.

Para que la jerarquía de la información sea claramente visible en una página, el título de la portada debe ser más grande que el resto de los encabezamientos o al menos del mismo tamaño, sobre todo si el titular es largo, por ejemplo.

El mismo principio se aplica a la jerarquía visual dentro de un bloque lógico. El titular debe ser el elemento de diseño más grande de la página, seguido de un subtítulo más pequeño y menos prominente. A continuación, los títulos de las características que le siguen deben ser notablemente más pequeños que el titular, y del mismo peso. Para las descripciones de las características deben utilizarse los tipos de letra más pequeños.

Esto ayudará a los visitantes del sitio a distinguir entre la información más importante y la menos importante.

Una imagen o galería a pantalla completa, a continuación de un texto, parece un bloque separado e independiente. Si añades relleno alrededor de la galería, tanto el texto como las imágenes parecerán un todo lógico gracias a un fondo compartido.

Un tipo de letra muy grande es perfecto para una frase corta. Si el titular es largo, utilice una fuente de menor tamaño. Será fácil de leer y dejará mucho espacio a los demás elementos de diseño de la página.

Los bordes son necesarios cuando un botón es transparente. Añadir un borde para un botón de color no tiene sentido, no es más que otra característica de diseño sin sentido que sobrecarga una página y dificulta su lectura.

Utilizar demasiados colores en una página es confuso y no queda claro qué partes son más importantes. Uno o dos colores bastan para destacar visualmente lo realmente importante.

La gente visita los sitios web para encontrar soluciones a sus problemas. Ayúdeles. Utilice el menú para ayudar a la gente a navegar por el sitio web y encontrar lo que necesitan de forma rápida y sencilla. No les sobrecargue con excesiva información. Basta con tener entre 5 y 7 elementos de menú.

Un muro de texto dificulta la comprensión de la lectura. Para facilitar la navegación, divídelo en párrafos o introduce pausas como una frase clave o una imagen.

Un titular no debe "colgar" entre capítulos a una distancia similar porque pertenece al párrafo que le sigue. La distancia sobre un titular debe ser 2-3 veces mayor que el espacio bajo él. Al mismo tiempo, la distancia bajo un titular debe ser aproximadamente la misma que el espacio entre párrafos, o ligeramente mayor. De este modo, el titular remitirá visualmente al texto posterior.

En tipografía, el contraste se utiliza para dividir visualmente distintos niveles de texto y establecer una jerarquía estricta. Los títulos principales deben ser los más prominentes de la página, los subtítulos deben ser considerablemente más pequeños pero claramente visibles.

Si los bloques tienen el mismo peso, deben tener el mismo aspecto y estar colocados a la misma distancia unos de otros.

Por un lado, una ilustración y su pie de foto forman un todo, pero se trata de dos elementos separados, y los pies de foto no deben interferir con las imágenes.

Un subtítulo y el texto que le sigue van juntos, pero si el espacio entre párrafos de un artículo es mayor que el espacio entre el subtítulo y el párrafo siguiente, el artículo parece inconexo.

Los elementos utilizados como expresiones de énfasis, como frases clave o citas, son objetos independientes. Para que destaquen de verdad, colóquelos a 75-120 px del texto principal.

Si desea destacar una frase determinada, sea audaz, haga una frase clave más grande que el texto principal en 10-15 px. Deje que la frase clave destaque realmente sobre el resto del texto.

Si desea destacar una pequeña sección de una página, como la información sobre el autor, basta con colocar suficiente relleno alrededor, lo que creará una impresión de espacio. No coloque esta sección sobre un fondo de color, ya que quedaría fuera de lugar.

No utilice colores para el subtítulo. Basta con utilizar una fuente más grande y un relleno para que destaque en la página.

Cuando utilice varias imágenes a pantalla completa en una secuencia, evite dejar un espacio entre ellas. El borde seguirá siendo visible, y no hay necesidad de añadir un elemento adicional. Simplemente no añade nada.

Los acentos de diseño (como las negritas aquí) funcionan bien cuando hay pocos. Si pones demasiados, entorpecerás la lectura de la página.

El diseño no debe interferir con la legibilidad. Cuantos menos estilos tipográficos haya, mejor se verán los elementos importantes. Basta con destacar los titulares y subtítulos, y utilizar el contraste para las frases clave.

El centrado suele aplicarse a titulares y citas en bloque para distinguirlos del resto del texto. Un texto largo centrado es difícil de leer.

Un titular es un elemento de diseño individual. No debe estar demasiado cerca de la imagen que le sigue. Para conseguir una combinación ganadora, ponga el relleno a no menos de 60 px y añada un subtítulo: desplegará el contenido de la página y pondrá el énfasis justo donde lo necesita.

La cursiva se utiliza para resaltar una palabra o una frase corta dentro de un texto. No es tan evidente como la negrita, pero permite poner énfasis donde se necesita.

No escriba todo en cursiva (cuerpo del texto, titulares). Y si utilizas fuentes sans-serif en el texto, evita la cursiva por completo.

Usted mismo puede detectar este error fácilmente si hace una pequeña pausa después de editar su página (cambiando el tamaño de la fuente, la alineación o la sangría) y echa un vistazo a lo que hay en ella.