Páginas Web Valencia Mon, 27 Apr 2020 10:21:01 +0200
Blog de Marketing, Diseño, SEO y Programación a Medida

Las mayúsculas en el diseño web: cuál es la mejor forma de utilizarlas

Dónde usar mayúsculas en el diseño web

Un aspecto fundamental cuando se crea una página en Internet, además del contenido de la misma, es el diseño web. Tan importante es que la información y elementos multimedia sean relevantes para el usuario que llega a nosotros, como que la experiencia en la web sea cómoda y agradable a la vista. En ese sentido, el uso de textos en mayúsculas es un recurso del que no se debe abusar a la hora de diseñar una página web.

Mayúsculas en el diseño de la página web: formas correctas

En primer lugar es necesario aclarar que, salvo excepciones que vengan impuestas por el concepto de marca, en el diseño web es imprescindible seguir las normas ortográficas del español que dicta la RAE.

Mejora tu escritura

Así, cuando nos refiramos a "textos en mayúsculas" estaremos hablando de aquellos en los que la tipografía en mayúscula se utilice en todas las letras, dando por hecho que siempre se usará en nombres propios, geográficos, después de ciertos signos de puntuación, etc.

Por otra parte, usar mayúsculas en ciertos elementos del diseño web puede ser un recurso útil para incorporar puntos calientes de atención donde el usuario tendrá que detenerse. Algunas recomendaciones de uso son:

En los títulos y los subtítulos

Siempre que no sean textos demasiado largos, el uso de mayúsculas en los títulos y subtítulos de la página puede ser una buena opción. Cuando estos encabezados (que suelen corresponderse con los elementos H1, H2, H3...) sean cortos, pueden darle un aspecto muy atractivo al diseño si se emplea la mayúscula. Además, pensando especialmente en lugares donde pueda aparecer un copy o claim de marca, se puede jugar con el espaciado entre letras para que esa cabecera sea sugerente y elegante a pesar del uso de mayúsculas.

En los botones y llamadas a la acción

Los botones donde se busca el clic de usuario, con textos cortos como "COMPRAR", "VER MÁS" o "SIGUIENTE", son elementos destacados donde el uso de mayúsculas funciona muy bien. En un botón, además, se consigue un doble efecto por el contraste de color con el fondo; pero en general, en cualquier llamada a la acción o call-to-action funciona muy bien la tipografía en mayúscula, sea en un botón o no.

En los menús de navegación

Especialmente cuando los elementos del menú solo tienen una palabra, como "CONTACTO", "SERVICIOS" o "PRODUCTOS", por ejemplo, conviene usar mayúsculas para guiar al usuario sobre dónde tiene que fijar la vista y hacer clic. No obstante, si el menú cuenta con más de cinco o seis elementos y estos conforman más de una palabra, como "Quiénes somos" o "Calendario de eventos", se recomienda optar por la minúscula para que el diseño no quede recargado.

Consejos para el texto en el diseño web

En contraposición, existen algunos detractores del uso de mayúsculas en el texto en páginas web, y sus argumentos son, entre otros, que pueden llevar a una malinterpretación de la comunicación y que dé la sensación de que estamos gritando al usuario. En cualquier caso, las buenas prácticas en el uso de mayúsculas al diseñar páginas web se resumen en dos elementos clave:

 

  1. No usar mayúsculas en textos largos. El usuario puede perderse en la lectura y es preferible destacar los elementos de otra forma, con negritas en las partes importantes, por ejemplo.
  2. Aplicar código CSS para emplear mayúsculas. Es preferible hacer uso de la clase CSS de estilo que escribir los textos en mayúsculas en el HTML. Así, si en cualquier momento se cambia de opinión, bastará con eliminar el estilo y no será necesario editar los textos.

Los textos son un elemento tanto o más importante que los gráficos en diseño web. Una fuente con personalidad, los elementos de contraste y la armonía en la tipografía son prácticas a tener en cuenta.

Dónde usar mayúsculas en el diseño web
Revisado por

Linkedin logo Lorena Pastor

Directora de arte, especialista en diseño gráfico y web

"Diseñamos sitios webs para abrir las puertas de entrada a la experiencia digital, donde la creatividad y la funcionalidad se entrelazan para cautivar al usuario."🌟

Pregúntame
x
Centro de preferencia de la privacidad
Cuando visita cualquier sitio web, el mismo podría obtener o guardar información en su navegador, generalmente mediante el uso de cookies. Esta información puede ser acerca de usted, sus preferencias o su dispositivo, y se usa principalmente para que el sitio funcione según lo esperado. Por lo general, la información no lo identifica directamente, pero puede proporcionarle una experiencia web más personalizada. Ya que respetamos su derecho a la privacidad, usted puede escoger no permitirnos usar ciertas cookies. Haga clic en los encabezados de cada categoría para saber más y cambiar nuestras configuraciones predeterminadas. Sin embargo, el bloqueo de algunos tipos de cookies puede afectar su experiencia en el sitio y los servicios que podemos ofrecer.
Más Información sobre Cookies Habilitar todas
Gestionar las preferencias de consentimiento
- Cookies técnicas Activas siempre
Son aquellas que permiten al usuario la navegación a través de una página web, plataforma o aplicación y la utilización de las diferentes opciones o servicios que en ella existan como, por ejemplo, controlar el tráfico y la comunicación de datos, identificar la sesión, acceder a partes de acceso restringido, recordar los elementos que integran un pedido, realizar el proceso de compra de un pedido, realizar la solicitud de inscripción o participación en un evento, utilizar elementos de seguridad durante la navegación, almacenar contenidos para la difusión de videos o sonido o compartir contenidos a través de redes sociales.
- Cookies de Google Maps
Cookies de Preferencias de Google: Estas cookies permiten que los sitios web de Google recuerden información que cambia el aspecto o el comportamiento del sitio web como, por ejemplo, el idioma que prefieres o la región en la que te encuentras.
- Cookies de análisis o medición
Son aquellas que permiten al responsable de las mismas, el seguimiento y análisis del comportamiento de los usuarios de los sitios web a los que están vinculadas. La información recogida mediante este tipo de cookies se utiliza en la medición de la actividad de los sitios web, aplicación o plataforma y para la elaboración de perfiles de navegación de los usuarios de dichos sitios, aplicaciones y plataformas, con el fin de introducir mejoras en función del análisis de los datos de uso que hacen los usuarios del servicio.
Rechazar todas Confirmar mis preferencias