{"id":263081,"date":"2023-06-03T12:16:00","date_gmt":"2023-06-03T09:16:00","guid":{"rendered":"https:\/\/inform.click\/guia-definitiva-de-tipografia-web-reglas-glosario-ideas-y-mejores-practicas\/"},"modified":"2023-06-03T12:54:00","modified_gmt":"2023-06-03T09:54:00","slug":"guia-definitiva-de-tipografia-web-reglas-glosario-ideas-y-mejores-practicas","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/guia-definitiva-de-tipografia-web-reglas-glosario-ideas-y-mejores-practicas\/","title":{"rendered":"Gu\u00eda definitiva de tipograf\u00eda web: reglas, glosario, ideas y mejores pr\u00e1cticas"},"content":{"rendered":"

\n ‘Una imagen vale mas que mil palabras.'\n<\/p>\n

\n La mayor\u00eda de las veces, las im\u00e1genes transmiten lo que tienen que decir. Sin embargo, una imagen con texto tiene un impacto m\u00e1s fuerte.\n<\/p>\n

\n La tipograf\u00eda act\u00faa como un compa\u00f1ero de sus gr\u00e1ficos. La tipograf\u00eda no es solo elegir una fuente aleatoria y un tama\u00f1o de punto del men\u00fa desplegable de su software de edici\u00f3n. Es un campo especializado en dise\u00f1o gr\u00e1fico. Es el arte y la t\u00e9cnica de ordenar tipos. Es una de las habilidades importantes que puede diferenciarte del resto de los dise\u00f1adores si sabes c\u00f3mo usarla.\n<\/p>\n

\n \u00bfQu\u00e9 es la tipograf\u00eda?
\n<\/h5>\n

\n Antes de entrar en el arte y la t\u00e9cnica de la tipograf\u00eda, primero, comprenda de qu\u00e9 se trata la tipograf\u00eda. La tipograf\u00eda es la pieza visual de texto (palabra escrita). Un texto es una serie de palabras. Todos y cada uno de los textos visualizados que ves son b\u00e1sicamente tipograf\u00eda. El texto se puede clasificar de tres maneras: visual, audible y digitalmente.\n<\/p>\n

\n La tipograf\u00eda es m\u00e1s que el dise\u00f1o de letras y caracteres. Incluye la opci\u00f3n de tama\u00f1o de punto, espaciado y longitud de l\u00ednea. En la \u00e9poca en que Johannes Gutenberg introdujo la imprenta, los tip\u00f3grafos ten\u00edan que organizar las letras y los caracteres en el espacio f\u00edsico. Ahora, en la era de las computadoras, este trabajo es mucho m\u00e1s f\u00e1cil. Solo tiene que encontrar fuentes de c\u00f3digo abierto, organizar letras y caracteres, y listo.\n<\/p>\n

\n Importancia de la tipograf\u00eda
\n<\/h5>\n

\n La tipograf\u00eda es algo que encontrar\u00e1s absolutamente en todas partes. Digamos que podr\u00eda ser su tel\u00e9fono inteligente, una taza de caf\u00e9, una valla publicitaria, ropa y mucho m\u00e1s. La tipograf\u00eda est\u00e1 en todas partes. La selecci\u00f3n de fuente, letra y disposici\u00f3n de caracteres decide c\u00f3mo se transmitir\u00e1 su mensaje.\n<\/p>\n

\n Incluso si parece un factor peque\u00f1o en su opini\u00f3n, ciertamente no lo es. Incluso un solo tipo de ajuste puede cambiar por completo el aspecto de su obra de arte. Si alguna vez not\u00f3 que Facebook prob\u00f3 una nueva fuente llamada Ginebra en junio de 2016. Era una versi\u00f3n ligeramente m\u00e1s delgada y liviana de la fuente Helvetica original. Pero, la diferencia entre estas dos fuentes fue notable.\n<\/p>\n

\n Reglas de tipograf\u00eda\n<\/p>\n

\n En tipograf\u00eda, debe elegir el tipo de letra de acuerdo con su dise\u00f1o, cuadr\u00edcula, tema de dise\u00f1o, combinaci\u00f3n de colores, etc. Aqu\u00ed hay algunas reglas de tipograf\u00eda que debe tener en cuenta mientras trabaja.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Elegir la fuente correcta
\n<\/h5>\n

\n Si pasa unos minutos en Internet, encontrar\u00e1 una asombrosa variedad de fuentes gratuitas y de pago listas para usar. Pero eso no significa que tengas que pasar horas buscando las fuentes exactas que visualizas en tu mente. Puedes empezar a pintar incluso con una paleta limitada. Hay algunas fuentes probadas como Helvetica que nunca pueden fallar en ning\u00fan proyecto.\n<\/p>\n

\n Una tipograf\u00eda es una forma de dise\u00f1o que est\u00e1 formada por artesanos que aportan todos sus esfuerzos y habilidades durante un per\u00edodo de tiempo considerable. Las fuentes dise\u00f1adas profesionalmente ofrecen una variedad de personalizaci\u00f3n en t\u00e9rminos de pesos y estilos para crear una familia completa. Adem\u00e1s, ofrecen considerables pares de interletraje, compatibilidad con la personalizaci\u00f3n de configuraci\u00f3n de tipos en varios idiomas.\n<\/p>\n

\n Los siguientes son los t\u00e9rminos tipogr\u00e1ficos m\u00e1s importantes que se consideran:\n<\/p>\n

\n Tama\u00f1o
\n<\/h5>\n

\n No todas las tipograf\u00edas se crean por igual. Algunos usan aspectos gruesos y anchos, mientras que otros son delgados y angostos. Diferentes tipos de tipograf\u00edas pueden adquirir diferentes cantidades de espacio en la p\u00e1gina.\n<\/p>\n

\n La altura del car\u00e1cter se denota como altura X. Cuando empareja diferentes tipos de letra, es una buena pr\u00e1ctica usar solo aquellos tipos de letra que comparten una altura x similar. Por otro lado, el ancho del car\u00e1cter se denomina ‘ancho establecido', que decide cu\u00e1nto espacio ocupar\u00e1 la letra y cu\u00e1nto espacio en el b\u00fafer con otras letras.\n<\/p>\n

\n El sistema de puntos es el m\u00e9todo que se ha utilizado para medir tipos desde el siglo XVIII. Un punto se puede medir como 1\/72 de pulgada y 12 puntos pueden formar una pica. Pica es la unidad para medir el ancho de columna. Adem\u00e1s, los tama\u00f1os se pueden medir en p\u00edxeles, pulgadas o mil\u00edmetros. Depende del requerimiento del proyecto.\n<\/p>\n

\n Principal
\n<\/h5>\n

\n El espacio vertical entre cada l\u00ednea de tipo se conoce como interlineado. La raz\u00f3n para llamar a esto como gu\u00eda es porque las tiras de plomo se usaban para dividir las l\u00edneas de tipo en la \u00e9poca en que se usaba la composici\u00f3n tipogr\u00e1fica de metal. La regla general para obtener un cuerpo de texto legible es usar un valor inicial mayor que el tama\u00f1o de la fuente. Puede utilizar un valor principal superior en 1,25 a 1,5 veces.\n<\/p>\n

\n Seguimiento y interletraje
\n<\/h5>\n

\n Kerning es el acto que involucra los ajustes de espacio entre los personajes. Ayuda a generar un maridaje armonioso.\n<\/p>\n

\n Por ejemplo, cuando usa una may\u00fascula de la letra ‘A' con la may\u00fascula de la letra ‘V', los trazos diagonales de la parte superior izquierda de la letra ‘V' se intercalan con la parte inferior derecha de ‘A'.\n<\/p>\n

\n Por otro lado, el seguimiento es el t\u00e9rmino que se relaciona con el espaciado de todos los caracteres que se aplican de manera uniforme. Kerning es similar a la pista, pero ambos no son lo mismo.\n<\/p>\n

\n Medida
\n<\/h5>\n

\n La medida es un t\u00e9rmino que explica el ancho de un bloque de texto. Para una experiencia de lectura \u00f3ptima, debe considerar la medida como un aspecto importante de la tipograf\u00eda.\n<\/p>\n

\n Jerarqu\u00eda y escala
\n<\/h5>\n

\n Todos los tipos no se pueden usar en el mismo tama\u00f1o, debe establecer la jerarqu\u00eda para los tipos. De lo contrario, ser\u00e1 dif\u00edcil para los lectores comprender qu\u00e9 informaci\u00f3n es m\u00e1s importante que las dem\u00e1s.\n<\/p>\n

\n Generalmente, los t\u00edtulos son grandes, los subt\u00edtulos son m\u00e1s peque\u00f1os y el tipo de cuerpo es ligeramente m\u00e1s peque\u00f1o que los subt\u00edtulos para ayudar a los lectores a comprender su jerarqu\u00eda.\n<\/p>\n

\n No solo el tama\u00f1o, el uso de diferentes colores, pesos y espacios tambi\u00e9n puede ayudarlo a establecer una jerarqu\u00eda en su trabajo.\n<\/p>\n

\n Glosario
\n<\/h3>\n

\n Hemos cubierto casi todos los conceptos y terminolog\u00edas fundamentales relacionados con la tipograf\u00eda aqu\u00ed.\n<\/p>\n

\"\"<\/a><\/p>\n