Issuu on Google+

PRACTICAL TYPOGRAPHY Marta Quir贸s

1


CREDITS Š 2013 Matthew Butterick. All rights reserved. No part of this book may be reproduced without written permission from me. Send requests to mb@mbtype.com. Reproductions that qualify as fair use under U.S. copyright law do not require permission. Copyrighted materials are reproduced either with permission of their owners or under fair use. Trademarks are the property of their respective owners. No endorsement is implied. I have not been compensated to recommend any of the commercial products mentioned. This book is not legal advice.

2


ACKNOWLEDGMENTS

AGRADECIMIENTOS

Thank you to everyone who has bought my fonts equity and concourse, or the Typography for Lawyers paperbackw. Your support makes my continuing work in typography possible. Thank you also to those who have written me with compliments, corrections, and suggestions.

¡Gracias a todos los que han comprado mi fuentes Equity y la Concourse, o la tipografía para Abogados en rústica. Su apoyo hace que mi trabajo continuado en la tipografía sea posible. Gracias también a los que me han escrito con elogios, correcciones y sugerencias.

Thank you to Erik Spiekermann for writing the foreword. Thank you to Matthew Flatt and Jay McCarthy for accommodating a few of my Racket feature requests.

Gracias a Erik Spiekermann para escribir el prólogo. Gracias a Mateo Flatt y Jay McCarthy por acomodar a algunos de mis peticiones de características Racket.

Thank you to William Lidwell for permission to reprint the butterfly ballot diagrams.

Gracias a William Lidwell por el permiso para reproducir los diagramas de votación mariposa.

Thank you to Allan Haley and Mike Parker for shar­ing their expertise about the history of Times New Roman.

Gracias a Allan Haley y Mike Parker por compartir sus conocimientos sobre la historia de Times New Roman.

3


4


SUMMARY

Introduction Introducción

3

Typography in 10 minutes Tipografía en diez minutos

18

Mixing fonts Mezclando tipografías

48

Page layout Diseño de página

80

Text formatting Formato de texto

100

5


Yes, We kern. 6


INTRODUCCIÓN ERIK SPIEKERMANN German typographer and designer Tipógrafo alemán y diseñador

FOREWORD When Matthew asked me to write a fore­word to this treatise, I first checked out his definition of the therm, then typography is: Typography is the visual component of the written word. Well, at first glance, that doesn’t sound too different from what I have often written: Type is visible language.Actually, these two definitions are quite different from one another: I define type; Matthew defines typography. I am not sure whether I agree with his definition. But as he is a good friend and a lawyer to boot, I’ll indulge him for a bit. Type is “mech­a­nized” writing—as op­posed to writ­ing by hand. One could argue that even a hand­written shopping list uses some arrangement on the page, but I wouldn’t go as far as calling that typography. Good typography is measured by how well it reinforces the meaning of the text, not by some abstract scale of merit.

Cuando Matthew me pidió que escribiera un prólogo a este tratado, lo primero que hice fue revisar su definición de tipografía: La tipografía es el componente visual de la palabra escrita. Bueno, a primera vista, no suena tan diferente de lo que a menudo he escrito: La tipo es lenguaje visible.En realidad, estas dos definiciones son muy diferentes la una de la otra: Yo defino el tipo, Mateo define la tipografía. No estoy seguro de si estoy de acuerdo con su definición. Pero como él es un buen amigo y abogado, seré indulgente con el. El tipo es la escritura como “mecanizada” opuesta a la escritura a mano. Se podría argumentar que incluso una lista de compra escrita a mano utiliza algún tipo de acuerdo en la página, pero yo no iría tan lejos como para llamarlo tipografia. La buena tipografía se mide por lo bien que se refuerza el significado del texto, y no por alguna escala abstracta de mérito. Eso es algo que nosotros, meros diseñadores podemos aprender de un diseñador que también es abogado, como Mateo: y si su argumento es fácil de seguir, va a ser un conjunto ganador. —Erik Spiekermann

That’s one thing us mere designers can learn from a designer who is also a law­yer, like Matthew: if your argument is easy to follow, it will be a winning one. —Erik Spiekermann 7

7


WHY TIPOGRAPHY MATTERS

WHAT IS TYPOGRAPHY

Because you are a professional writer, you are already a typographer. You may be a reluctant typographer. You may be an unskilled typographer. But every time you put words on a printed page, you’ve made typography happen. So you are a typographer.

Typography is the visual component of the written word.A text is a sequence of words. A text stays the same no matter how it’s rendered. Consider the sentence “I like pizza.” I can print that text on a piece of paper, or read it aloud, or save it in a file on my laptop. It’ll be the same text, just rendered different ways—visually, audibly and digitally.But when “I like pizza” is printed, typography gets involved. All visually displayed text involves typography—whether it’s on paper, a computer screen, or a billboard.

This book is about making you a better typographer. And if you’re wondering “what’s in it for me?”, you’re in the right place. Typography isn’t just the frosting on the doughnut that is your text. Typography has consequences. Just ask the person who was responsible for the ballot used in Palm Beach County, Florida, for the 2000 presidential election. The typography of the infamous “butterfly ballot” wasn’t random. Like every terrible and misguided project throughout history, it seemed like a good idea at the time. Someone considered a number of typographic alternatives and approved this one. If bad typography can have negative consequences, it shouldn’t be hard to believe that good typography can have positive consequences. Typography can help you engage readers, guide them, and ultimately persuade them. The more you appreciate what typography can do, the better a typographer you can become.And you can ensure that you never turn your own work into the equivalent of a butterfly ballot.

Typography is the vi­su­al com­po­nent of the writ­ten word

For example, what’s the difference Between these two signs: the text or the typography? Is typography an art? That’s like asking if photography is an art. Certainly there are photographers and typographers whose ideas and techniques raise their work to the level of art. But at their core, both photography and typography perform a utilitarian function. The aesthetic component is separate. Being an effective typographer is more about good skills than good taste. WHO IS TYPOGRAPHY FOR?

Typography is for the benefit of the reader, not the writer. This is obvious if you’re a designer who didn’t write the text you’re working with. Then you approach the project as a special kind of reader—one whose job it is to create the visual component of the text so it reinforces the meaning.It’s a more difficult principle if you’re a writer who has to handle your own typography. Then you have to negotiate the conflict between your primary perspective as a writer and a simulated perspective as a reader. “But every writer is also a reader—I end up reading the text several times while I’m rewriting it.” In a mechanical sense, yes, you’re reading the text. But you’re reading it only so you can rewrite it. You’re not reading it for the same reasons as your reader—to learn and possibly to be persuaded. Always be asking yourself: what does my reader want? Because your reader is quite different from you: Unfortunately, professional writers sometimes imagine that the comparison looks like this: The only reader who might match that description is your mother.

8


PORQUÉ LA TIPOGRAFIA IMPORTA

Si ere es un escritor profesional, ya eres un tipógrafo. Puedes ser un buen tipógrafo en un futuro o no ser un tipógrafo cualificado. Pero cada vez que se ponga palabras en una página impresa, habrás hecho que la tipografía suceda. Así que usted es un tipógrafo. Este libro tratará de hacerle mejor tipógrafo. Y si te estás preguntando “¿esto es para mí? “,estás en el lugar correcto. La tipografía no es sólo la cereza en el donut que es el texto. Tipografía tiene consecuencias. Pregúntale a la persona que se encargó de la papeleta utilizada en el condado de Palm Beach, Florida, para la elección presidencial de 2000.La tipografía de la infame “papeleta mariposa” no fue al azar. Al igual que todos los proyectos terrible y equivocada largo de la historia, parecieron una buena idea en ese momento. Alguien consideró varias alternativas tipográficas y aprobó esa. Si mala tipografía puede tener consecuencias negativas, no debería ser difícil de creer que la buena tipografía puede tener consecuencias positivas. Tipografía puede ayudarte a hacer participar a los lectores, guiarlos, y en última instancia persuadirlos. Cuanto más se aprecia lo que la tipografía puede hacer, mejor tipógrafo puede llegar a ser. Entonces podrá asegurarse de que nunca encienda su propio trabajo en el equivalente de una papeleta mariposa.

archivo en mi ordenador portátil. Será el mismo texto, simplemente presentado de diferentes maneras- visual, audible, digitalmente. Pero cuando imprimes“me gusta la pizza” la tipografía ya está implicada.Todo el texto que se muestra visualmente implica tipografía-ya sea en papel, una pantalla de ordenador, o una valla publicitaria. Por ejemplo, ¿cuál es la diferencia entre estos dos signos: el texto o la tipografía? Es la tipografia un arte? Eso es como preguntar si la fotografía es un arte. Es cierto que hay fotógrafos y tipógrafos, cuyas ideas y técnicas elevar su trabajo a la categoría de arte. a componente estético es un concepto separado. Para ser un tipógrafo efectivo es mejor tener buenas habilidades que buen gusto. PARA QUIÉN ES LA TIPOGRAFIA?

La tipografía es para el beneficio del lector, no el escritor.Esto es obvio si eres un diseñador que no escribió el texto que está trabajando. Entonces usted se acerca al proyecto como un tipo especial de lector- uno cuyo trabajo es crear el componente visual del texto por lo que refuerza el significado.Es un principio más difícil si usted es un escritor que tiene que manejar su propia tipografía. Entonces usted tiene que negociar el conflicto entre su perspectiva primaria como escritor y una perspectiva simulada como lector.

QUÈ ES LA TIPOGRAFIA

“Pero cada escritor es también un lector - termino de leer el texto varias veces mientras estoy reescribirlo. No vas a leerlo por las mismas razones que su lector a aprender y, posiblemente, ser persuadido.

La tipografía es el componente visual de la palabra escrita.Un texto es una secuencia de palabras. El texto sigue siendo el mismo, no importa cómo se escribió. Tienes que considerar la frase “Me gusta la pizza.” Podría imprimirse en una hoja de papel, o leerse en voz alta, o guardarlo en un

Siempre estar preguntando: ¿qué quiere mi lector? Debido a que su lector es muy diferente de usted: Desafortunadamente, los escritores profesionales imaginan que la comparación se parece a esto: El único lector que podría coincidir con esa descripción es su madre.

La tipografia es el componente visual de la palabra escrita 9


WHY TYPOGRAPHY MATTERS

Typography matters because it helps conserve the most valuable resource you have as a writer— reader attention. Attention is the reader’s gift to you. That gift is precious. And finite. And should you fail to be a respectful steward of that gift—most commonly, by boring or exasperating your reader—it will be promptly revoked.

“Typography conserves read­er attention” “Good ty­pog­ra­phy is mea­sured by how well it re­in­forces the mean­ing of the text, not by some ab­stract scale of merit.”

Once a reader revokes the gift of attention, you don’t have a reader anymore. Then you become a writer only in the narrowest sense of the word. Yes, you put words on some pages. But if your reader has disappeared, what was the point? How is your writing more valuable than a random string of characters? Like the proverbial tree falling in the woods, no one’s there to notice the difference. Unfortunately, many professional writers adopt a high-risk model of reader attention. Instead of treating reader attention as a precious commodity, they treat it as an unlimited resource. “I’ll take as much attention as I need, and if I want more, I’ll take that too.” What could be more presumptuous? Writing as if you have unlimited reader attention is presumptuous because readers are not doing you a personal favor. In most cases, reading your writing is not their hobby. It’s their job. And their job probably involves paying attention to lots of other writing. I believe that most readers are looking for reasons to stop reading. Not because they’re malicious or aloof. They’re just being rational. If readers have other demands on their time, why should they pay any more attention than they absolutely must? By the way, when you’re reading, do you prefer writers who take forever to get to the point, or concise communicators? You can’t expect to get more attention as a writer than you’d give as a reader. Writing as if you have unlimited reader attention is also dangerous, because running out of reader attention is fatal to your writing. The goal of writing is persuasion, and attention is a prerequisite for persuasion.1 Once the reader’s attention 1. Less and More,The Design Ethos of Dieter Rams

10


ATTENTION (most value resourse)

expires, you have no chance to persuade. You’re just giving a monologue in an empty theater. If you believe reader attention is a valuable resource, then tools that help you conserve that resource are likewise valuable. Typography is one of those tools.Good typography can help your reader devote less attention to the mechanics of reading and more attention to your message. Conversely, bad typography can distract your reader and undermine your message.I’m not suggesting that the quality of your typography is more important than the quality of your writing. It’s not. But typography can make good writing even better. Consider a job interview. (Or, if you prefer, its social equivalent—a first date.) By the day of the interview, you’ll have spent a lot of time practicing answers to likely questions. But do you show up to the interview in a swimsuit and flip-flops? No, of course not. You wear clothing appropriate for the workplace. And when you talk to the interviewer, do you slouch in your chair and mumble toward your shoes? No, of course not. You speak clearly and confidently. You do these things because you appreciate, as we all do, that

