¿Cómo manejo grandes párrafos de texto centrado?


11

He estado trabajando en un sitio web de cartera muy simple para mí y la plantilla que estoy usando está justificada para todo el texto. Tengo un pequeño comentario acerca de mí y no sé si esta es la mejor manera de tratar con tanto texto justificado en el centro. Me resulta un poco incómodo leerlo. ¿Estoy imaginando cosas o hay una mejor manera de hacerlo?

mucho texto centrado!

EDITAR 1: Mi sitio web se basa en esta plantilla gratuita , que también tiene algunas secciones más grandes de texto alineado al centro. Me gustaría dejar justificar el texto, pero no sé si encajaría bien con el aspecto del resto del sitio web.

EDITAR 2:

Así que cambié los colores para que sea texto negro sobre blanco. Así es ahora, con una fuente sens-serif también. También he incluido cómo se ve el enlace en ese fondo blanco; es posible que deba oscurecerlo un poco:

Negro sobre blanco

EDITAR 3:

Está bien, así queda justificado, con mi intento de viñetas. Voy a resolver eso pronto. Necesito establecer el tamaño de fuente correctamente, pero entiendes la idea.

izquierda justificada!


¿Por qué necesitas señalar que hablas inglés? En otros países, las personas hacen una nota en su CV si hablan uno o más idiomas extranjeros.
Imrek

1
@DrunkenMaster Está asumiendo que Stacey está en un país de habla inglesa. :)
Scott

Estoy en un país con 11 idiomas oficiales y poder hablar inglés de forma nativa no es muy común entre mi competencia.

@Scott Verifique su ubicación, dice Sudáfrica. De todos modos, centrar el texto no es el único problema. Las letras blancas finas sobre un fondo negro son muy difíciles de leer, especialmente una fuente serif. Si necesita texto inverso con letras minúsculas, use una fuente sans-serif, que sería más legible. De lo contrario, hay muchas fuentes web agradables que puede usar, para darle a su biografía un toque más personal, después de todo, una buena tipografía es casi imprescindible en 2015.
Imrek

@DrunkenMaster eres absolutamente bienvenido a mencionar cualquier problema que encuentres en una respuesta: soy un novato completo cuando se trata de esto (¡como probablemente puedas decir!) Y necesito toda la ayuda que pueda obtener.

Respuestas:


10

El texto de párrafo de alineación central no suele ser una buena opción. La comprensión humana ha sido debidamente entrenada para ver el texto de ciertas maneras y cuando alinea el texto del párrafo centralmente, le pide al lector que trabaje muy duro y mantenga la ruta visual a través del texto.

Esto no se siente en gran medida cuando se miran párrafos cortos de una o dos oraciones. Pero cuanto más texto hay, peor se pone.

Aquí hay un artículo sobre alineación de texto

Y UX.SE tiene una pregunta relacionada: ¿el texto alineado a la izquierda generalmente es preferible al texto centrado?

Si la alineación a la izquierda no es una opción (no estoy seguro de por qué ese sería el caso), es posible que deba repensar el diseño.

(Nota al margen: el tipo inverso en la web también es muy difícil para el lector).

Si está decidido a usar esa plantilla. Sugeriría alinear el texto del párrafo en todas las áreas y usar una posición imaginaria desde el lado izquierdo para alinearlos a todos. Por ejemplo, definiría un área de contenido y la alinearía a la izquierda dentro de esa área:

ingrese la descripción de la imagen aquí

Las cosas se "leerán" mucho más fácilmente ...

ingrese la descripción de la imagen aquí


¡Parece que la plantilla que elegí tiene algunos problemas! Supongo que eso es lo que obtienes gratis.

Tengo una nota completamente establecida en la plantilla, pero me gustaría intentarlo antes de rendirme y encontrar otra cosa.

Solo sé que el tipo inverso de alto contraste hará más para rechazar a los usuarios que la alineación del texto.
Scott

Ya he decidido cambiar eso a texto negro sobre blanco cuando tengo la oportunidad.

Y acabo de cambiar los colores. ver editar

5

No tendría ningún problema con el texto si tuviera 2 o 3 párrafos menos. El centrado funciona bien para pequeñas cantidades de texto, pero se convierte en un problema de legibilidad cuando se tiene demasiado.

Desde este punto de vista, alinear a la izquierda es mejor que centrado (o alineado a la derecha).

El texto alineado a la izquierda es más fácil de leer que el texto centrado para los párrafos. Esto se debe a que cuando centra el texto, cambia el lugar de inicio de cada línea. Esto obliga a sus usuarios a trabajar más duro para encontrar dónde cada línea comienza a seguir leyendo.

