\n La tipograf\u00eda es el estilo y la apariencia del material impreso, seg\u00fan mi buen viejo amigo, Google. El hecho de que este es un tipo de arte en s\u00ed mismo, es evidente.\n<\/p>\n
\n Y la tipograf\u00eda es la base sobre la que se crean todo tipo de dise\u00f1os que tienen que ver con la palabra escrita. Esto significa que puede encontrarlo en todas partes: en libros, en paquetes, incluso, y lo m\u00e1s importante para nosotros, en sitios web, correos electr\u00f3nicos y p\u00e1ginas de destino.\n<\/p>\n
\n Sin embargo, art\u00edstica o no, la tipograf\u00eda es algo que debe brindar a los usuarios una buena experiencia, al igual que todas las herramientas. Y las letras cursivas pueden ser tan bonitas, pero \u00bfson utilizables?\n<\/p>\n
\n Veamos c\u00f3mo podemos mejorar la experiencia de un usuario y la interfaz de usuario en s\u00ed, mediante el uso de la tipograf\u00eda adecuada.\n<\/p>\n
\n Al principio, est\u00e1 la fuente
\n<\/h5>\n
\n Imagine lo aburrido e indiferente que se ver\u00eda su sitio web y cu\u00e1nto le restar\u00eda a la experiencia del usuario si su fuente no coincidiera con la sant\u00edsima trinidad de un negocio: su p\u00fablico objetivo, el tono de su marca y sus objetivos.\n<\/p>\n
\n Elegir la fuente correcta es un poco como elegir las cortinas perfectas para una habitaci\u00f3n. Las cortinas pegajosas muestran mal gusto, y una fuente que simplemente no combina puede hacer que su proyecto se vea vulgar en el mejor de los casos y spam en el peor.\n<\/p>\n
\n La fuente es tan importante como las im\u00e1genes en s\u00ed mismas, para crear una impresi\u00f3n y se\u00f1alar las cosas que necesita identificar, tanto en un sitio web como en un correo electr\u00f3nico, optimizando la experiencia de su usuario.\n<\/p>\n
\n Necesitar\u00e1 negrita para declaraciones en negrita, letras cursivas y caligraf\u00eda intensa para cosas que son elegantes y no demasiado importantes. Combinaciones como la siguiente, son imprescindibles:\n<\/p>\n
\n
\n combinaciones de fuentes de marca\n<\/p>\n
\n Sin embargo, me veo obligado a advertirte sobre algo: Demasiadas fuentes te har\u00e1n perder el juego. Puede tener dos tipos de fuentes como m\u00e1ximo, y deber\u00e1 asegurarse de que se usen como en el ejemplo anterior: m\u00e1s audaces y estrictas para el encabezado, m\u00e1s refinadas para el cuerpo de la copia.\n<\/p>\n
\n Y recuerda lo siguiente: si estamos hablando de tu sitio web y no de una p\u00e1gina de destino o un correo electr\u00f3nico, quiz\u00e1s deber\u00edas pensar en usar una fuente estandarizada.\n<\/p>\n
\n Ver\u00e1, la cursiva a veces puede ser dif\u00edcil de leer y un resultado demasiado art\u00edstico puede ser hermoso, pero no es f\u00e1cil de leer y comprender. Para los clientes ocupados de hoy, que son expertos en escanear bloques de texto y encontrar exactamente lo que necesitan saber, para ahorrar tiempo, algo no estandarizado puede parecer demasiado esfuerzo.\n<\/p>\n
\n Su audiencia est\u00e1 m\u00e1s familiarizada con Times New Roman, por ejemplo. Incluso pueden decirle d\u00f3nde debe usarse y son muy f\u00e1ciles de escanear.\n<\/p>\n
\n Es m\u00e1s, podr\u00eda causar un problema de contenido real, en el sentido de que una fuente y un formato m\u00e1s art\u00edsticos podr\u00edan desviar la atenci\u00f3n del compromiso del contenido.\n<\/p>\n
\n Elementos especiales de una fuente:\n<\/p>\n
\n Una fuente se compone de varios elementos que pueden hacer o deshacer su uso, m\u00e1s o menos. \u00a1Tienes varios estilos, pesos, las obras! As\u00ed que vamos a ver de qu\u00e9 se trata todo esto:\n<\/p>\n
\n Tienes tu familia de fuentes<\/strong>, en primer lugar. La familia de fuentes (o tipo de letra) es m\u00e1s o menos la categor\u00eda grande que contiene fuentes del mismo estilo.\n<\/p>\n \n En segundo lugar, tienes el peso de la fuente<\/strong>, es decir, el ancho de cada car\u00e1cter. Este elemento separa qu\u00e9 fuente se usar\u00e1 para crear un t\u00edtulo y cu\u00e1l terminar\u00e1 en el cuerpo del texto.\n<\/p>\n \n En tercer lugar va el kerning<\/strong>, es decir, el patr\u00f3n que siguen los caracteres, es decir, el espacio entre dos letras, que es necesario, ya que tus ojos seguir\u00e1n ese patr\u00f3n exacto.\n<\/p>\n \n Este espaciado y los m\u00e1rgenes son los que definir\u00e1n el elemento final muy importante:\n<\/p>\n \n El n\u00famero de caracteres por l\u00ednea<\/strong>. Demasiados caracteres por l\u00ednea y el cuerpo del texto se ver\u00e1 desordenado, lo que resultar\u00e1 en una experiencia de usuario bastante mala.\n<\/p>\n \n Muy pocos y el ojo tardar\u00e1 m\u00e1s en llegar al siguiente p\u00e1rrafo, obteniendo exactamente el mismo resultado que mencion\u00e9 anteriormente.\n<\/p>\n \n Al limitar la longitud, mejora la legibilidad de su texto. Si la l\u00ednea es demasiado larga, no se mostrar\u00e1 correctamente en el dispositivo, lo que significar\u00e1 que el lector no podr\u00e1 leerla correctamente, lo que resultar\u00e1 en un l\u00edo, en cuanto a CRO (Optimizaci\u00f3n de la tasa de conversi\u00f3n).\n<\/p>\n \n Deber\u00e1 encontrar una proporci\u00f3n \u00e1urea que funcione para usted en esa y tenga en cuenta que esta proporci\u00f3n \u00e1urea deber\u00e1 detenerse en 60 caracteres por l\u00ednea.\n<\/p>\n \n Y una peque\u00f1a pista aqu\u00ed: tambi\u00e9n deber\u00e1 tener en cuenta el espacio entre las l\u00edneas<\/strong>, ya que es demasiado f\u00e1cil volver a leer una l\u00ednea u omitirla por completo. Lo cual nunca es una buena pr\u00e1ctica, especialmente en esta \u00e9poca en la que los consumidores tienen tantas opciones.\n<\/p>\n \n \u00bfCu\u00e1ntas veces has visto un texto en may\u00fasculas y has pensado que el escritor quiere gritar enojado? Apuesto a que la respuesta es \u00abmuchas veces\u00bb.\n<\/p>\n \n Los tama\u00f1os de fuente pueden funcionar como el tono de la palabra hablada: las cursivas pueden imitar, las fuentes en negrita pueden ser exigentes, las letras may\u00fasculas pueden llamar la atenci\u00f3n, etc.\n<\/p>\n \n Por lo tanto, un dise\u00f1ador debe tener cuidado al elegir una fuente y un estilo, especialmente si tiene una audiencia diversa con la que \u00abhablar\u00bb.\n<\/p>\n \n Si no me cree, simplemente abra una novela y verifique la fuente. Luego, abre un libro para ni\u00f1os y haz lo mismo.\n<\/p>\n \n Todo se reduce a lo que mencion\u00e9 al principio: debe atraer a su p\u00fablico objetivo a trav\u00e9s de su tipograf\u00eda, as\u00ed como la copia y las im\u00e1genes en s\u00ed.\n<\/p>\n \n Pero el tama\u00f1o no es todo lo que importa. Ya que estamos hablando de digital, su tipograf\u00eda debe ser impecable en todos los dispositivos. Debe optimizar para dispositivos m\u00f3viles, tabletas y computadoras de escritorio, para evitar que el usuario se confunda y descarte su contenido por completo.\n<\/p>\n \n Tenga en cuenta que la altura es igual de importante. Un texto muy largo o muy corto que se ve muy bien cuando se prueba para la vista de escritorio, podr\u00eda no funcionar bien para dispositivos m\u00f3viles.\n<\/p>\n \n Quiz\u00e1s la mayor pesadilla<\/strong> de todas es la alineaci\u00f3n del texto. En la cultura occidental, las personas est\u00e1n acostumbradas a leer de izquierda a derecha, por lo tanto, debes tener en cuenta ese hecho y actuar en consecuencia.\n<\/p>\n \n Use la alineaci\u00f3n a la izquierda para imitar la forma en que las personas leen los textos impresos, y estar\u00e1 listo para comenzar.\n<\/p>\n \n No funcionar\u00e1 lo mismo para su p\u00fablico objetivo si este se encuentra en alg\u00fan lugar del este, donde la lectura es de derecha a izquierda. Entonces, nuevamente, su p\u00fablico objetivo es lo primero que debe considerar antes de tomar una decisi\u00f3n.\n<\/p>\n \n Sabes que las mejores pr\u00e1cticas no se llevan la palma cuando se trata de tipograf\u00eda y dise\u00f1o, \u00bfverdad?\n<\/p>\n \n Puedes usar las mejores fuentes, tu alineaci\u00f3n podr\u00eda ser impecable, pero sin usar las tendencias de dise\u00f1o, tu correo electr\u00f3nico, sitio web, p\u00e1gina de destino, lo que sea que est\u00e9s creando, podr\u00eda seguir siendo uno de tus secretos mejor guardados.\n<\/p>\n \n Negrita es a veces hermosa\n<\/p>\n \n Piense en MAC, por ejemplo. A la marca de belleza le encanta usar texto en negrita y contraste extremo como elemento:\n<\/p>\n \n Este es el lema de la marca y lo ha sido desde siempre. Es dram\u00e1tico y no te lo puedes perder. Lo mismo ocurre con la imagen principal de su bolet\u00edn informativo:\n<\/p>\n\n Tama\u00f1o de fuente y otras pesadillas
\n<\/h5>\n\n Las tendencias son tus amigas
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> Cosm\u00e9ticos MAC<\/p>\n