nonverbal communication counts. Others draw inferences about us not just based on what we say, but how we say it. It’s the same on the printed page. The substance matters, but if that’s all that mattered, then everything could be set in 12-point Times New Roman. And that would be the equivalent of mumbling toward your shoes. Just as good speaking skills matter during a job interview, good typography matters in a written document.“But I don’t have visual skills. I don’t know anything about graphic design.” That’s like saying you can’t dress properly for a job interview because you don’t know anything about fashion design.It’s easy to learn the skills to produce good typography. Beyond that, you need only the ability to form opinions about typography. And everyone who reads— even kids—can do this. Unconvinced? Try this. Imagine you’re a director of human resources. Below are two résumés that you’ve received for a job opening, your company. being busy person, who do you pick?

11


PORQUÉ LA TIPOGRAFÍA IMPORTA

Tipografía importa, ya que ayuda a conservar el recurso más valioso que tiene como escritor, la atención del lector. La atención es el regalo del lector para ti. Ese regalo es preciosos. Y finito. Y en caso de que no vaya a ser un mayordomo respetuoso de ese donmás com��nmente, por aburrido o exasperante su lector- te será revocado de inmediato.

“La tipografía conserva la atención del lector”

“La buena tipografía se mesura en cómo consigue reforzar el sentido del texto, no se basa en ningura escala abstracta de mérito.”

12

Una vez que un lector revoca el don de la atención, usted no tiene un lector más. Entonces usted se convierte en un escritor sólo en el sentido más estricto de la palabra. Sí, usted pone las palabras en algunas páginas. Pero si su lector ha desaparecido, ¿qué sentido tenía? ¿Cómo es tu escritura más valiosa que una cadena aleatoria de caracteres? Como el árbol proverbial que cae en el bosque, no hay nadie allí para notar la diferencia. Por desgracia, muchos escritores profesionales adoptan un modelo de alto riesgo de la atención del lector. En lugar de tratar a la atención del lector como un bien muy preciado, que lo tratan como un recurso ilimitado. “Voy a tomar tanta atención como la que necesito, y si quiero más, me quedo con eso también.“ ¿Qué podría ser más presuntuoso? O peligroso? Escribir como si tubieras la atención del lector ilimitada, es presuntuoso, porque los lectores están para hacerte un favor personal. En la mayoría de los casos, la lectura de tu escritono es su afición. Es su trabajo. Y su trabajo probablemente implica prestar atención a un montón de escritos. Incluso voy a dar un paso más: creo que la mayoría de los lectores están buscando razones para dejar de leer. No porque son malos o distantes. Sólo están siendo racionales. Si los lectores tienen otras cosas que hacer en su tiempo, ¿por qué prestar más atención de la que sea absolutamente necesaria? Los lectores siempre estarán buscando la salida. Por cierto, cuando estás leyendo, te gusta más escritores que tardan una eternidad en llegar al punto, o comunicadores concisas? No puedes esperar para conseguir más atención como escritor de lo que das como lector. Escribir como si tubieras la atención del lector ilimitadamente es peligroso, porque quedarse


sin la atención del lector es fatal para el texto. El objetivo de la escritura más profesional es la persuasión, y la atención es un requisito previo para la persuasión1. Una vez que expira la atención del lector, no tienes oportunidad de persuadir. No eres más que dar un monólogo en un teatro vacío. Si crees que la atención del lector es un recurso valíoso, entonces las herramientas que te ayudarán a consevarla son igual de valiosas. Y la tipografia es una de esas herramientas. Buena tipografía puede ayudar a su lector de dedicar menos atención a la mecánica de la lectura y más atención a su mensaje. Por el contrario, la mala tipografía puede distraer a su lector y socavar su mensaje.

Usted hace estas cosas porque usted aprecia, como todos nosotros, que el recuento de comunicación no verbal. Otros sacar conclusiones acerca de nosotros, no sólo sobre la base de lo que decimos, sino cómo lo dicen.

No estoy sugiriendo que la calidad de su tipografía es más importante que la calidad de su escritura. No lo es. Pero la tipografía puede hacer que la buena escritura aún mejor.

“Pero yo no tengo habilidades visuales. No sé nada acerca de diseño gráfico.” Eso es como decir que no puede vestirse adecuadamente para una entrevista de trabajo porque usted no sabe nada acerca de diseño de moda.

Considere la posibilidad de una entrevista de trabajo. (O, si lo prefiere, su equivalente social, una primera cita.) Por el día de la entrevista, se le han dedicado mucho tiempo a practicar respuestas a preguntas probables. Pero, ¿ usted se presenta a la entrevista en un traje de baño y chanclas?. No, por supuesto que no. Usas ropa apropiada para el lugar de trabajo. Y cuando usted habla con el entrevistador, no se queda atrás en su silla y entre dientes hacia sus zapatos? No, por supuesto que no. Usted habla claramente y con confianza, como sino iba a salir airoso de la entrevista. 1. Less and More,The Design Ethos of Dieter Rams

Es lo mismo en la página a imprimir. Las cuestiones de sustancia, pero si eso es todo lo que importaba, entonces todo se podría establecer en 12 puntos Times New Roman. Y eso sería el equivalente a murmurar hacia sus zapatos. Del mismo modo que las buenas habilidades para hablar en la materia durante una entrevista de trabajo, buenas materias tipografía en un documento escrito.

Es fácil de aprender las habilidades necesarias para producir la buena tipografía. Más allá de eso, sólo tiene la capacidad de formar opiniones sobre tipografía. Y todos los que leen - incluso niños - puede hacer esto. ¿Escéptico? Prueba esto. Imagina que eres un director de recursos humanos. A continuación se presentan dos hojas de vida que haya recibido una oferta de trabajo en su empresa. Al ser una persona ocupada, que solo tiene dos segundos para decidir quién se lleva el último slot entrevista. ¿A quién elegir ?

ATENCIÓN (el recurso más valuoso)

13


WHAT IS GOOD TYPOGRAPHY?

Good typography reinforces the meaning of the text. Almost all texts communicate a set of points (The petition should be denied for three reasons). Sometimes a text also needs to instruct the reader (Add lines 7 through 21 and enter the total here). Other texts offer warnings or admonitions (You must be 48 inches tall to ride; Speed limit 75). In every case, good typography supports and reinforces the message. Good typography makes the text more effective. Three subsidiary propositions flow from this: Good typography is measured by how well it reinforces the meaning of the text, not by some abstract scale of merit. Typographic choices that work for one text won’t necessarily work for another. (Corollary: good typographers don’t rely on rote solutions. One size never fits all.) For a given text, there are many typographic solutions that would be equally good. Typography is not a math problem with one correct answer. Your ability to produce good typography depends on how well you understand the goals of your text, not on taste or visual training. (Corollary: if you misunderstand the meaning of your text, good typography becomes purely a matter of luck.) Pause to absorb the ramifications of proposition #3. Typography is visual, so it’s easy to conclude that it’s primarily an artistic or aesthetic pursuit. Not so. Typography is primarily utilitarian. Therefore, good typography is measured on a utilitarian yardstick. Typography that is aesthetically pleasant, but that doesn’t reinforce the meaning of the text, is a failure. Typography that reinforces the meaning of the text, even if aesthetically unpleasant, is a success. Does that mean that effective typography can be ugly? Sure. Sometimes ugly is better than pretty. Look at the highway signs again. The script font used on the second sign could be called “prettier” than the standard highwaysignage font. But a highway sign has a special purpose: it’s meant to be read quickly, from long distances, at odd angles, and under variable lighting and weather conditions. The highway-signage font stays legible under all these conditions. It constitutes good typography because it supports. 14

“Good typography is measured by how well it reinforces the meaning of the text” The script font may be prettier, but in this context, it’s bad typography, because it’s not suited to the task. Conversely, the highway-signage font would look terrible on a wedding invitation, where the script font would be appropriate. A related example. Here, the same font is used in all three versions of this sign. But the first two signs fail to deliver the message—the speed limit is 75—because the typography undermines the text. The most important element is the number 75. Also important is the caption speed limit. Only the third version gets the balance right. It’s the only example of good typography among the three. Use this principle to test the quality of your own typographic work.The advantage of applying a utilitarian benchmark instead of an aesthetic one is that it doesn’t require aesthetic judgment.2 Believe me, if you’re just starting out in typography, you will produce some ugly work. Don’t worry. 2. Typographers on Type, Ruari Mclean


¿QUÉ ÉS LA BUENA TIPOGRAFÍA?

La buena tipografía refuerza el significado del texto. Casi todos los textos comunican un conjunto de puntos (La petición debe ser rechazada por tres razones). A veces, un texto también debe instruir al lector (Sume las líneas 7 a 21 y anote el total aquí). Otros textos ofrecen advertencias o amonestaciones (Debe ser de 48 pulgadas de altura para montar; Límite de velocidad 75). En todos los casos, la buena tipografía apoya y refuerza el mensaje. La buena tipografía hace que el texto sea más eficaz.Tres proposiciones subsidiarios fluyen de esta base: La buena tipografía se mide por lo bien que se refuerza el significado del texto, y no por alguna escala abstracta de mérito. Opciones tipográficas que trabajan para un texto no necesariamente funciona para otra. (Corolario: buenos tipógrafos no confían en las soluciones rutinarias nunca una talla para todos). Para un texto dado, hay muchas soluciones tipográficas que serían igual de buenos. Tipografía no es un problema de matemáticas con una respuesta correcta. Su capacidad de producir buena tipografía depende de lo bien que entiende los objetivos de su texto, no en el sabor o entrenamiento visual. (Corolario: si usted no entiende el significado de su texto, la buena tipografía se convierte en una mera cuestión de suerte.) Pausa para absorber las consecuencias de la proposición. La tipografía es visual, así que es fácil llegar a la conclusión de que es principalmente un ejercicio artístico o estético. No es así siempre. La tipografía es principalmente utilitaria. Por lo tanto, la buena tipografía se mide en un criterio utilitarista. Tipografía que es estéticamente agradable, pero eso no quiere refuerzan el significado del texto, es un fracaso. Tipografía que refuerza el sentido del texto, aunque estéticamente desagradable, es un éxito. ¿Eso quiere decir que la tipografía eficaz puede ser feo? Claro. A veces feo es mejor que bonito. Mira los signos de circulación de nuevo.

ción en la carretera tiene un propósito especial: está destinado a ser leído de forma rápida, a gran distancia, en ángulos extraños, y bajo iluminación y condiciones atmosféricas variables. La fuente carretera de señalización permanece legible bajo todas estas condiciones. Constituye la buena tipografía, ya que apoya el mensaje de la señal. La fuente de la escritura puede ser más bonita, pero en este contexto, es mala tipografía, porque no es adecuado para la tarea. Por el contrario, el tipo de letra carretera de señalización se vería horrible en una invitación de la boda, donde la fuente de la escritura sería apropiado. En este caso, la misma fuente se utiliza en las tres versiones de este signo. Pero las dos primeras señales no pueden entregar el mensaje de límite de velocidad es de 75 debido a que la tipografía socava el texto. El elemento más importante es el número 75. También importante es el límite de velocidad de subtítulos. Sólo la tercera versión consigue el equilibrio adecuado. Es el único ejemplo de la buena tipografía entre los tres. Utilice este principio para poner a prueba la calidad de su propio trabajo tipográfico. La ventaja de la aplicación de un punto de referencia utilitaria en lugar de una estética es que no requiere el juicio estético. Créame, si usted apenas está comenzando en la tipografía, que va a producir un poco de trabajo feo. No te preocupes. 2. Typographers on Type, Ruari Mclean

“La buena tipografía se mide por lo bien que el significado del texto es reforzado”

La fuente de la escritura usada en el segundo signo de que se podría decir que es más “bonita” que la tipografia que aparece en la carretera, de señalización estándar. Sin embargo, una indica15


WHERE DO THE RULES COME FROM?

What professional writers know about typography can usually be traced back to unreliable sources—typing-class and computer-lab teachers, parents, freshman roommates, blog commenters. I’m sure they were all lovely people, but chances are good that they didn’t know much about typography. So it’s not surprising that bad typography habits get passed along. What’s surprising is how tenacious these habits can be. A core principle of this book is that professional writers should hold their documents to the same standards as any professionally published material, like books, newspapers, and magazines. There is no academic typography, nor legal typography, nor business typography. There is only typography. This wasn’t always true. For a long time—the typewriter era and then the early computer era— professional publishers could afford typesetting and printing devices that were substantially better than what individuals could afford. So for most writers, the typographic standards of professional publishers were far out of reach. But that’s no longer the case. On the printed page, the typesetting technology available to individuals comes nearly up to the standards of professional typesetting. On the screen, there’s no difference. Technological excuses are no longer acceptable.3 Must writers adopt every habit of professional typographers? No. I use professional typography as a benchmark for quality, not as an all-or-nothing goal. When faced with a choice between more consistency with professional typography or less. I believe writers should choose more consistency. But I’m also practical—thus the title of the book. I don’t assume that writers have the time or interest to become professional typographers. I assume that your goal is to get the best typographic results for the lowest cost, and that nothing is more costly than your time. Therefore, I recommend a few shortcuts where the effort outweighs the results. 3. Unspecial Effects for Graphic Designers, Bob Gill 16

“You can’t ex­pect to get more at­ten­tion as a writer than you’d give as a reader”


“No puedes esperar obtener más atención como escritor de la que das como lector” DE DÓNDE VIENEN LAS REGLAS?

