{"id":551,"date":"2017-09-19T15:31:59","date_gmt":"2017-09-19T15:31:59","guid":{"rendered":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/?page_id=551"},"modified":"2021-07-21T12:06:46","modified_gmt":"2021-07-21T12:06:46","slug":"2-paraules-5","status":"publish","type":"page","link":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/2-paraules-5\/","title":{"rendered":"2. Palabras"},"content":{"rendered":"

<\/p>\n

2.5.\u00a0Cr\u00edmenes tipogr\u00e1ficos<\/strong><\/h3>\n

Los cr\u00edmenes tipogr\u00e1ficos<\/strong> son malas pr\u00e1cticas en el uso de la tipograf\u00eda; cosas que deber\u00edamos evitar hacer cuando trabajamos con letras por razones tanto pr\u00e1cticas o funcionales como est\u00e9ticas.<\/span><\/p>\n

    \n
  1. Combinar fuentes similares<\/b><\/a><\/li>\n
  2. Utilizar falsas cursivas, negritas y versalitas<\/b><\/a><\/li>\n
  3. Abusar de las tipograf\u00edas de fantas\u00eda y script<\/em><\/b><\/a><\/li>\n
  4. Distorsionar las letras<\/b><\/a><\/li>\n
  5. Componer en vertical<\/b><\/a><\/li>\n
  6. Dejar viudas, hu\u00e9rfanas, r\u00edos y part\u00edculas sueltas<\/b><\/a><\/li>\n
  7. Componer columnas centradas<\/b><\/a><\/li>\n
  8. Realizar cambios de escala arbitrarios<\/b><\/a><\/li>\n
  9. Hacer l\u00edneas demasiado cortas o demasiado largas<\/b><\/a><\/li>\n
  10. Descuidar la ortotipograf\u00eda<\/b><\/a><\/li>\n<\/ol>\n

     <\/p>\n

      \n
    1. <\/a>Combinar fuentes similares<\/b><\/li>\n<\/ol>\n

      No es buena idea escoger dos letras romanas en un proyecto, ni tampoco dos de palo seco. En general, es preferible buscar el contraste y no la semejanza entre tipograf\u00edas. Por ejemplo, es mejor combinar Helvetica con una romana como Minion o Didot que con otra tipograf\u00eda sin remate como Gotham.<\/span><\/p>\n

      \"Figura

      Figura\u00a070<\/p><\/div>\n

        \n
      1. <\/a>Utilizar falsas cursivas, negritas y versalitas<\/b><\/li>\n<\/ol>\n

        Casi todas las aplicaciones actuales para dise\u00f1o gr\u00e1fico y tratamiento de textos ofrecen la posibilidad de transformar la tipograf\u00eda que estamos utilizando en cursiva, negrita o versalita. Si la aplicaci\u00f3n funciona correctamente, buscar\u00e1 la variante de estilo que tenga esa fuente, pero en muchos casos la familia de tipos ser\u00e1 demasiado corta para que se pueda realizar la operaci\u00f3n.<\/span><\/p>\n

        As\u00ed pues, para conseguir las negritas, la aplicaci\u00f3n puede aplicar a las letras un contorno grueso, recreando una densidad parecida a la negrita pero con un efecto r\u00fastico, poco refinado. Para obtener la cursiva, la aplicaci\u00f3n inclinar\u00e1 las letras hacia la derecha alrededor de los 12\u00ba, pero una buena cursiva debe tener un dibujo especial y diferente respecto a la redonda. En cuanto a la versalita, la aplicaci\u00f3n las generar\u00e1 con may\u00fasculas un poco reducidas, pero una versalita verdadera debe tener un trazo del mismo valor que una may\u00fascula.<\/span><\/p>\n

        \"\"

        Figura 71<\/p><\/div>\n

        \"\"

        Figura 72<\/p><\/div>\n

        \"\"

        Figura 73<\/p><\/div>\n

          \n
        1. <\/a>Abusar de las tipograf\u00edas de fantas\u00eda y script<\/em><\/b><\/li>\n<\/ol>\n

          Hay infinidad de tipograf\u00edas de fantas\u00eda a nuestro alcance: sangrientas, con forma de puzle, recortadas con tijera, con efecto 3D, etc. Existen porque hay dise\u00f1adores que las crean y las ponen a disposici\u00f3n de todos en internet, generalmente clasificadas en el apartado \u00abDisplay\u00bb, o simplemente \u00abOtras\u00bb, de los portales de distribuci\u00f3n. Sin embargo, la gran mayor\u00eda de estas fuentes tiene un car\u00e1cter excesivamente expresivo y muy a menudo baja legibilidad, que es justamente el criterio que deber\u00edamos priorizar a la hora de escoger un tipo de letra.<\/span><\/p>\n

          Es cierto que la tipograf\u00eda tiene una doble funci\u00f3n: ling\u00fc\u00edstica<\/strong> y gr\u00e1fica<\/strong>, pero si exageramos la segunda estaremos minimizando la primera. Cuando escogemos una tipograf\u00eda el objetivo principal es que el mensaje textual sea le\u00eddo, y una vez conseguida dicha misi\u00f3n, ya consideraremos qu\u00e9 nos transmite su forma. La tipograf\u00eda debe ser el tono con el que pronunciamos las palabras, as\u00ed que no es buena idea utilizar tipos de fantas\u00eda por la misma raz\u00f3n que no es aconsejable hablar a alguien a gritos o imitando un acento extravagante.<\/span><\/p>\n

           <\/p>\n

          \"Figura

          Figura\u00a074<\/p><\/div>\n

           <\/p>\n

          \"Figura

          Figura 75. Las fuentes manuscritas o de fantas\u00eda no son adecuadas para textos largos, ya que sus formas complejas y caprichosas hacen que sean dif\u00edciles de leer en tama\u00f1os de letra peque\u00f1os. Las fuentes con serifa, en cambio, est\u00e1n dise\u00f1adas para este prop\u00f3sito<\/p><\/div>\n

           <\/p>\n

          Con las tipograf\u00edas script<\/em><\/strong> o que imitan escrituras manuales ocurre una cosa parecida porque, a efectos pr\u00e1cticos, son una tipolog\u00eda especial de letras de fantas\u00eda. Se deben utilizar con moderaci\u00f3n \u2013nunca para grandes cantidades de texto\u2013 y siempre vigilando que no comuniquen nada que no queramos que comuniquen.<\/span><\/p>\n

          En la gran mayor\u00eda de casos es preferible utilizar letras m\u00e1s neutras o, como m\u00ednimo, no tan expresivas como las de fantas\u00eda, intentando aportar valor al proyecto nosotros mismos. Es decir, en general es mejor aplicar un gesto propio y controlado a una letra m\u00e1s bien contenida que delegar todas las funciones comunicativas a una tipograf\u00eda llamativa.<\/span><\/p>\n

           <\/p>\n

            \n
          1. <\/a>Distorsionar las letras<\/b><\/li>\n<\/ol>\n

            La facilidad de uso de las herramientas digitales a nuestro alcance nos puede llevar a una hipermanipulaci\u00f3n de las letras en la b\u00fasqueda de una mayor expresividad. Para conseguir que un texto tenga mayor atractivo visual suele ser suficiente con el escalado proporcional y la composici\u00f3n. Es decir, en la mayor\u00eda de casos no se hace necesario ilustrar o dibujar con letras ni distorsionarlas. Hay que pensar que las formas de las letras han sido dise\u00f1adas con mucho cuidado y detalle, por lo que es conveniente respetarlas. Si la tipograf\u00eda que hemos escogido no expresa aquello que queremos comunicar o no se adapta bien al espacio que queremos cubrir, es recomendable cambiar de letra antes que manipular la que ya tenemos.<\/span><\/p>\n

            \"Figura

            Figura\u00a076<\/p><\/div>\n

             <\/p>\n

            \"Figura

            Figura 77. Deformar la tipograf\u00eda provoca inconsistencias en la textura, o gris general del texto, y dificulta la legibilidad<\/p><\/div>\n

             <\/p>\n

              \n
            1. <\/a>Componer en vertical<\/b><\/li>\n<\/ol>\n

              Sabemos que las formas de las letras han evolucionado a partir de la caligraf\u00eda<\/strong>, es decir, a partir de los caracteres que trazamos sobre las p\u00e1ginas. En los idiomas que utilizamos el alfabeto latino realizamos este acto de izquierda a derecha y de arriba abajo. Teniendo en cuenta esto, y tambi\u00e9n que el objetivo principal de la tipograf\u00eda es transmitir la informaci\u00f3n con la menor cantidad de interrupciones posibles, podemos concluir que la composici\u00f3n en vertical es un gesto antinatural.<\/span><\/p>\n

              Adem\u00e1s de dificultar enormemente la lectura, la composici\u00f3n en vertical ofrece unos resultados est\u00e9ticos bastante pobres en la mayor\u00eda de los casos debido a las diferentes anchuras de las letras.<\/span><\/p>\n

              \"Figura

              Figura 78<\/p><\/div>\n

               <\/p>\n

                \n
              1. <\/a>Dejar viudas, hu\u00e9rfanas, r\u00edos y part\u00edculas sueltas<\/b><\/li>\n<\/ol>\n

                Por est\u00e9tica, no hemos de permitir que en nuestros textos aparezcan viudas, hu\u00e9rfanas, r\u00edos y part\u00edculas sueltas al final de l\u00ednea.<\/span><\/p>\n

                Una viuda <\/strong>es una l\u00ednea de texto que, siendo el final de un p\u00e1rrafo, aparece la primera en una columna. Una hu\u00e9rfana <\/strong>es la l\u00ednea que aparece al final de una columna pero en realidad es el principio de un p\u00e1rrafo que contin\u00faa en la columna siguiente.<\/p>\n

                \"Figura

                Figura 79. Ejemplo de l\u00ednea hu\u00e9rfana (primera columna) y viuda (tercera columna)<\/p><\/div>\n

                Los caminos<\/strong> o r\u00edos tipogr\u00e1ficos<\/strong> son espacios en blanco entre palabras que se repiten a menudo a lo largo de un texto justificado y que rompen la uniformidad del color tipogr\u00e1fico de la columna. Para evitarlos, debemos revisar el ancho de columna, el cuerpo, los ajustes de partici\u00f3n y la justificaci\u00f3n. En algunos casos podemos cambiar la alineaci\u00f3n justificada por alineaci\u00f3n izquierda o bandera, si encaja con la composici\u00f3n del dise\u00f1o.<\/p>\n

                M\u00e1s informaci\u00f3n: \u00abAjustes de partici\u00f3n y justificaci\u00f3n<\/a>\u00bb<\/p>\n

                \"Figura

                Figura 80. R\u00edos tipogr\u00e1ficos<\/p><\/div>\n

                Hablamos de part\u00edculas sueltas<\/strong> cuando se quedan palabras muy cortas al final de las l\u00edneas en p\u00e1rrafos sin justificar.<\/p>\n

                \"Figura

                Figura 81. Part\u00edculas sueltas a final de l\u00ednea y palabra suelta a final de p\u00e1rrafo<\/p><\/div>\n

                 <\/p>\n

                M\u00e1s informaci\u00f3n: \u00ab<\/span>Est\u00e9tica tipogr\u00e1fica<\/span><\/a>\u00bb<\/p>\n

                 <\/p>\n

                  \n
                1. <\/a><\/b><\/b>Combinar alineaci\u00f3n centrada con bandera<\/b><\/li>\n<\/ol>\n

                  No es aconsejable componer columnas de texto centradas si el resto de elementos de la p\u00e1gina no se ubican tambi\u00e9n siguiendo el eje del medio. La composici\u00f3n centrada<\/strong> aporta al dise\u00f1o un car\u00e1cter cl\u00e1sico, autoritario y solemne, mientras que una composici\u00f3n con alineaci\u00f3n en bandera<\/strong> resulta m\u00e1s din\u00e1mica, moderna y flexible.<\/span><\/p>\n

                  Podemos utilizar columnas centradas para titulares o p\u00e1rrafos cortos, pero nos cansaremos de leer grandes cantidades de texto dispuesto de esta manera porque al ojo le costar\u00e1 localizar el inicio de cada l\u00ednea.<\/span><\/p>\n

                  \"Figura

                  Figura\u00a082<\/p><\/div>\n

                   <\/p>\n

                    \n
                  1. <\/a>Realizar cambios de escala arbitrarios<\/b><\/li>\n<\/ol>\n

                    En dise\u00f1o generamos contraste y jerarqu\u00eda mediante la combinaci\u00f3n de escalas entre los elementos de la p\u00e1gina (bloques de texto, im\u00e1genes, titulares, etc.). Los cambios de tama\u00f1o generan dinamismo y profundidad, a la vez que expresan diferentes niveles de importancia.<\/p>\n

                    Por eso es necesario ajustar con detenimiento y decisi\u00f3n las proporciones y los espacios entre los elementos tipogr\u00e1ficos, para que las composiciones no parezcan arbitrarias y confusas.<\/p>\n

                    \"Figura

                    Figura 83<\/p><\/div>\n

                     <\/p>\n

                      \n
                    1. <\/a>Hacer l\u00edneas demasiado cortas o demasiado largas<\/b><\/li>\n<\/ol>\n

                      En dise\u00f1o no existen f\u00f3rmulas milagrosas que podamos aplicar sistem\u00e1ticamente porque todos los par\u00e1metros de maquetaci\u00f3n est\u00e1n interrelacionados. Sin embargo, se puede afirmar que un texto es m\u00e1s c\u00f3modo de leer si tiene entre 35 y 75 espacios por l\u00ednea (incluyendo caracteres, puntuaci\u00f3n y espacios en blanco). Las columnas con menos de 35 espacios por l\u00ednea nos obligar\u00e1n a interrumpir la lectura con frecuencia, y las de m\u00e1s de 75 nos har\u00e1n dif\u00edcil volver al inicio de la l\u00ednea siguiente.<\/span><\/p>\n

                      M\u00e1s informaci\u00f3n: <\/span>\u00abLongitud de l\u00ednea o ancho de columna<\/span><\/a>\u00bb<\/p>\n

                      \"Figura

                      Figura 84<\/p><\/div>\n

                       <\/p>\n

                        \n
                      1. <\/a>Descuidar la ortotipograf\u00eda<\/b><\/li>\n<\/ol>\n

                        La ortotipograf\u00eda<\/strong> es el conjunto de normas y convenciones propias de la edici\u00f3n de textos. Es un campo que se encuentra a medio camino entre la ortograf\u00eda y la tipograf\u00eda, de manera que es diferente en cada lengua. Es responsabilidad de los dise\u00f1adores conocer el uso correcto de los caracteres que utilizan, como m\u00ednimo las normas m\u00e1s b\u00e1sicas de funcionamiento.<\/span><\/p>\n

                        Por ejemplo, se sabe que en castellano se utilizan dos signos de interrogaci\u00f3n: uno delante de la frase y otro al final. Esto no ocurre en otras lenguas como el ingl\u00e9s, el catal\u00e1n o el franc\u00e9s.<\/span><\/p>\n

                        M\u00e1s informaci\u00f3n: \u00ab<\/span>Ortotipograf\u00eda<\/span><\/a>\u00bb<\/p>\n

                        \"\"

                        Figura 85<\/p><\/div><\/p>","protected":false},"excerpt":{"rendered":"

                        2.5.\u00a0Cr\u00edmenes tipogr\u00e1ficos Los cr\u00edmenes tipogr\u00e1ficos son malas pr\u00e1cticas en el uso de la tipograf\u00eda; cosas que deber\u00edamos evitar hacer cuando trabajamos con letras por razones tanto pr\u00e1cticas o funcionales como est\u00e9ticas. Combinar fuentes similares Utilizar falsas cursivas, negritas y versalitas Abusar de las tipograf\u00edas de fantas\u00eda y script Distorsionar las letras Componer en vertical Dejar […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/551"}],"collection":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":60,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/551\/revisions"}],"predecessor-version":[{"id":929,"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/551\/revisions\/929"}],"wp:attachment":[{"href":"http:\/\/disseny.recursos.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/media?parent=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}