El razonamiento se reduce a tus ojos haciendo demasiado ejercicio para entender el texto. En mi caso personal, sentí que mi vista se encontraba en el centro del texto, notando, por ejemplo, palabras como Matlab / VHDL y Python C ++. Me dan una idea de lo que haces, pero no solo estás tratando de enumerar habilidades, te estás describiendo a ti mismo.

Dicho esto, el texto no es extremadamente largo, y tenerlo centrado es una "declaración" de diseño. Entonces, si quisieras mantenerlo así, consideraría agregar algunas pistas visuales para ayudar a navegar el texto. Por ejemplo, poner algunas palabras o frases en negrita, o variar sus tamaños. También puede usar el color para resaltar los idiomas. Estoy seguro de que no todo su texto tiene la misma relevancia, por lo tanto, no debería tener el mismo aspecto.


2

Otros ya han hecho puntos válidos en el texto centrado, por lo que no repetiré eso.

Hay otras cosas que debes considerar:

  • La fuente serif delgada (tamaño de fuente pequeño o fuente delgada) no es una buena opción para texto invertido. Esencialmente hace que la lectura sea tan difícil como el texto centrado. Piense en las personas con pantallas antiguas o dispositivos baratos, que no podrán leer el texto en absoluto.

  • usar alguna fuente con un toque más personal, Georgia o Times es probablemente una opción decente para sitios con mucho texto que necesitan una carga rápida, pero en 2015 casi todos los diseñadores web están obsesionados con la tipografía . Consulte las fuentes en http://www.google.com/fonts/ Hay muchas fuentes serif y sans-serif altamente legibles que sorprenderán a sus visitantes. Use el contraste, empareje algunas fuentes agradables, use diferentes pesos, etc.

  • Supongo que el sitio web es sobre usted y no tendrá mucho contenido. Crea una bonita imagen de gran héroe para tu página principal. Como una bonita foto de un dispositivo típico en el que está trabajando, o su entorno de trabajo típico. Configúrelo como imagen de fondo y coloque un buen texto grande en él. Eso casi siempre tiene un buen impacto en sus visitantes.

  • Estructura tu texto , usa una lista si estás enumerando cosas, usa encabezados. Hay muchas opciones para que el texto se vea bien. Los viejos y aburridos párrafos aburridos están pasados ​​de moda.


2

En general, no es bueno tener grandes cantidades de texto alineado centrado porque simplemente no es muy legible. Rastreamos las líneas de texto alineadas a la izquierda (o alineadas a la derecha para los idiomas RTL) más fácilmente que las alineadas centradas.

Para este tipo de información en particular, recomendaría un diseño en sección alineado a la izquierda con las secciones que componen cada habilidad, no una estructura de párrafo como la que tiene actualmente. Lo mantiene corto, legible y fácilmente extensible. También agrega señales visuales como las que habla Yisela.

Eso podría parecerse a este ejemplo extremadamente tosco :

ejemplo seccionado

Puede ser bueno agregar un marco de tiempo de cuánto tiempo has hecho estas cosas también para dar una referencia de lo bueno que eres en ellas. Podría ir justo al lado del título de especialidad, pero es probable que deba enfatizarse menos que el título.


2

Los encabezados son una gran idea si hay contenido complejo o variado. Sin embargo, en su caso, también podría beneficiarse de una estructura de párrafo mejorada. Por ejemplo, los dos primeros párrafos podrían unirse para relacionar su educación con quién es usted. En general, esto le proporciona al lector una mejor comprensión de quién es usted, al tiempo que mantiene el flujo de la discusión.

Los párrafos que estoy escribiendo son buenos ejemplos para usar como plantilla. Puede hacer una breve declaración con la primera línea, luego hacer un seguimiento con una comparación, un contraste o información adicional. Esto puede seguirse con una o dos líneas que proporcionan ejemplos o información relacionada adicional para transmitir mejor el mensaje a su audiencia. Finalmente, termine con una palabra de enlace para llegar a una conclusión sobre lo que ha dicho.

Considera lo siguiente:

Mi nombre es Stacey y soy ingeniero calificado. Obtuve una Licenciatura en Ingeniería, que me ha dado los conocimientos y habilidades para diseñar sistemas digitales durante los últimos cinco años. Los ejemplos de sistemas que he diseñado incluyen (...). Además de mi conocimiento técnico, soy un hablante nativo de inglés con una educación formal en comunicación profesional en inglés.

La primera línea llega a casa, diciendo quién eres y qué haces. La segunda línea explica por qué es relevante ser un ingeniero calificado. La tercera línea proporciona ejemplos que respaldan su experiencia técnica. La línea final vincula sus habilidades técnicas con otras habilidades profesionales. En general, el párrafo proporciona una estructura, flujo y diseño de calidad mejorados.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.