Lo que los escritores profesionales saben sobre tipografía generalmente se remonta a fuentes poco confiables como clases de informática, maestros, los padres, los compañeros de primer año o los comentaristas del blog. Estoy seguro de que todos ellos son gente encantadora, pero hay muchas posibilidades de que no sepan mucho sobre tipografía. Así que no es sorprendente que los malos hábitos tipograficos vayan pasando a lo largo del tiempo. Lo que es sorprendente es lo tenaz que estos hábitos pueden ser. Un principio central de este libro es que los escritores profesionales deben mantener las mismas normas en sus documentos que cualquier material publicado profesionalmente, como los libros, periódicos y revistas. No existe una tipografía académica, ni la tipografía legal, ni la tipografía negocio. Sólo hay tipografía. Esto no siempre es verdad. Durante mucho tiempo, la era de la máquina de escribir y luego los editores de la era profesional de computadoras a principios podían permitirse los dispositivos de impresión y tirada que eran sustancialmente mejor que lo que los individuos

podían permitirse. Así que para la mayoría de los escritores, las normas tipográficas de los editores profesionales estaban lejos de su alcance. Pero ese ya no es el caso. En la página impresa, la tecnología de composición tipográfica disposición de las personas se produce casi a la altura de la composición profesional. En la pantalla, no hay diferencia. Actualmente, las excusas tecnológicas ya no son aceptables. Deben los escritores adoptar todos los hábito s de los tipógrafos profesionales? No. Yo utilizo la tipografía profesional como referente de calidad, no como una meta de todo o nada. Cuando nos enfrentamos a una elección entre una mayor coherencia con la tipografía profesional o menor, creo que los escritores deben elegir con mucha más consistencia. Pero también soy práctico- de ahí el título del libro. No asumo que los escritores tienen el tiempo o el interés para convertirse en tipógrafos profesionales. Supongo que su objetivo es obtener los mejores resultados tipográficos de menor costo, y que nada es más costoso que su tiempo. Por lo tanto, le recomiendo algunos atajos donde el esfuerzo es mayor que los resultados. 3. Unspecial Effects for Graphic Designers, Bob Gill 17


18


TYPOGRAPHY IN TEN MINUTES This is a bold claim, but i stand behind it: if you learn and follow these five typography rules, you will be a better typographer than 95% of profes­ sion­al writ­ers and 70% of pro­fes­sion­al de­sign­ers. (The rest of this book will raise you to the 99th per­centile in both categories.) All it takes is ten minutes—five minutes to read these rules once, then five minutes to read them again. Ready? Let’s go.

TIPOGRAFÍA EN 10 MINUTOS Esta es una afirmación audaz, pero creo en ella: si segues estas cinco reglas de tipografia y las aprender, llegarás a ser mejor tipógrafo que el 95% de los escritores profesionales y el 70% de los profesionales del diseño. (El resto de este libro te elevará al 99 por ciento en ambas categorías.) Todo lo que necesitas es de diez minutos cinco minutos para leer estas reglas una vez y luego de cinco minutos para volver a leerlas. Listo? Empezamos.

19


abcdefghijklmnopqrs tuvwxyzabcdefghijkl nopqrstuvwxyz Times 45/54 pt

The typographic quality of your document is deter­mined largely by how the body text looks. Why? Because there’s more body text than anything else. So start every project by making the body text look good, then worry about the rest.
In turn, the appearance of the body text is determined primarily by these four typographic choices: Point size is the size of the letters. In print, the most comfortable range for body text is 10–12 point. On the web, the range is 15–25 pixels. Not every font appears equally large at a given point size, so be prepared to adjust as necessary. Line spacing is the vertical distance between lines. It should be 120–145% of the point size. In word proces­sors, use the “Exact” linespacing option to achieve this. The default singleline option is too tight; the 1½line option is too loose. In CSS, use lineheight. Line length is the horizontal width of the text block. Line length should be an average of 45–90 characters per line (use your word count function) or 2–3 lower­case alphabets, like so:
 abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcd
 20

In a printed document, this usually means page margins larger than the traditional one inch. On a web page, it usually means not allowing the text to flow to the edges of the browser window. And finally, font choice. The fastest, easiest, and most visible improvement you can make to your typography is to ignore the fonts that came free with your computer (known as system fonts) and buy a professional font (like my fonts equity and concourse, or others found in font recommendations). A professional font gives you the benefit of a professional designer’s skills without having to hire one.
If that’s impossible, you can still make good typography with system fonts. But choose wisely. And never choose times new roman or Arial, as those fonts are favored only by the apathetic and sloppy. Not by typographers. Not by you. That’s it. As you put these five rules to work, you’ll no­tice your documents starting to look more like professionally published material. Then, if you’re ready for a little more, try the summary of key rules.


La calidad tipográfica de su documento está en gran parte determinada por la forma como el cuerpo del texto se ve. ¿Por qué? Debido a que hay más cuerpo de texto que otra cosa. Así que empieza cada proyecto haciendo que el cuerpo del texto se vea bien, y luego puedes preocuparte por el resto. 
A su vez, la aparición del cuerpo de texto está determinada principalmente por estas cuatro opciones tipográficas: El tamaño de punto es el tamaño de las letras. Para impresión impresión, el rango más cómodo para el cuerpo de texto es de 1012 puntos. Para web, el rango es de 15 a 25 píxeles. No todas las tipografías aparecen igual de grandes en un tamaño determinado de punto, así que prepárate para los ajustes necesarios. Interlineado es la distancia vertical entre las líneas. Éste debe ser del 120-145% del tamaño de punto. En los procesadores de texto, utilice la opción “Exact” de interlineado para lograrlo. La opción de una sola línea por defecto es demasiado apretada, la opción ½ línea 1 es demasiado floja. En CSS, utilice lineheight. Longitud de la línea es el ancho horizontal del bloque de texto. Longitud de la línea debe ser un promedio de 45 a 90 caracteres por línea (utilice su función de número de palabras) o 2-3 alfabetos minúsculas, así:

En un documento impreso, esto generalmente significa márgenes de página más grandes que el tradicional de una pulgada. En una página web professional, por lo general la regla principal es no permitir que el texto fluya hacia los bordes de la ventana del navegador. Y, por último, la elección de la tipografía. El consejo más rápido, fácil y visible que puede aplicar al escoger su tipografía es hacer caso omiso de las tipografías que vienen gratis en su ordenador (conocidos como fuentes del sistema ) y comprar una fuente profesional (como mi fuentes de capital y la explanada, u otros que se encuentra en la fuente recomendaciones ). Una fuente profesional le da el beneficio de las habilidades de un diseñador profesional sin tener que contratar a uno. 
Si eso es imposible, usted todavía puede hacer la buena tipografía con las fuentes del sistema pero debe elegir bien. Nunca debes elegir Times New Roman o Arial, ya que esas fuentes son sólo escogidas por la apatía y la pereza. No por los tipógrafos. No por ti. Eso es todo. Cuando pongas estas cinco reglas en practica, te darás cuenta que tus trabajos empezarán a parecerse más al material publicado profesionalmente. Entonces, si estás listo para un poco más, pruebe con el resumen de las reglas fundamentales.

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcd

21


SUMMARY OF KEY RULES

1. The four most im­por­tant ty­po­graph­ic choic­es you make in any doc­u­ment are point size, line spacing, line length, and font (pas­sim), be­cause those choic­es de­ter­mine how the body text looks. 2. Point size should be 10–12 points in print­ed doc­um ­ ents, 15-25 pix­els on the web. 3. Line spacing should be 120–145% of the point size. 4. The average line length should be 45–90 char­ac­ters (in­clud­ing spaces). 5. The eas­i­est and most vis­i­ble im­prove­ment you can make to your ty­pog­ra­phy is to use a pro­fes­sion­al font, like those found in font recommendations. 6. Avoid goofy fonts, mono­spaced fonts, and sys­tem fonts, especially times new roman and Arial. 7. Use curly quo­ta­tion marks, not straight ones (see straight and curly quotes). 8. Put only one space be­tween sentences. 9. Don’t use multiple word spaces or other white-space characters in a row. 10. Never use underlining, un­less it’s a hyperlink. 11. Use cen­tered text sparingly. 12. Use bold or italic as lit­tle as possible. Aproach to type of Don Serifa

22

13. all caps are fine for less than one line of text. 14. If you don’t have real small caps, don’t use them at all. 15. Use 5–12% extra letterspacing with all caps and small caps. 16. Kerning should al­ways be turned on. 17. Use first-line indents that are one to four times the point size of the text, or use 4–10 points of space be­tween para­graphs. But don’t use both. 18. If you use justified text, also turn on hyphenation. 19. Don’t confuse hy­phens and dashes, and don’t use mul­ti­ple hy­phens as a dash. 20. Use ampersands spar­ing­ly, un­less in­clud­ed in a prop­er name. 21. In a doc­u­ment longer than three pages, one ex­cla­ma­tion point is plen­ty (see ques­tion marks and ex­cla­ma­tion points). 22. Use proper trade­mark and copy­right symbols—not al­pha­bet­ic approximations. 23. Put a non­break­ing space after para­graph and sec­tion marks. 24. Make ellipses us­ing the prop­er char­ac­ter, not pe­ri­ods and spaces. 25. Make sure apostrophes point downward. 26. Make sure foot and inch marks are straight, not curly.


RESUMEN DE LAS PRINCIPALES NORMAS

1. Las cuatro opciones tipográficas más importantes que hacer en cualquier documento son el tamaño en puntos, interlineado, longitud de la línea, y la fuente (passim), porque esas opciones determinan cómo se ve el cuerpo del texto. 2. Tamaño de punto debería ser 10- 12 puntos en documentos impresos, 15- 25 píxeles en la web. 3. Interlineado debe ser 120- 145 % del tamaño de punto. 4. La duración promedio de la línea debe ser de 45- 90 caracteres (incluyendo espacios). 5. La mejora más fácil y más visible que puede realizar en su tipografía es utilizar una fuente profesional, como las que se encuentran en las recomendaciones de la fuente. 6. Evite fuentes torpe, fuentes de monoespaciado y las fuentes del sistema, especialmente Times New Roman y Arial. 7. Use comillas rizado, no las rectas (ver rectas y comillas tipográficas). 8. Ponga sólo un espacio de frases en- tre. 9. No utilice varios espacios de palabra u otros caracteres de espacio en blanco en una fila. 10. Nunca utilice el subrayado, a menos que sea un hipervínculo. 11. Utilice texto centrados con moderación. 12. Utilice subrayado, negrita o cursiva lo menos possible. 13. Todas las tapas están muy bien por menos de una línea de texto. 14. Si usted no tiene bienes de pequeña capitalización, no usarlos en absoluto. 15. Utilice 5- 12% entre letras extra con todas las tapas y pequeña capitalización. 16. El kerning debe estar encendido siempre. 17. Utilice guiones de primera línea que son una a cuatro veces el tamaño de punto del texto, o utilizar 4- 10 puntos del espacio entre párrafos. Pero no utilice ambos. 18. Si usa texto justificado, también activar la separación silábica. 19. No hay que confundir los guiones y guiones, y no utilice múltiples guiones como un guión.

20. Utilice los símbolos de unión con moderación, salvo que se incluyan en un nombre propio. 21. En un documento de más de tres páginas, un punto de exclamación es un montón (ver signos de interrogación y de exclamación). 22. Utilice la marca adecuada y símbolos- no aproximaciones alfabéticos de autor. 23. Ponga un espacio de no separación después de las marcas de párrafo y de sección. 24. Hacer elipses usando el carácter propio, no puntos y espacios. 25. Asegúrese de que los apóstrofes apuntan hacia abajo. 26. Haga pies y pulgadas marcas estén rectas, no rizado.

23


TYPE COMPOSITION

“Even though the com­put­er key­board can pro­duce many more char­ac­ters and sym­bols than the type­writer, much of that pow­er is hid­den from the writer.”

Good ty­pog­ra­phy starts with good typ­ing. This chap­ter is a tour of the non­al­pha­bet­ic char­ac­ters on the com­put­er key­board—some ob­scure, some un­der­ap­pre­ci­at­ed, and some well-known but misused by the grand part of writers. A text is a se­quence of char­ac­ters. Every char­ ac­ter is a tool. Your goal: to al­ways use the right tool for the job. Today’s com­put­er key­boards de­pict the avail­able char­ac­ters in al­most the same way as a man­u­ al type­writer. But this de­pic­tion is mis­lead­ing. The com­put­er key­board can pro­duce many more char­ac­ters than the ones vis­i­ble on its keys. These include ac­cent­ed characters, math symbols, and white-space characters—in­vis­i­ble mark­ers that are use­ful for get­ting con­sis­tent ty­po­graph­ic results. Beware. This chap­ter is more difficult than it might seem. Typing is sec­ond na­ture for most of us. Habits are in­grained. After years of do­ing things one way, it can be hard to learn it in a different way. But it’s worth it. By typ­ing the right char­ac­ters while writ­ing and edit­ing, you’ll save time and effort lat­er on when you are for­mat­ting and lay­ ing out your document.

