Alinee los elementos de diseño en su sitio de blog

  1. Medios de comunicación social
  2. Bloguear
  3. Alinee los elementos de diseño en su sitio de blog

Libro Relacionado

Diseño de blogs para maniquíes

Por Melissa Culbertson

La alineación se refiere a la alineación de elementos o texto dentro de un diseño. Incluso si nunca ha diseñado nada antes, ha utilizado la alineación en un programa de procesamiento de texto al seleccionar la alineación izquierda, centro, derecha o justificada para sus párrafos.

La alineación adecuada hace que varios elementos de diseño o texto aparezcan como si estuvieran conectados a través de una línea visible. La alineación es el más sutil de los principios básicos del diseño, principalmente porque a menos que usted esté consciente de este principio de diseño, es posible que no pueda determinar con precisión por qué un diseño se ve “fuera de lugar”. A pesar de la sutileza, la alineación es un principio clave del diseño de blogs, porque la alineación le da a un diseño de blog una apariencia limpia y pulida.

Puede alinear elementos de diseño tanto en un eje vertical como horizontal.

  • En un eje vertical, puede alinear a la izquierda, al centro o a la derecha. Alinear el texto de una entrada de blog es un ejemplo de alineación vertical.
  • En un eje horizontal, los elementos de diseño se alinean con la parte superior, el centro o la línea de base. La figura ilustra las formas de alinear rectángulos de diferentes formas. A pesar del tipo de alineación, los rectángulos parecen estar conectados por una línea visible, que se ha añadido para usted como una línea discontinua.

Crear orden a través de la alineación

Alinear varios elementos en su blog o dentro de un elemento de diseño le da orden a su diseño y mejora la legibilidad.

Cuando se habla de alineación en lo que se refiere al diseño de blogs, aquí hay algunos elementos comunes en los que se puede aplicar la alineación:

  • Componentes de la cabecera del blog
  • Botones o insignias de la barra lateral
  • Texto dentro de tu mensaje o barra lateral
  • Imágenes dentro de tu mensaje o barra lateral

También puedes ver el diseño de tu blog a vista de pájaro y ver cómo los elementos del blog se alinean entre sí. Por ejemplo, la línea discontinua le permite ver cómo el nombre del blog, el eslogan, el título de la entrada y el contenido de la entrada se alinean a la izquierda.

Usar cuadrículas o líneas para ayudar en la colocación

Si estás diseñando tu propio blog, lo más probable es que estés usando un tema o marco de trabajo que ya tenga en cuenta la alineación. Sin embargo, si estás diseñando el encabezado de tu blog u otros componentes que conforman el diseño general de tu blog, las cuadrículas o líneas pueden ayudar a asegurar que partes de tu diseño se alineen.

El uso de un sistema de cuadrícula le proporciona una guía para que sus elementos de diseño no parezcan haber sido colocados al azar aquí y allá. Algunos programas de diseño como Adobe Illustrator o Photoshop tienen ajustes para mostrar cuadrículas y la capacidad de añadir líneas guía. En Adobe Photoshop, diseñe con una cuadrícula eligiendo View→Show→Grid. En Photoshop Elements 11, seleccione View→Grid.

Cuando se trata de alinear el texto dentro de sus entradas de blog reales, no tiene que preocuparse demasiado. Las plataformas de blogs como WordPress por defecto para alinear tu texto a la izquierda, pero puedes cambiar esto simplemente haciendo clic en los iconos que ajustan tu alineación a la derecha, al centro o al máximo (justificado).

Reply