24

ONE SPACE BETWEEN SENTENCES

Always one—nev­er two

Some top­ics in this book will offer you choic­es. Not this one. Always put ex­act­ly one space be­tween sentences. Or more gen­er­al­ly: put ex­act­ly one space af­ter any punctuation. Here’s a para­graph with one space be­tween sentences: I know that many peo­ple were taught to put two spaces be­tween sen­tences. I was too. But these days, us­ing two spaces is an ob­so­lete habit. The prac­tice was passed down from the type­writer era. Typewriter fonts had un­usu­al pro­por­tions. Using two spaces helped set off sen­tences a bit bet­ter. We don’t use type­writ­ers any­more. So it’s not stan­dard. It’s not part of ty­po­graph­ic prac­ tice. Once in a while, you can use two spaces af­ter sen­tences. When? If you’re forced to use a type­writer-style font. These are also known as mono­spaced fonts. Now the same para­graph, but with two spaces be­tween sentences:


TIPO DE COMPOSICIÓN

La buena tipografía comienza con una buena escritura. Este capítulo es un recorrido por los caracteres no alfabéticos del teclado algún ordenador oscuro, algunos poco apreciados, y algunos muy conocidos pero mal utilizados.

“Aúnque el teclado del ordenador puede producir muchos más carácteres y símbolos que la máquina de escribir, gran parte de ese poder se oculta en el escritor.”

Un texto es una secuencia de caracteres. Cada carácter es una herramienta. Tu objetivo: utilizar siempre la herramienta adecuada para el trabajo. Los teclados de ordenador de hoy representan los caracteres disponibles en casi la misma forma que una máquina de escribir. Pero esta interpretación es errónea. El teclado de la computadora puede producir muchos más caracteres que los visibles en sus llaves. Estos incluyen caracteres acentuados, símbolos matemáticos, y los marcadores de espacio en blanco personajes invisibles que son útiles para la obtención de resultados consistentes tipográficos.

UN ESPACIO ENTRE ORACIONES

Ten cuidado. Este capítulo es más difícil de lo que parece. Escribir es en segundo lugar para la mayoría de nosotros la naturaleza. Los hábitos están integrados. Después de años de hacer las cosas de una manera, que puede ser difícil de aprender de una manera diferente.

He aquí un párrafo con un espacio entre las frases:

Pero vale la pena. Al escribir los caracteres correctos al escribir y la edición, se ahorrará tiempo y esfuerzo más adelante, cuando está dando formato y la disposición de su documento.

Siempre uno- nunca dos

Algunos temas de este libro te ofrecerán opciones. Éste no. Siempre ponga exactamente un espacio entre las frases.O en términos más generales: poner exactamente un espacio después de cualquier puntuación.

Sé que muchas personas se les enseñó a poner dos espacios entre frases. Yo era demasiado. Pero en estos días, con dos espacios es un hábito obsoleto. La práctica fue transmitido de la era la máquina de escribir. Máquina de escribir Fuentes tenían proporciones inusuales. El uso de dos espacios ayudó partió frases un poco mejor. Ya no utilizamos tipos móviles nunca más. Así que no es estándar. No es parte de una tipografía práctica. De vez en cuando, se puede usar dos espacios después de las oraciones. ¿Cuándo? Si te ves obligado a utilizar una fuente de estilo máquina de escribir. Estos son también conocidos como tipos de letra monoespaciado.

25


I know that many peo­ple were taught to put two spaces be­tween sen­tences. I was too. But these days, us­ing two spaces is an ob­so­lete habit. The prac­tice was passed down from the type­writer era. Typewriter fonts had un­usu­al pro­por­tions. Using two spaces helped set off sen­tences a bit bet­ter. We don’t use type­writ­ers any­more. So it’s not stan­dard. It’s not part of ty­po­graph­ic prac­ tice. Once in a while, you can use two spaces af­ter sen­tences. When? If you’re forced to use a type­writer-style font. These are also known as mono­spaced fonts. See the prob­lem? In the sec­ond para­graph, the ex­tra spaces dis­rupt the bal­ance of white space. Multiplied across a whole page, rivers of white space can appear. And one more time, in a type­writer-style font, the one case where two spaces are tol­er­a­ble (though still unnecessary): I know that many peo­ple were taught to put two spaces be­tween sen­tences. I was too. But these days, us­ing two spaces is an ob­so­lete habit. The prac­tice was passed down from the type­writer era. Typewriter fonts had un­usu­al pro­por­tions. Using two spaces helped set off sen­tences a bit bet­ter. We don’t use type­writ­ers any­more. So it’s not stan­dard. It’s not part of ty­po­graph­ic prac­ tice. Once in a while, you can use two spaces af­ter sen­tences. When? If you’re forced to use a type­writer-style font. These are also known as mono­spaced fonts. I have no idea why so many writ­ers re­sist the one-space rule. If you’re skep­ti­cal, pick up any book, news­pa­per, or mag­a­zine and tell me how many spaces there are be­tween sentences. Correct one. Still skep­ti­cal? You’re not alone. For rea­sons un­clear, this ad­vice pro­vokes un­usu­al con­tro­ver­sy. The ob­jec­tions sort out into these ma­jor themes: You made up this so-called rule. No. One space is the cus­tom of pro­fes­sion­al ty­pog­ra­phers and the con­sen­sus view of ty­pog­ ra­phy au­thor­it­ies. No one has yet shown me con­trary au­thor­i­ty.

26

Correct spaces photo of Lettering time, p.66

“Use a sin­gle word space be­ tween sen­tences. Your typ­ing as well as your type­set­ting will benefit from un­learn­ing the quaint Victorian habit”


Ahora el mismo párrafo, pero con dos espacios entre frases: Sé que muchas personas se les enseñó a poner dos espacios entre frases. Yo era demasiado. Pero en estos días, con dos espacios es un hábito obsoleto. La práctica fue transmitido de la era la máquina de escribir. Máquina de escribir Fuentes tenían proporciones inusuales. El uso de dos espacios ayudó partió frases un poco mejor. Ya no utilizamos tipos móviles nunca más. Así que no es estándar. No es parte de una tipografía práctica. De vez en cuando, se puede usar dos espacios después de las oraciones. ¿Cuándo? Si te ves obligado a utilizar una fuente de estilo máquina de escribir. Estos son también conocidos como tipos de letra monoespaciado. Ves el problema? En el segundo párrafo, los espacios adicionales perturban el equilibrio del espacio en blanco. Multiplicado a través de una página entera, pueden aparecer ríos de espacio en blanco. Y una vez más, en una fuente de estilo máquina de escribir, el único caso en el que dos espacios son tolerables (aunque todavía innecesaria) : Sé que muchas personas se les enseñó a poner dos espacios entre frases. Para mí era demasiado. Pero en estos días, con dos espacios es un hábito obsoleto. La práctica fue transmitido de la era la máquina de escribir. Las tipofrafias de las maquinas de escribir tenían espaciados inusuales. El uso de dos espacios ayudó partió frases un poco mejor. Ya no utilizamos maquinas de escribir. Así que no es wwestándar. No es parte de una tipografia práctica. De vez en cuando, se puede usar dos espacios después de las oraciones. ¿Cuándo? Si te ves obligado a utilizar una fuente de estilo máquina de escribir. Estos son también conocidos como tipos de letra monoespaciado.

“Usar una sola palabra espacio entre oraciones. Su tipificación, así como su composición tipográfica se beneficiará de desaprender la pintoresca costumbre victoriana”

No tengo ni idea de por qué tantos escritores se resisten a la regla de un espacio. Si usted es escéptico, coger cualquier libro, periódico o revista y decirme cuántos espacios hay entre las frases. Correcta y uno. Aún escéptico? No estás solo. Por razones poco claras, este consejo provoca una controversia inusual. Las objeciones a resolver en estos grandes temas. 27


“Chicago ad­vis­es leav­ing a sin­gle char­ac­ter space, not two spaces, be­tween sen­tences and af­ter colons used with­in a sen­tence”

I think two spaces look bet­ter so that’s what I’m go­ing to use. I’m telling you the rule. If you want to put per­ son­al taste ahead of the rule, I can’t stop you. But per­son­al taste doesn’t make the rule evap­o­rate. It’s like say­ing “I don’t like how sub­junc­tivemood verbs sound, so I’m nev­er go­ing to use them.” I’m ac­cus­tomed to see­ing two spaces be­tween sentences.Are you? All the pro­fes­sion­al­ly type­ set ma­te­ri­als you read use one space be­tween sentences as a rule. I learned to type on a type­writer, and at this point I’m phys­i­cal­ly un­able to do any­thing but type two spaces.When you moved from the type­writer to the com­put­er, you had to learn to type a car­riage re­turn at the end of each para­graph, rather than the end of each line. How is this any different? Everyone I work with uses two spaces Acore prin­ci­ple of this book is that your doc­u­ments are gov­erned by the same rules of ty­pog­ra­phy as any pro­fes­sion­al­ly type­set book, news­pa­per, or mag­a­zine. If you agree, then the fact that your col­leagues ha­bit­u­al­ly di­verge from these rules is ir­rel­ev­ ant. If you don’t agree, then you will prob­ a­bly find the rest of this ma­te­r­i­al a bore. Good ar­gu­ments can be made for both options. Except that it’s not a mat­ter of ar­gu­ment. One 28

op­tion has the sup­port of ty­pog­ra­phy au­thor­i­ties and pro­fes­sion­al prac­tice; the oth­er op­tion does not. The is­sue is not am­bigu­ous. Like lan­guage, ty­po­graph­ic con­ven­tions do change. Maybe in forty or fifty years, the habit will be different. But that’s a top­ic for the tenth edi­tion of this book. For now—one space. How can I change? I’ve been do­ing it wrong for so long!OK, no one’s quite said so di­rect­ly. But most ob­jec­tions I’ve heard to this rule (and oth­ers) boil down to in­er­tia. Excuses like this serve only to im­pede learn­ing and pre­serve bad habits. If you re­al­ly want to learn about ty­pog­ra­phy, set them aside and ap­proach the rest of this book with an open mind. I will, how­ev­er, en­dorse one ex­cep­tion to this rule: My boss said I’ll get fired if I don’t use two spaces. Then let it go. If you’re try­ing to in­still bet­ter ty­ pog­ra­phy at the work­place, start with some­thing less provoca­tive. (Perhaps eradicating all caps?) Advocates of ty­pog­ra­phy do best when they lead by ex­am­ple, not by decree.


Usted ha hecho esta llamada regla.No. Un espacio es la costumbre de los tipógrafos profesionales y la opinión de consenso de las autoridades de la tipografía. Hasta ahora nadie me ha demostrado autoridad contrario. Creo que dos espacios se ven mejor y eso es lo que voy a utilizar. Te estoy diciendo la regla. Si quieres poner el gusto personal por delante de la regla, no puedo hacer nada. Pero el gusto personal no hace que se evapore la regla. Es como decir: “No me gusta cómo suenan verbos subjuntivo- del estado de ánimo, por lo que nunca voy a usar.” Estoy acostumbrado a ver dos espacios entre frases.¿Seguro? Todos los materiales profesionalmente escritos que lees cada día tienen un espacio entre las frases. Aprendí a escribir en una máquina de escribir, y en este punto estoy físicamente incapaz de hacer otra cosa que escribir dos espacios.Cuando usted se mudó de la máquina de escribir al ordenador, que tenía que aprender a escribir un retorno de carro al final de cada párrafo, en lugar de al final de cada línea. ¿Cómo es esto diferente? Todo el mundo que trabajo utiliza dos espacios. Un principio central de este libro es que sus documentos se rigen por las mismas reglas de la tipografía como cualquier profesional componer el libro, periódico o revista. Si está de acuerdo, entonces el hecho de que sus colegas habitual-

“Chicago aconseja dejar un espacio de carácter único, no dos espacios entre frases y después de dos puntos utilizados dentro de una oración”

mente difieren de estas reglas es irrelevante. Si usted no está de acuerdo, entonces usted probablemente encontrará el resto de este material un aburrimiento. Los buenos argumentos pueden utilizar para ambas opciones.Excepto que no es una cuestión de discusión. Una opción cuenta con el apoyo de las autoridades de la tipografía y la práctica profesional, la otra opción no lo hace. Al igual que el lenguaje, las convenciones tipográficas cambian. Tal vez en cuarenta o cincuenta años, el hábito será diferente. Pero eso es un tema para la décima edición de este libro. Por ahora- un espacio. ¿Cómo puedo cambiar? He estado haciendolo mal por tanto tiempo!Bueno, nadie cambia tan repentinamente. Pero la mayoría de las objeciones que he escuchado a esta regla (y otros) se reducen a la inercia. Excusas como éste sólo sirven para impedir el aprendizaje y preservar los malos hábitos. Si realmente quieres aprender sobre la tipografía, puso a un lado y acercarse al resto de este libro con una mente abierta. Yo, sin embargo, endosar una excepción a esta regla: Mi jefe dijo que me van a despedir si no uso dos espacios. Luego dejó ir. Si usted está tratando de inculcar mejor la tipografía en el lugar de trabajo, empezar con algo menos provocativa. (Tal vez la erradicación de todas las mayúsculas?) Los defensores de la tipografía lo hacen mejor cuando predican con el ejemplo, no por obligación.

29


QUES­TION MARKS AND EX­CLA­MA­TION POINTS

Ask more ques­tions; avoid exclamations

The ques­tion mark is un­der­used. Many times, you can make a top­ic sen­tence sim­pler and pithi­ er by pre­sent­ing it in the form of a ques­tion. It’s easy surgery.

“Never use more than one ex­cla­ma­tion point in a row, un­less you’re a teenag­er send­ing a text mes­sage”

In tra­di­tion­al print shops, an ex­cla­ma­tion point was also known as a bang. The com­bi­na­tion of a ques­tion mark and ex­cla­ma­tion point (?!)—seen most­ly in di­a­logue bal­loons in comics—is called an interrobang. An interrobang ligature was in­ vent­ed in 1962 and has had an undis­tin­guished ca­reer. It did, how­ev­er, make it into Unicode. Never use more than one ex­cla­ma­tion point in a row, un­less you’re a teenag­er send­ing a text mes­ sage. Srsly. PAREN­THE­SES, BRACK­ETS, AND BRACES

Stay the course

Parentheses are for sep­a­rat­ing ci­ta­tions or oth­er asides from the body text. Brackets show changes with­in quot­ed material. Braces—some­times known as curly brackets—are not typ­i­cal­ly used ex­cept in tech­ni­cal and math­e­mat­i­cal writing. In gen­er­al, these marks should not adopt the for­ mat­ting of the sur­round­ed material. But some­times, due to its slant, an ital­ic char­ac­ ter will col­lide with a ro­man paren­the­sis. In that case, it’s fine to ital­i­cize the paren­the­ses—read­ers will no­tice the col­li­sion more than the de­par­ture from convention. Why do braces get prime real es­tate on com­put­ er key­boards? Because they’re part of the syn­tax of near­ly every soft­ware-pro­gram­ming lan­ guage. You may not use braces, but mod­ern life wouldn’t be pos­si­ble with­out them. “Don’t fonts have kerning so that char­ac­ters won’t col­lide?” Yes, but kern­ing only works be­ tween char­ac­ters of the same font size and style. In sit­u­a­tions where you have a ro­man char­ac­ter next to a bold or ital­ic char­ac­ter, the only cure is vigilance. “A field guide of typestaches” from Old Tom Foolery. 30


SIGNOS DE INTERROGACIÓN Y EXCLAMACIÓN

Haga más preguntas, evita las exclamaciones El signo de interrogación no se entiende. Muchas veces, usted puede hacer una oración temática sencilla presentándola en forma de una pregunta. Es una cirugía sencilla: En las imprentas tradicionales, un signo de exclamación también era conocido como una explosión. La combinación de un signo de interrogación y de exclamación (?!)- Visto sobre todo en los globos de diálogo en los comics- se llama interrobang. Una ligadura interrobang fue inventado en 1962 y ha tenido una carrera mediocre. Lo hizo, sin embargo, lo convierten en Unicode.

“Nunca uses más de un signo de exclamación en una fila, a menos que seas adolescente y envies un mensaje de texto”

Nunca use más de un signo de exclamación en una fila, a menos que seas un adolescente que envía un mensaje de texto. En srio. PARENTESIS, COMAS, PARENTESIS

Mantén el rumbo

Los paréntesis son para separar las citas u otros apartes del texto del cuerpo. Soportes muestran cambios con- en el material quot- ed. Tirantes, algunas veces conocido como rizado soportes- no utilizado normalmente, excepto en la escritura técnica y matemática. En general, estas marcas no deben adoptar el formato del material rodeado. Pero a veces, debido a su inclinación, un carácter cursiva colisionará con un paréntesis romano. En ese caso, está bien poner en cursiva entre paréntesis- lectores se darán cuenta de la colisión más que la salida de la convención.

“A field guide of typestaches” de Old Tom Foolery.

¿Por qué apoyos reciben bienes raíces de primera en los teclados de ordenador ? Debido a que son parte de la sintaxis de casi todos los idiomas del software de programación. Usted no suele utilizar los paréntesis, pero la vida moderna no sería posible sin ellos. “Las tipografías no tienen kerning para que las palabras no se sobrepongan? “ Sí, pero sólo funciona el kerning entre caracteres del mismo tamaño de fuente y estilo. En situaciones en las que tienen un carácter romano junto a un carácter. 31


HY­PHENS AND DASHES

Use them, don’t confuse them Hyphens and dashes look sim­i­lar, but they’re not interchangeable. The hyphen (-) is the small­est of these marks. It has three uses. A hy­phen ap­pears at the end of a line when a word breaks onto the next line. These hy­phens are added and re­moved au­to­mat­i­cal­ly by the automatic hyphenation in your word proces­sor or web browser. Some mul­ti­part words are spelled with a hyphen (top­sy-turvy, cost-effective, bric-a-brac). But a prefix is not typ­i­cal­ly fol­lowed with a hyphen (nonprofit, not non-profit).

The em dash is used to make a break be­tween parts of a sen­tence. Use it when a com­ma is too weak, but a colon, semi­colon, or pair of paren­the­ ses is too strong. The em dash puts a nice pause in the text—and it is un­der­used in pro­fes­sion­al writing. The em on a piece of met­al typeEm and en re­fer to units of ty­po­graph­ic mea­sure­ment, not to the let­ters M and N. In a tra­di­tion­al met­al font, the em was the ver­ti­cal dis­tance from the top of a piece of type to the bot­tom. The en was half the size of the em. Originally, the width of the em and en dash­es cor­re­spond­ed to these units. In to­day’s dig­i­tal fonts, they run narrower.

For in­stance, con­sid­er the un­hy­phen­at­ed phrase five dol­lar bills. Is five the quan­ti­ty of dol­lar bills, or are the bills each worth five dollars? As writ­ ten, it sug­gests the for­mer. If you mean the lat­ter, then you’d write five-dol­lar bills. Dashes come in two sizes—the en dash and the em dash. The em dash (—) is typ­i­cal­ly about as wide as a cap­i­tal H. The en dash (–) is about half as wide. En and em dash­es are of­ten ap­prox­i­mat­ed by typ­ing two or three hy­phens in a row (-- or --- ). Don’t do that—it’s another type­writer habit. Use real dashes. It in­di­cates a range of values (1880–1912, pages 330–39, Exhibits A–E). If you open with from, pair it with to in­stead of an en dash (from 1880 to 1912, not from 1880–1912). It de­notes a con­nec­tion or con­trast be­tween pairs of words (con­ser­v­a­tive–lib­er­al split, Arizona–Nevada reciprocity, Sarbanes–Oxley Act). 32

Types of dashes in typography, from UnosTiposDuros


Arizona- Nevada reciprocidad, la Ley SarbanesOxley).

GUIONES ORTOGRÁFICOS

Utilícelos, no los confunda.

Los guiones y guiones parecen similares, pero no son intercambiables. El guión (- ) es el pequeño- de estas marcas. Tiene tres usos. Un guión aparece al final de una línea cuando una palabra se rompe en la siguiente línea. Se agregan y quitan automáticamente por la división automática Estos guiones en su procesador de textos o un navegador web.

El guión largo se utiliza para hacer un descanso entre las partes de una oración. Úselo cuando una coma es demasiado débil, pero los dos puntos, punto y coma, o un par de paréntesis, es demasiado fuerte. El guión largo pone un agradable pausa en el texto y no se usa mucho en la escritura profesional. Em y guiones cortos se fijan normalmente al ras con el texto circundante. Algunas fuentes incluyen un poco de espacio en blanco alrededor del guión largo, y algunos no lo hacen. Si sus guiones largos parece que están siendo aplastados, sobre todo si está configurando el tipo de pantalla que está bien para agregar espacios de palabra antes y después.

Algunas palabras de varias partes se escriben con un guión (al revés, rentable, bric- a- Brac). Sin embargo, un prefijo no es seguido por un guión (sin fines de lucro, no sin fines de lucro). Por ejemplo, considere la frase cinco billetes de dólar sin guiones. Está a cinco la cantidad de billetes de un dólar, o son las facturas de cada uno por valor de cinco dólares? Como escritor, se sugiere la forma. Si se refiere a esta última, entonces escribiría billetes de cinco dólares. Los guiones vienen en dos tamaños: la línea de guión y el guión largo. La raya (- ) es típicamente casi tan ancha como una capital H. El guión corto (- ) es de aproximadamente la mitad de ancho. Los guiones cortos y largos son a menudo aproximadas escribiendo dos o tres guiones consecutivos (- o - - - ). No hagas eso- es otro hábito máquina de escribir. Utilice guiones reales. Indica un rango de valores (1880- 1912, páginas 330 a 39, los anexos A- E). Si abre con desde, sincronizarlo con a en lugar de un guión corto (1880- 1912, no 1880- 1.912). Denota una conexión o el contraste entre pares de palabras (una división conservadora liberal, 33


AMPERSANDS

Use sparingly

The ampersand is ty­po­graph­ic short­hand for the word and. The am­per­sand is halfway be­tween a ligature and a con­trac­tion—it’s a styl­ized de­pic­ tion of the Latin word et. The am­per­sand is one of the jaun­ti­est char­ac­ters. Font de­sign­ers of­ten use it as an op­por­tu­ni­ty to show off. Traditional am­per­sands take the shape of the letters et. Modern am­per­sands are of­ten more stylized. Ampersands are com­plete­ly cor­rect when they’re part of a prop­er name (Fromage & Cracotte Inc.). Past that, they should be han­dled like any oth­er con­trac­tion: the more for­mal the doc­u­ment, the more spar­ing­ly they should be used. Here and there, but not everywhere. ELLIPSES

Avoid using periods and spaces An ellipsis (plural ellipses) is a se­quence of three dots used to in­di­cate an omis­sion in quot­ed material. The el­lip­sis is fre­quent­ly ap­prox­i­mat­ed by typ­ing three pe­ri­ods in a row, which puts the dots too close to­geth­er, or three pe­ri­ods with spaces in be­tween, which puts the dots too far apart.

“Font de­sign­ers of­ten use as an op­por­tu­ni­ty to show off.”

So use the el­lip­sis char­ac­ter, not the approximations. Should you put word spaces around an el­lip­sis? As with the em dash (see hy­phens and dashes), that’s up to you. Typically you’ll want spaces be­ fore and af­ter, but if that looks odd, you can take them out. If there’s text on only one side of the el­lip­sis, use a non­break­ing space on that side so the el­lip­sis doesn’t get sep­a­rat­ed from the text. “But my boss makes me use pe­ri­ods with spaces in be­tween.” Then let’s min­i­mize the harm. The prob­lem with us­ing pe­ri­ods with word spaces is that it in­vites your word proces­sor to break the el­lip­sis across different lines or pages.

34


AMPERSANDS

PUNTOS SUSPENSIVOS

El signo tipográfico es la abreviatura para la palabra y. El signo está a medio camino entre una ligadura y una contracción- es una representación estilizada de la palabra latina et.

Los puntos suspensivos (elipses plurales) es una secuencia de tres puntos utilizados para indicar una omisión en el material citado. Los puntos suspensivos se aproxima con frecuencia al escribir tres períodos consecutivos, lo que pone los puntos muy juntos, o tres períodos con espacios en el medio, lo que pone los puntos muy alejados.

Utilizar con moderación

El signo es uno de los personajes clave. Diseñadores de fuentes suelen utilizar esto como una oportunidad para lucirse. Los símbolos de unión tradicionales toman la forma de las letras et. Modernos arenas am- per- son de- diez más estilizada. Ampersands son completamente correctas cuando son parte de un nombre propio (Fromage y Cracotte Inc.). Más allá de eso, deben ser manejados como cualquier otra contracción: la más formal del documento, más moderación que se debe utilizar. Aquí y allá, pero no en todas partes. Un guión hace un signo menos aceptable en hojas de cálculo o expresiones matemáticas.

Evite el uso de puntos y espacios

Así que utilizar el carácter de puntos suspensivos, no las aproximaciones. En caso de que ponga espacios de palabras en torno a una elipsis? Al igual que con el guión largo (ver guiones y guiones), eso depende de usted. Por lo general usted querrá espacios antes y después, pero si que se ve raro, que puede llevarlos a cabo. Si hay texto en un solo lado de la elipse, utilizar un espacio de no separación en ese lado de manera que el puntos suspensivos no quede separado del texto. “Pero mi jefe me utilizo períodos con espacios en el medio. “ Entonces vamos a minimizar el daño. El problema de usar períodos con espacios de palabra es que invita a su procesador de textos para romper los puntos suspensivos entre diferentes líneas o páginas.

“Los diseñadores tipográficos suelen utilizarla como una oportunidad para lucirse”

35


“If I have to work on a doc­u­ ment from an out­side source, one of the first things I do is dis­play white-space char­ac­ ters, to discover horrors.” WHITE-SPACE CHARACTERS For control and predictability

You’re now fa­mil­iar with the es­sen­tial al­pha­bet­ic, nu­mer­ic, and sym­bol char­ac­ters. We turn to the fre­quent­ly overlooked white-space characters— the key­board char­ac­ters that put blank space be­tween point A and point B. Why are they over­looked? For one thing, they’re invisible. As you learn to use white-space char­ac­ters, you’ll find it help­ful to make them vis­i­ble so you can ver­i­fy that you’re typ­ing them cor­rect­ly and that they’re hav­ing the in­tend­ed effect. After you’re proficient, you’ll find it use­ful to see the whitespace char­ac­ters while di­ag­nos­ing for­mat­ting problems. There are six im­por­tant white-space char­ac­ters: the word space, the non­break­ing space, the tab, the hard line break, the car­riage return, and the hard page break. Each white-space char­ac­ter has a dis­tinct func­tion. Use the right tool for the job. “But if all white space looks the same when print­ed, why should I care?” Two reasons: control and predictability. Control means you get the in­tend­ed re­sult with the min­i­mum key­strokes. Suppose you need a para­graph to start at the top of the next page. What do you do? If you use a hard page break rather than a se­quence of car­riage re­turns, you get the job done with one keystroke. Predictability means that as you edit and re­for­ mat, you’ll al­ways get the same re­sult. If you ap­prox­i­mate a hard page break with car­riage re­turns, at some point in your edit­ing, your text will reflow and you’ll have a large, un­ex­pect­ed 36

gap where you in­tend­ed a page break. Then you’ll have a new prob­lem to di­ag­nose and fix. But a hard page break will al­ways do the right thing. The time you in­vest in learn­ing how to use whitespace char­ac­ters will be paid back in lay­outs that come to­geth­er faster and re­quire less maintenance. white-space char­ac­ters in html A word processor aims to simulate a printed layout, so each white-space character has a visible effect. An HTML document, by contrast, is a series of formatting tags. So white space is handled more like it would be in a programming language: except for nonbreaking spaces, any sequence of white space in HTML is collapsed to a single word space when the document is rendered in a browser. To achieve visible effects with white space, you need to use explicit HTML formatting tags.


su texto será refluir y tendrás una gran brecha, algo inesperado que usted pretende un salto de página. Entonces tendrás un nuevo problema para diagnosticar y corregir. Sin embargo, un salto de página siempre hará lo correcto. CARACTERES DE ESPACIO EN BLANCO Para el control y la previsibilidad

Ahora estás familiarizado con los caracteres alfabéticos, numéricos y símbolos esenciales. Nos dirigimos a la frecuencia se pasa por alto de espacio en blanco personajes- los caracteres del teclado que ponen el espacio en blanco entre el punto A y el punto B. ¿Porqué están sobrevalorados? Por un lado, son invisibles. A medida que aprenda a utilizar los caracteres de espacio en blanco, que será útil para que sean visibles para que pueda comprobar que estás escribiendo correctamente y que están teniendo el efecto deseado. Cuando seas experto, lo encontrarás útil para ver los caracteres de espacio en blanco al momento de diagnosticar problemas de formato. Hay seis importantes caracteres de espacio en blanco: el espacio de la palabra, el espacio de no separación, la tabulación, el salto de línea dura, el retorno de carro y el salto de página. Cada carácter de espacio en blanco tiene una función distinta. Utilice la herramienta correcta para el trabajo. “Pero si todo el espacio en blanco tiene el mismo aspecto cuando se imprimen, ¿por qué me debe importar ?” Por dos razones: el control y la previsibilidad. Control significa que usted obtiene el resultado deseado con las pulsaciones mínimas. Supongamos que usted necesita para empezar un párrafo en la parte superior de la página siguiente. ¿Qué hace usted? Si utiliza un salto de página en lugar de una secuencia de retornos de carro, usted consigue el trabajo hecho con sólo presionar una tecla.

El tiempo que usted invierte en el aprendizaje de cómo utilizar caracteres de espacio en blanco será devuelto en los diseños que se unen más rápido y requieren menos mantenimiento. Un procesador de textos tiene como objetivo simular un diseño impreso, por lo que cada carácter de espacio en blanco tiene un efecto visible. Un documento HTML, por el contrario, es una serie de etiquetas de formato. Así que el espacio en blanco se maneja más como lo sería en un lenguaje de programación : a excepción de espacios de no separación, cualquier secuencia de espacios en blanco en HTML se contrae a un solo espacio de las palabras cuando el documento se hace en un navegador. Para lograr efectos visibles con el espacio en blanco, es necesario utilizar explícitas etiquetas de formato HTML.

“Si tengo que trabajar en un documento de una fuente externa, una de las primeras cosas que hago es mostrar los caracteres de espacio en blanco, para descubrir los horrores que acechan.”

La previsibilidad significa que a medida que edita y formatear, siempre obtendrá el mismo resultado. Si aproximarse a un salto de página, con retornos de carro, en algún momento de su edición, 37


LIGATURES

Optional unless the letters f and i collide Ligatures were in­vent­ed to solve a prac­ti­cal type­set­ting prob­lem. In the days of met­al fonts, cer­tain char­ac­ters had fea­tures that phys­i­cal­ly col­lid­ed with oth­er char­ac­ters. To fix this, font mak­ers in­clud­ed lig­at­ures with their fonts, which com­bined the trou­ble­some let­ters into one piece of type. The most com­mon lig­a­tures in­volve the low­er­ case f be­cause of its un­usu­al shape. Other lig­a­ tures also ex­ist—some prac­ti­cal, some dec­o­ra­ tive, some ridiculous. Digital fonts don’t have phys­i­cal col­li­sions, of course, but cer­tain let­ter com­bi­na­tions might still over­lap vi­su­al­ly. The only time lig­a­tures are manda­to­ry is when you have an ac­tu­al over­lap be­tween the let­ters f and i. Check this com­bi­na­ tion in the bold and ital­ic styles too. The font in the first row, concourse, has an fi com­bi­na­tion that doesn’t col­lide. That font will work fine with­out lig­a­tures. But equity, in the sec­ond row, has fi (and oth­er) col­li­sions. Turn on lig­a­tures to cor­rect these col­li­sions, as seen in the third row.

Beyond that, lig­a­tures are large­ly a styl­is­tic choice. To my eye, they can be­stow a some­what quaint or old-fash­ioned look on body text. If you like that look, great. I don’t. So un­less char­ac­ters are ac­tu­al­ly col­lid­ing, I gen­er­al­ly keep lig­a­tures turned off. Is it pos­si­ble to in­sert lig­a­tures man­u­al­ly? Yes. You can ei­ther in­sert them as you type from a char­ac­ter palette, or you can search and re­place at the end. In HTML, you can en­ter the es­cape codes for the lig­a­ture glyphs. But I don’t rec­om­mend do­ing so. Manual lig­a­tures can con­fuse spelling checkers, hyphenation en­gines, and search in­dex­ ers, and gen­er­al­ly cause more prob­lems than they solve. Why? I men­tioned ridicu­lous lig­a­tures—at the top of my list is the Th lig­a­ture in­clud­ed among the de­fault lig­a­tures in cer­tain Adobe fonts, like Minion. It’s pure frip­pery, am­pu­tat­ing two per­fect­ly good let­ters to make one un­gain­ly hy­brid. Worse, because Th is such a com­mon let­ter com­bi­na­tion, the lig­a­ture shows up all the time. Just say no. (To the lig­a­ture, but also to Minion—see min­ion alternatives for why.)

“Despite the name, lig­a­tures don’t al­ways con­nect two glyphs—some­times they cre­ ate sep­a­ra­tion, as you can see here.”

Ligatures, a poster from Typeyou. 38


“A pesar del nombre, ligaduras no siempre se conectan a veces glifos—dos que crean separación, como se puede ver aquí.” mente mantengo ligaduras apagadas. LIGADURAS

Opcional menos en la F y la i. Las ligaduras se inventaron para resolver un problema práctico de composición tipográfica. En los días de los tipos metálicos, algunos tipos tenían características que colisionaron físicamente con otros. Para solucionar este problema, los responsables de las fuentes incluyen ligaduras con sus fuentes, donde se combinaron las letras problemáticas en una sola pieza tipográfica. Las ligaduras más comunes incluyen la f minúscula debido a su forma inusual. También existenalgunas prácticas, algunas decorativas, algunos ridículas. Las fuentes digitales no tienen colisiones físicas, por supuesto, pero ciertas combinaciones de letras todavía podrían solaparse visualmente. La única vez que las ligaduras son obligatorios es cuando usted tiene un solapamiento real entre las letras F e I. Compruebe esta combinación en los estilos de negrita y cursiva también.

¿Es posible insertar ligaduras de forma manual? Sí. Puede insertarlos a medida que escribe desde una paleta de caracteres, o puede buscar y reemplazar en el extremo. En HTML, puede introducir los códigos de escape para los glifos de ligadura. Pero no recomiendo hacerlo. Ligaduras manuales pueden confundir a los correctores ortográficos, motores de separación de sílabas, e indexadores de búsqueda y en general causar más problemas de los que resuelven. ¿Por qué? Mencioné ligaduras- en la parte superior de mi lista ridículos está el Th ligadura incluida entre las ligaduras por defecto en ciertas fuentes de Adobe, como Minion. Es frippery puro, amputar dos perfectamente buenas letras para hacer un híbrido desgarbado. Peor aún, porque Th es una combinación de letras tan común, la ligadura se presenta todo el tiempo. Sólo decir que no. (Para la ligadura, sino también a Minionver alternativas serviles para qué.)

El tipo de letra en la primera fila, explanada, tiene una combinación de ficción que no chocan. Esa fuente no tendrán ningún problema con las ligaduras. Pero la equidad, en la segunda fila, tiene fi (y otros) las colisiones. Encienda ligaduras para corregir estas colisiones, como se ve en la tercera fila. Más allá de eso, las ligaduras son en gran medida una elección estilística. A mis ojos, pueden otorgar una mirada un tanto pintoresco y anticuado en el cuerpo del texto. Si te gusta ese aspecto, muy bien. No lo hago. Así que a menos que los personajes son en realidad colisionan, general39


BOLD OR ITALIC

One or the other, as little as possible Bold or ital­ic—al­ways think of them as mu­tu­al­ly ex­clu­sive. That is the first rule. The sec­ond rule is to use bold and ital­ic as lit­tle as pos­si­ble. They are tools for em­pha­sis. But if every­thing is em­pha­sized, then noth­ing is em­ pha­sized. Also, be­cause bold and ital­ic styles are de­signed to con­trast with reg­u­lar ro­man text, they’re some­what hard­er to read. Like all caps, bold and ital­ic are fine for short stretch­es of text, but not for long ones. Nevertheless, some writ­ers—let’s call them over­em­pha­siz­ers—just can’t get enough bold and ital­ic. If they feel strong­ly about the point they’re mak­ing, they won’t hes­i­tate to run the whole para­graph in bold type. Don’t be one of these peo­ple. This habit wears down your read­ers’ reti­ nas and their pa­tience. It also gives you nowhere to go when you need to em­pha­size a word. That’s no prob­lem for overem­pha­siz­ers, who re­sort to un­der­lin­ing bold text or us­ing bold italic. These are both bad ideas. With a serif font, use ital­ic for gen­tle em­pha­sis, or bold for heav­ier emphasis. If you’re us­ing a sans serif font, skip ital­ic and

“Text that is nei­ther bold or ital­ic is called roman.”

40

use bold for em­pha­sis. It’s not usu­al­ly worth ital­i­ciz­ing sans serif fonts—un­like serif fonts, which look quite different when ital­ic­ ized, most sans serif ital­ic fonts just have a gen­tle slant that doesn’t stand out on the page. Foreign words used in English are some­times ital­i­cized, some­times not, de­pend­ing on how com­mon they are. For in­stance, you would ital­ i­cize your bête noire and your Weltanschauung, but not your crois­sant or your résumé. When in doubt, con­sult a dic­tio­nary or us­age guide. Don’t for­get to type the ac­cent­ed characters correctly. Characters ad­ja­cent to the out­side edges of the em­pha­sized text—like punctuation, paren­the­ses, brack­ets, and braces—do not get the em­phat­ic formatting. If you need an­oth­er op­tion for em­pha­sis, consider all caps or small caps. Some fonts have both a bold style and a semi­bold style. You can use ei­ther for em­pha­sis. I usu­al­ly pre­fer bold to semi­bold be­cause I like the greater con­trast with the ro­man. But semi­bold is a lit­tle eas­i­er to read. Some fonts have styles that are heav­ier than bold, like black or ul­tra. These weights are usu­al­ly in­tend­ed for large sizes (for in­stance, head­lines) and don’t work well at the size range of most body text.


NEGRITA O CURSIVA

Una u otra, tan poco como sea posible Negrita o cursiva- Siempre piensa en ellas como mutuamente excluyentes. Esa es la primera regla. La segunda regla es el uso de negrita y cursiva lo menos posible. Son herramientas para la enfatizar. Pero si todo se pone contrastado, entonces nada se acentúa. También, porque los estilos de negrita y cursiva están diseñados para contrastar con el texto romano regular, que son un poco más difícil de leer. Al igual que todas los cuerpos, en negrita y cursiva están muy bien para tramos cortos de texto, pero no para las largas. Sin embargo, algunos escritores- llamémosles sobrenfatizadores- simplemente no pueden conseguir bastante cursiva negrita. Si se sienten fuertemente sobre el punto de que están haciendo, ellos no dudarán en correr todo el párrafo en negrita. No seas uno de ellos. Este hábito desgasta retinas de sus lectores y su paciencia. También le da a dónde ir cuando usted necesita para enfatizar una palabra. Eso no es problema para sobrenfatizadores, que recurren a subrayar el texto en negrita o usar negrita cursiva. Ambos son malas ideas. Con un tipo de letra serif, utilice cursiva para dar énfasis suave, o en negrita para mayor énfasis. Si está utilizando un tipo de letra sans serif, omita cursiva y utilizar negrita para enfatizar. No es por lo general vale la pena poner en cursiva sans serif fuentes- a diferencia, que se ven muy diferentes cuando en cursiva, la mayoría de las fuentes sans serif cursiva sólo tienen una inclinación suave que no se destacan en la página.

“El texto que no es ni negrita ni cursiva se denomina roman.”

Si necesita otra opción para dar énfasis, considere todas mayúsculas o versalitas. Algunas fuentes tienen tanto un estilo audaz y un estilo semibold. Puede usarlas para enfatizar. Por lo general prefieren audaz para seminegrita porque me gusta el mayor contraste con el romano. Pero seminegrita es un iluminado es más fácil de leer. Algunas fuentes tienen estilos que son más pesados ​​que el negrita, como negro o Ultra. Estos pesos se piensan generalmente para grandes tamaños (por ejemplo, titulares) y no funcionan bien en el rango de tamaño de la mayoría el texto del cuerpo.

Las palabras extranjeras usadas en Inglés son a veces en cursiva, a veces no, dependiendo de qué tan comunes son. Por ejemplo, podría poner en cursiva su bestia negra y su Weltanschauung, pero no su croissant o su currículo. En caso de duda, consultar un diccionario o una guía de uso. No se olvide de escribir correctamente los caracteres acentuados. Personajes adyacentes a los bordes exteriores de la puntuación texto enfatizado- como, paréntesis, corchetes y llaves no reciben el formato enfático.

41


POINT SIZE

Smaller on paper; bigger on screen In print, the op­ti­mal point size for body text is 10–12 point. On the web, the op­ti­mal size is 15–25 pixels. Though 12 point has be­come the de­fault size in dig­i­tal word pro­cess­ing—and also the ba­sis of many in­sti­tu­tion­al doc­u­ment-for­mat­ting rules— that’s most­ly due to the type­writer tra­di­tion. It’s not the most com­fort­able size for read­ing. Nearly every book, news­pa­per, and mag­a­zine is set small­er than 12 point. (One ma­jor rea­son is cost: big­ger point sizes re­quire more paper.) If you’re not re­quired to use 12 point, don’t. Try sizes down to 10 point, in­clud­ing in­ter­me­di­ate sizes like 10.5 and 11.5 point—half-point differences are mean­ing­ful at this scale. But I can’t guar­an­tee 12 point will al­ways look too big. That’s be­cause the point-size sys­tem is not ab­solute—different fonts set at the same point size won’t nec­es­sar­i­ly ap­pear the same on the page. So you need to let your eyes be the judge. Don’t just rely on the point size. For in­stance, the three fonts below—Sabon, times new roman, and Arno—are set at 12 point, but they’re not the same size visually.

42

You can match the length of two fonts by set­ting a block of text twice: once in the old font and once in the new font, both at the same point size. Adjust the point size of the new font un­til each line of text breaks in rough­ly the same place. (You won’t be able to match them ex­act­ly.) Below, the point sizes of Sabon and Arno have been ad­just­ed so they oc­cu­py the same space as Times New Roman. The point size can be even small­er in pro­fes­ sion­al­ly type­set ma­te­ri­als like pub­li­ca­tions and sta­tionery. Text on busi­ness cards is of­ten only sev­en or eight points. all caps text is of­ten just as leg­i­ble as reg­u­lar low­er­case text at these sizes.


TAMAÑO DE PUNTO

Más pequeño para papel; más grande para pantalla En la impresión, el tamaño del punto óptimo para el cuerpo del texto es de 10- 12 puntos. En la web, el tamaño óptimo es 15- 25 píxeles. A pesar de 12 puntos se ha convertido en el tamaño predeterminado de palabra digital de procesamiento y también la base de muchos documentos de formato institucional reglas- eso es sobre todo debido a la tradición de la máquina de escribir. No es el tamaño más cómodo para la lectura. Casi todos los libros, periódicos y revistas se fija menor que 12 puntos. (Una de las principales razones es el costo : los tamaños de punto más grandes requieren más papel.) No estás obligado a usar de 12 puntos, no lo hagas. Trate de tamaños hasta 10 puntos, incluyendo los tamaños intermedios como 10.5 y 11.5 las diferencias de punto de medio punto son significativos a esta escala. Pero no puedo garantizar de 12 puntos siempre se verá demasiado grande. Eso es porque el sistema de puntos de tamaño no tipografica- absolutos diferentes establecidas en el mismo tamaño de punto no aparecerá necesariamente la misma en la página.

Así que hay que dejar que tus ojos sean los jueces. No sólo se basan en el tamaño de punto. Por ejemplo, las tres fuentes de abajo- Sabon, Times new roman, y Arno- se han fijado en 12 puntos, pero no son del mismo tamaño visual. Puede coincidir con la longitud de dos fuentes configurando un bloque de texto dos veces: una vez en la fuente vieja y una vez en la nueva fuente, tanto en el mismo tamaño de punto. Ajuste el tamaño de punto de la nueva fuente hasta que cada línea de texto rompe en más o menos el mismo lugar. (Usted no será capaz de igualar exactamente.) A continuación, los tamaños de Sabon y Arno se han ajustado para que ocupen el mismo espacio que Times New Roman. El tamaño del punto puede ser aún menor en los materiales profesionalmente compuestas tipo como publicaciones y papelería. Texto en tarjetas de visita es a menudo tan sólo siete u ocho puntos. todo el texto tapas es a menudo tan legible como texto en minúsculas habitual en estos tamaños.

43


“As we reduce the spot size, also reduce the spacing and length of the line “

La wine is a good example of how you can use typography in a web in a very creative and clever way.

POINT SIZE ON THE WEB

“You don’t have to use pix­els as the siz­ing unit in your CSS (and in­deed, most pre­fer not to). But the pix­el is the least am­bigu­ous CSS unit. Also, all CSS mea­sure­ments are even­tu­al­ly con­vert­ed to pix­els in the browser.” For web­sites, I rec­om­mend body text of 15–25 pix­els. As with print, you’ll need to fine-tune based on the par­tic­ul­ar font you’re using.

of body text. There is no ty­po­graph­ic uni­verse in which you need to dou­ble the point size to achieve em­pha­sis. See headings for sub­tler techniques. For more about the en­trenched ty­po­graph­ic habits of the web, see websites.

Why? Two rea­sons. First, we typ­i­cal­ly read screens from fur­ther away than we read print­ed ma­te­r­i­al, so larg­er point sizes help com­pen­sate. Second, screen fonts are ren­dered with a rel­a­tive­ ly small num­ber of pix­els, so each ex­tra row of pix­els im­proves the quality.

In hy­phens and dashes, I men­tioned that em refers to a ty­pog­ra­ph­er’s mea­sure­ment, not the let­ter M. The em size of a font is the same as its point size. Fonts are no longer made of met­al, but the em con­cept per­sists. Digital fonts are drawn in­side a rec­tan­gle called the em. To ren­der a font on screen, your com­put­er scales the em to match the cur­rent point size. Two fonts set at the same point size will ap­pear to be different sizes if one oc­cu­pies less space on its em.

Yes, I know the web has a long tra­di­tion of tee­ ny fonts. It’s time to let it go. This habit arose be­cause the 14-inch mon­i­tors com­mon in the 1990s had rel­a­tive­ly coarse res­o­lu­tion. It per­sist­ ed be­cause web de­sign­ers con­sid­ered it vir­tu­ous to keep ac­com­mo­dat­ing peo­ple who re­fused to up­grade those 14-inch mon­i­tors. But now, it’s mere­ly silly.

Can you de­ter­mine the point size of a font by mea­sur­ing it? No. Because of the differences in ap­par­ent siz­ing be­tween fonts, there’s noth­ing you can mea­sure that would be con­clu­sive. The only way to figure it out is to set the same text, in the same font, with the same line length. Then ad­just the point size so it match­es the ref­er­ence sample.

Also sil­ly is the web’s tra­di­tion of enor­mous point sizes for head­ings. This habit start­ed with the de­fault for­mat­ting of <h1> tags in browsers, which is about 200% of the de­fault point size

As you re­duce point size, also reduce line spacing and line length. For in­stance, news­pa­per fonts are quite small, but re­main leg­i­ble be­cause they have snug line spac­ing and short line length.

44


“A medida que reduce el tamaño de punto, también reducir el interlineado y la longitud de la línea” EL TAMAÑO EN PUNTOS EN WEB “No tienes que utilizar píxeles como unidad de tamaño en el CSS (y de hecho, la mayoría prefiere no hacerlo). Pero el píxel es la unidad de CSS menos ambigua. Además, todas las mediciones de CSS son finalmente convertidas a píxeles en el navegador” Para los sitios web, te recomiendo el texto del cuerpo de 15 a 25 píxeles. Al igual que con la impresión, tendrá que ajustar según la fuente en particular que usted está utilizando. ¿Por qué? Dos razones. En primer lugar, por lo general leemos pantallas de más lejos de lo que leemos material impreso, por lo que los tamaños de punto más grandes ayudan a compensar. En segundo lugar, las fuentes de pantalla se representan con un número relativamente pequeño de píxeles, por lo que cada fila adicional de píxeles mejora la calidad. Sí, sé que la banda tiene una larga tradición de fuentes de pequeñísima. Es hora de dejarlo ir. Este hábito surgió porque los monitores de 14 pulgadas comunes en la década de 1990 tuvieron resolución relativamente baja. Persistió porque los diseñadores web consideraban virtuoso para mantener a las personas con capacidad que se negaron a actualizar los monitores de 14 pulgadas. Pero ahora, no tiene sentido. También tonta es la tradición de la web de enormes tamaños en puntos para los títulos. Esta costumbre se inició con el formato predeterminado de las etiquetas <h1> en los navegadores, que

es aproximadamente 200 % del tamaño de punto por defecto del texto del cuerpo. No hay universo tipográfico en la que usted necesita para duplicar el tamaño de punto de lograr el énfasis. Ver epígrafes para las técnicas sub METTLER. Para más información sobre los hábitos tipográficos arraigadas de la web, ver sitios web. En los guiones y guiones, he mencionado que ellos se refiere a la medición de un tipógrafo, no la letra M. El tamaño eme de una fuente es la misma que su tamaño de punto. Fuentes ya no están hechas de metal, pero el concepto em persiste. Las fuentes digitales se dibujan dentro de un rectángulo llamado el em. Para hacer que un tipo de letra en la pantalla, el ordenador ajusta la em para que coincida con el tamaño del punto actual. Dos fuentes establecidas en el mismo tamaño de punto se parecen ser de diferentes tamaños, si uno ocupa menos espacio en su em. ¿Puede determinar el tamaño en puntos de una tipografía midiéndola? No. Debido a las diferencias en el tamaño aparente entre las fuentes, no hay nada que se puede medir eso sería concluyente. La única manera de averiguarlo es establecer el mismo texto, en la misma fuente, con la misma longitud de la línea. A continuación, ajuste el tamaño de punto para que coincida con la muestra de referencia. A medida que reduce el tamaño de punto, también reducir el interlineado y la longitud de la línea. Por ejemplo, las fuentes de periódicos son bastante pequeñas, pero permanecen legibles porque han ceñido interlineado y duración de la línea corta. 45


Organizations that need to con­trol the length of doc­u­ments (e.g., courts, col­leges) usu­al­ly do so with lim­its on point size and page length. In the type­writer age, this worked be­cause type­writer out­put was stan­dard­ized. In the dig­i­tal age, it makes less sense, since art­ful for­mat­ting and lay­ out can make doc­u­ments ap­pear longer or short­er as nec­es­sary.

KERNING

Turn it on

Kerning is the ad­just­ment of specific pairs of let­ ters to im­prove spac­ing and fit. (It’s dis­tinct from letterspacing, which affects all pairs.) Most fonts come with hun­dreds and some­times thou­sands of kern­ing pairs in­sert­ed by the font designer. Below, no­tice how kern­ing re­duces the large gaps be­tween cer­tain let­ter pairs, mak­ing them con­sis­ tent with the rest of the font. Always use kern­ing. If you use paragraph and character styles, turn on kern­ing as part of your style definitions. HOW TO TURN ON KERNING

Word Right-click in the text and select Font from the menu. Click the Advanced tab. (In Word 2007 it’s called the Character Spacing tab.) Check the 46

box that says Kerning for fonts-Points and above. Put the num­ber 8 in the point-size box. Professional page-lay­out pro­grams make it pos­si­ ble to man­u­al­ly kern let­ter pairs. For pro­fes­sion­al ty­pog­ra­phers, this is a manda­to­ry skill, but for every­one else, the built-in kern­ing is adequate. One of those pro­grams, Adobe InDesign, has a fea­ture loathed by every type de­sign­er in the galaxy: the “op­ti­cal” kern­ing op­tion, found in the for­mat­ting tool­bar. When you ac­ti­vate op­ti­cal kern­ing, InDesign ig­nores the kern­ing that’s in the font and ap­plies a spac­ing al­go­rithm to the let­ters. This is akin to putting your fine cash­mere sweater in the wash­ing ma­chine. Don’t be fooled by the be­nign name—it will man­gle your font. Always use the “met­rics” option.


Las organizaciones que necesitan para controlar la extensión de los documentos (por ejemplo, tribunales, colegios) suelen hacerlo con límites en el tamaño de punto y longitud de la página. En la era de la máquina de escribir, esto funcionó porque la producción de máquina de escribir se ha normalizado. En la era digital, que tiene menos sentido, ya que el formato artístico y el diseño pueden hacer que los documentos aparecen más o menos largo, según sea necesario. KERNING

Enciéndelo Kerning es el ajuste de pares de letras específicos para mejorar la separación y en forma. (Es distinto de entre letras, que afecta a todos los pares.) La mayoría de las fuentes vienen con cientos ya veces miles de pares de kerning incluidos por el diseñador de la fuente. A continuación, observe cómo kerning reduce las grandes brechas entre determinados pares de letras, haciéndolos compatibles con el resto de la fuente. Utilice siempre kerning. Si utiliza estilos de párrafo y carácter, encienda kerning como parte de sus definiciones de estilo. CÓMO ACTIVAR EL KERNING

Haga clic derecho en el texto y seleccione Fuente en el menú. Haga clic en la ficha Opciones avanzadas. (En Word 2007 se llama en la ficha Espacio entre caracteres) Marque la casilla que dice Kerning para fuentes-Puntos y superiores. Ponga el número 8 en el cuadro de point-size.

Wise words from Zag

de cachemira fina en la lavadora. No se deje engañar por el nombre benigno- que resumirá su fuente. Siempre utilice la opción “metrics”.

Programas de maquetación profesionales permiten a los pares de letras kern manual. Para tipógrafos profesionales, esta es una habilidad obligatoria, pero para todos los demás, el kerning integrado es adecuado. Uno de esos programas, Adobe InDesign, tiene una característica detestado por todos los diseñadores de tipo en la galaxia: la opción de kerning “óptica”, que se encuentra en la barra de herramientas de formato. Al activar kerning óptico, InDesign ignora el ajuste entre caracteres que hay en la fuente y se aplica un algoritmo de separación de las letras. Esto es similar a poner su suéter 47


COLOR

IN PRINT

In typography, color is a term with two meanings.

Body text in print­ed doc­u­ments (e.g., motions, re­search memos, let­ters) must al­ways be set in black type. No exceptions.

Black is still best

First, ty­pog­ra­phers will some­times speak of a font as cre­at­ing a certain color on the page—even when it’s black. Used this way, the word en­cap­ su­lates a set of hard-to-quan­ti­fy char­ac­ter­is­tics like dark­ness, con­trast, rhythm, and texture. The sec­ond mean­ing is the usu­al one—color as the op­po­site of black & white. This was once an ir­rel­ev­ ant top­ic, as most of us had to be satisfied with mono­chrome laser print­ers. These days, col­or print­ers are ubiq­ui­tous and more writ­ing is de­liv­ered on screen. So col­or has be­come a prac­ ti­cal consideration. In a page of text, noth­ing draws the eye more pow­er­ful­ly than a con­trast be­tween light and dark col­ors. This is why a bold font cre­ates more em­ pha­sis than an italic font. (See also bold or italic.) The per­ceived in­ten­si­ty of col­ored type de­pends not just on the col­or, but also the size and weight of the font. So a thin or small font can take a more in­tense col­or than a heavy or large font. I’m not say­ing it can nev­er be done well. But when some­one puts col­ored type on a col­ored back­ground, I usu­al­ly wish they hadn’t.

48

At typ­i­cal body-text sizes, col­or isn’t effective as a form of em­pha­sis. Letterforms don’t cov­er much sur­face area on the page, so col­ored text isn’t no­ticed un­less it’s loud. Professionally print­ed doc­u­ments (e.g., letterhead, business cards) can in­clude text set in col­or, but use it ju­di­cious­ly. Multiple shades of one col­or are usu­al­ly bet­ter than mul­ti­ple con­trast­ing colors. In laser-print­ed doc­u­ments, avoid white text on a dark back­ground, known as knockout type. Knockout type uses about 20 times more ton­er than reg­u­lar text, mak­ing it a very ex­pen­sive effect on an office printer.


COLOR

Negro sigue siendo el mejor En la tipografía, el color es un término con dos significados. En primer lugar, los tipógrafos a veces hablan de una tipografía como la creación de un determinado color en la página- incluso cuando es negro. Utilizado de esta manera, la palabra encapsula un conjunto de características que son difíciles de cuantificar, como la oscuridad, el contraste, el ritmo y la textura.

Profesionalmente documentos impresos (por ejemplo , papel con membrete, tarjetas de visita) puede incluir texto conjunto en el color, sino que lo utiliza con criterio. Múltiples tonos de un color generalmente son mejores que ocho combinaciones de colores. En documentos impresas con láser, evite texto blanco sobre un fondo oscuro , conocido como tipo de efracción. Tipo Knockout utiliza alrededor de 20 veces más tóner que el texto normal, por lo que es un efecto muy caro en una impresora de oficina.

El segundo significado es el habitual de un solo color como el opuesto de blanco y negro. Esta vez fue un tema irrelevante, ya que la mayoría de nosotros tuvo que conformarse con las impresoras láser monocromo. En estos días, las impresoras de color son omnipresentes y más se entrega la escritura en la pantalla. Así que el color se ha convertido en una consideración práctica . En una página de texto, nada llama la atención con más fuerza que un contraste entre colores claros y oscuros. Esta es la razón por una fuente en negrita crea más énfasis que una fuente itálica. (Véase también la negrita o cursiva.) La intensidad percibida de tipo de color no depende sólo en el color, sino también el tamaño y el peso de la fuente. Así que una fuente delgada o pequeña puede tener un color más intenso que una fuente pesado o de gran tamaño. No voy a decir que no se puede hacer siempre bien. Pero cuando alguien pone el tipo de color sobre un fondo de color, normalmente me hubiera gustado que no lo hubíeran hecho .

Poster from Typography Nerds, New York.

IN PRINT

El cuerpo del texto en los documentos impresos (por ejemplo, movimientos, notas de investigación , cartas) siempre se debe establecer en el tipo negro. No hay excepciones. En tamaños de cuerpo de texto típicos, el color no es efectivo como forma de énfasis. Formas de las letras no cubren la cantidad de área de superficie de la página, así que el texto en color no se nota a menos que sea fuerte y se pueda leer bien y aún así cansará la vista del lector. 49


ON THE WEB

The horse may be long out of the barn on this one, but on the web, the same rule of re­straint ap­plies: less col­or is more effective. When every­ thing is em­pha­sized, noth­ing is emphasized. This is also why many dig­i­tal-book read­ers let you re­duce the screen bright­ness or change the text color. But con­sid­er mak­ing body text on screen dark gray rather than black. Screens have more se­vere con­trast than pa­per, and thus are more tir­ing to read at full con­trast. This is be­cause screens pro­duce col­or by emit­ting light di­rect­ly, where­as pa­per pro­duces col­or by ab­sorb­ing and reflecting am­bi­ent light. Color re­mains the id­iomat­ic way to de­note click­ a­bil­i­ty on the web. So feel free to use col­or (with or without underlining) for hy­per­links. But be care­ful us­ing it on non-click­able text, as it may con­fuse readers. in pdfs

PDFs are read on both screen and pa­per, so which set of rules you fol­low de­pends on how you ex­ pect the PDF to be used. If there’s a rea­son­able chance the PDF will be print­ed, don’t both­er with dark-gray body text—it’ll look grit­ty and strange when printed. Color in presentations is cov­ered in that section. BY THE WAY

The hu­man eye can more eas­i­ly dis­tin­guish light col­ors than dark. This is why a paint store will have 50 shades of white and only two shades of black. So if you’re us­ing light col­ors, make gen­ tle ad­just­ments. Likewise, if you’re us­ing dark col­ors, make big­ger adjustments. Liturgical rubrics are so named be­cause they were orig­i­nal­ly print­ed in red. Red has been the fa­vored sec­ond col­or in ty­pog­ra­phy for hun­dreds of years. To get the most vi­brant-look­ing red, use an old print­er’s trick—make it slight­ly orange. Spot col­or is tra­di­tion­al­ly pre­ferred for projects that in­volve one or two col­ors, like let­ter­head and busi­ness cards. Spot col­or pro­duces the most pure 50

and sat­u­rat­ed col­ors. It also per­mits spe­cial ink effects (e.g., fluorescents, metallics, varnishes). Color laser print­ers also use a process-col­or tech­ nique, but they com­bine col­ored ton­ers rather than inks. Pro de­sign­ers some­times un­fair­ly malign gradient fills as a signifier of am­a­teur de­sign. As with any de­sign tool, they can be used well—or poor­ly. In the phys­i­cal world, most of the col­or we see is es­sen­tial­ly a gra­di­ent, be­cause any di­rec­tion­ al light cre­ates a change in bright­ness. So with type, a back­ground gra­di­ent that gen­tly changes bright­ness can give a nat­u­ral­is­tic sense of light and dimensionality. In a pre­vi­ous era, web de­sign­ers were en­cour­aged to confine them­selves to a palette of web-safe colors. These col­ors were “safe” in the sense that 8-bit mon­i­tors could pro­duce them with­out dither­ing. But that era, and those mon­i­tors, are long gone. Today, every col­or is safe.


en la web

El caballo puede ser mucho tiempo fuera de la granja en este caso, pero en la web, la misma regla de la restricción se aplica: menos color es más eficaz. Cuando todo se pone de relieve, nada se acentúa. Esto también es por eso que muchos lectores de libros digitales le permiten reducir el brillo de la pantalla o cambiar el color del texto. Pero considere hacer el cuerpo del texto en la pantalla de color gris oscuro en lugar de negro. Pantallas tienen contraste más severo que el papel, y por lo tanto son más agotador para leer a plena contraste. Esto se debe a las pantallas producen el color mediante la emisión de luz directa, mientras que el papel de color produce al absorber y reflejar la luz ambiente. Color sigue siendo la forma idiomática para denotar Clickability en la web. Así que no dude en utilizar el color (con o sin subrayar) para los hipervínculos. Pero ten cuidado de usarlo en el texto donde no se puede hacer clic, ya que puede confundir a los lectores. EN PDFS

PDFs se leen tanto en pantalla y papel, por lo que conjunto de reglas que debe seguir depende de cómo se espera que el PDF que se utilizará. Si hay una posibilidad razonable se imprimirá el PDF, no se moleste con gris oscuro cuerpo del texto- it’ll mirada arenosa y extraño cuando se imprima.

el segundo color favorito en la tipografía durante cientos de años. Para obtener el máximo vibrante mirando rojo, utilizar un viejo truco- impresora que sea ligeramente anaranjado. Los colores especiales son tradicionalmente prefiere para proyectos que implican uno o dos colores, como membretes y tarjetas de presentación. Color de punto produce los colores más puros y saturados. También permite efectos especiales de tinta (por ejemplo, fluorescentes, metalizados, barnices, con relieve...). Impresoras láser color también utilizan una técnica de cuatricromía, pero se combinan tóners de color en lugar de las tintas. Pro diseñadores a veces injustamente gradiente maligna llena como significante de diseño amateur. Como con cualquier herramienta de diseño, que se pueden utilizar bien o mal. En el mundo físico, la mayor parte de el color que vemos es esencialmente un degradado, porque cualquier luz direccional crea un cambio en el brillo. Así que con el tipo, un gradiente de fondo que cambia suavemente el brillo puede dar un sentido naturalista de la luz y la dimensionalidad. En una época anterior, se alentó a los diseñadores web a limitarse a una paleta de colores compatibles con Web. Estos colores fueron “ seguros” en el sentido de que los monitores de 8 bits pueden producir sin tramado. Pero esa era, y los monitores, se han ido. Hoy en día, el color está a salvo.

El color en presentaciones está cubierto en esa sección. POR CIERTO

El ojo humano puede distinguir más fácilmente los colores claros que oscuros. Es por esto que una tienda de pintura tendrá 50 tonos de blanco y sólo dos tonos de negro. Así que si estás usando colores claros , hacer ajustes suaves. Del mismo modo, si usted está utilizando los colores oscuros, hacer ajustes más grandes. Rúbricas litúrgicas se llaman así porque se imprimieron originalmente en rojo. Rojo ha sido 51


52


53


54


55


56


57


58


59


60


practical typography