8 ms·
It's a quest of mine to understand this subject mathematically. I'm convinced that typography is an exact science, it's just easier to use intuition than find t
by twhb 9y ago
It's a quest of mine to understand this subject mathematically. I'm convinced that typography is an exact science, it's just easier to use intuition than find the formulae that govern it. Like catching a baseball versus understanding gravity and drag.
For example, when aligning that header, they're moving the leftmost pixels into alignment with the body's leftmost pixels. The correct state is well-defined, it's just not understood by the program.
More complex, the amount of space under a heading. A heading's bottom is neither its bottommost pixel (the space between the bottom of an "a" and "g" is mostly empty), nor its baseline (that space isn't entirely empty); it has a soft bottom, a fade to emptiness. The ideal spacing is a function not only of what's being separated and by how much, but also the gradients that border it.
Does anybody know of good resources on this subject? What I find tends to be more about habit than derivation.
- reilly3000 9y agoAs far as I know, the people behind thegrid.io have put a lot of thought into constraint-based design, they may have some insight into ‘the rules’.
- tux1968 9y agoYour comment prompted me go go take a look at their website. It comes up a single black page with nothing on it other than a red social media button in the bottom right.
- reilly3000 9y agoI guess I was hoping to point in the direction of Grid Style Sheets (made by/for thegrid.io folks) using cassowary constraints. It looks like their site is hacked, and the repo of it hasn’t been updated since 2014.
- jtolmar 9y agoI agree that typography could be an exact science, but I think starting with mathematics would be the wrong choice. Rather, it would be better to devise perceptual experiments and back fit a mathematical model to the results. The excellent LAB color space was created this way. Scientists used experiments - for example the MacAdam ellipse to measure what colors are distinguishable - then backfit a model to that. It involves a bunch of cube roots and funny constants, not something you'd reach from a standpoint of mathematical purity. But it works really well. So if you were looking at rigorously defining typography, I'd look at quantifying how spread out a pattern of ink needs to be before it looks smaller (aligning I and L might not be the leftmost pixel). I'd also look at quantifying some of the gestalt laws of grouping.
- goldenkey 9y agoI agree with you. But I'd like to point out that the color specifications and audio response ranges we have are pretty much an exact science despite being informed by human experiment. Human experiment is not at all exclusionary to a topic of study being an exact science; it just makes the truth harder to discern. We are still coming up with new color spaces that claim to match the human range better, after decades of research. Regarding typography however, I argue that there are a multitude of concerns such as readability, aesthetic, and sustainence of focus. People will have different preferences and rankings for which concerns should be most optimized. Thus, the science of typography may need to be parameterized by the context of the text and what it is going to be used for.
- jacobolus 9y agoThe CIELAB color space was an attempt to make an invertible and fast-to-compute (for simple hardware devices in the 1960s) approximation to the Munsell color space (a lookup table carefully constructed by studies and expert adjustments done by the Optical Society of America in the early 1940s).
- npgatech 9y agoEdwin Land also made tremendous contributions to color science through empirical measurements and finding the deeper "mathematical" models[1]. Besides his scientific achievements, he was a real renaissance man, a tour de force of human intellect. Unfortunately, Josef Albers's pseudoscience[2] and artistic non-sense get most of the credit[3] when it comes to color theory. [1] https://news.harvard.edu/gazette/story/2016/12/the-story-of-edwin-land/ https://news.harvard.edu/gazette/story/2016/12/the-story-of-... [2] http://depts.washington.edu/jrphys/ph214A07/albers.pdf http://depts.washington.edu/jrphys/ph214A07/albers.pdf [3] https://www.nytimes.com/2016/12/01/arts/design/josef-alberss-science-and-soul-of-seeing.html https://www.nytimes.com/2016/12/01/arts/design/josef-alberss...
- theoh 9y agoCredit for color science goes to the scientists, credit for artistic effects using color goes to the artists. There's plenty to go around. Jan Koenderink's book on color measurement looks good.
- anonfunction 9y agoI disagree completely, typography is an artform and therefore completely subjective. I actually preferred the unaligned header example. Sometimes there is a lot of white-space that makes people perceive things to be aligned. Often perfectly aligned text calls for something unaligned to stand out. There may be a scientific approach to finding the best typography to convey information to a specific group of people but it will never be an exact science or a mathematical formula that will work universally.
- crispinb 9y agoOne of the problems with modelling culture-bound phenomena as 'objective' rule-based systems is that the latter can become normative. If a mathematical model of typography gained hold, eventually someone would point to your 'unaligned header' preference, and demand you relinquish it because the model proved you were wrong. This is analogous to that famous Sydney J Harris quote: The real danger is not that computers will begin to think like men, but that men will begin to think like computers
- mbrock 9y agoCompletely subjective is too strong! Music is art but harmony is mathematical.
- anonfunction 9y agoWho says harmony is "good"? http://www.fretjam.com/right-wrong-music.html http://www.fretjam.com/right-wrong-music.html
- mbrock 9y agoI don't say harmony is good! Basically all music relies on at least some tensions of disharmony, and of course you can make music that is completely unharmonical or antiharmonical, just like you can make arrhythmic music or music with intentionally distorted rhythms to make listeners feel weirdly disoriented if that's what they like. But letting go of the principles of harmony in favor of "subjective absolutism" seems kind of strange and I would even say harmful. It's like asking about architecture "Well, why should a building be comfortable and durable? If I prefer a dangerous and awful structure, isn't that just another valid subjective preference?" Well, okay, but so then what? Abandon teaching structural integrity? It's pretty interesting to discuss the differences between arts, crafts, trades, and sciences... but these discussions are also often kind of stupidly polarized between objectivist and subjectivist views. I had a friend who staunchly refused to learn any music theory, or any patterns of musical tradition, because they were attached to a subjectivist position on music. Actually I think it's a deep position that has to do with the individual's place in civilization! This person's music was outsider music, much of it really cool, but in some way fundamentally alienated. One of my favorite books ever is Alistair MacIntyre's After Virtue, which (with a somewhat conservative flavor) argues that contemporary subjectivism is because enlightenment rationalism just fails as a basis for ethics, and that this is the reason for "the interminable character of contemporary debates." It makes the case for virtue within traditions and societal roles as the antidote for subjectivism, basically. So typography is a tradition of virtue in our society, kind of, right? It's like, wow, there's this whole guild of craftspeople stretching back hundreds of years, who have developed a body of practice and theory that forms a coherent framework for font shapes and text layout; that's pretty cool! Of course there are deep questions like "How are the traditions, skills, and theories of typography modified by the encounter with digital media?" You could even ask "Is typography (or whatever other creative trade) a gated community of elite tastemakers who just prescribe their own aesthetics as if they were natural laws?" But at the end of the day you have to look at the alphabet itself. That's not subjective. It's not really "objective" either. It's a cultural heritage and a common standard. If you mess around with it arbitrarily, people will think you're a weirdo, and they might not understand you at all.
- yodon 9y agoOne can of course make a precise set of rules that one will follow, and one might even come up with some pretty good ones. But typography is an art as well, by which I mean the range of optimizations potentially desired from a professional layout is intractably large, presenting huge problems for creating an algorithm that can equal or exceed a good human designer. Focus of the eye, retention, recall, mood to be instilled, characteristics of the speaker/brand to be projected, all factor into those decisions. That said, if you want to go analytical on typography, you should focus on how it is used in advertising. The original work in the field, Ogilvy on Advertising[0], is still important and fun to read. Given when it was written most of the ads it discusses are quite retro (from what I can tell every industry plot point in the first season of Mad Men came directly out of this book), but Ogilvy was a giant in the field who transformed advertising from "people who write good" to a data driven research activity, starting with typography and layout. [0]https://www.amazon.com/Ogilvy-Advertising-David/dp/039472903X https://www.amazon.com/Ogilvy-Advertising-David/dp/039472903...
- cjoy 9y agoTypography is not just concerned with maximising readability. It is subject to aesthetics and taste, which are strongly linked to habit and consensus. Most prolific type designers have at least once toyed with the idea of a mathematically constructed, ideal letter form. The final design is either allowed to offend the human eye or mathematics. I do not know a case where this was not true.
- crispinb 9y ago> which are strongly linked to habit and consensus And hence influenced by culture. Much of typography (the aesthetic appeal aspect) is very clearly culture-bound. But even the one aspect which might seem to be universal/objective (different things but that's another story), ie. legibility, turns out IIRC to be highly variable. I don't have the references, but I'm pretty sure recent research has shown legibility to be generational. The advantages of serifs has dropped off as later generations have been more exposed to sans serif typefaces. And gothic typefaces were more legible to pre-WWII Germans, etc. If that's right, the best one could do mathematically would be to model a snapshot of the current cultural state. Perhaps the model could have parameters that could be tweaked as culture changed.
- sigi45 9y agoHow about the golden ratio? romans and greeks used it often. Fractals are also very beautiful. I would argue that there are a lot of mathematical rules in architecture and would argue that this is true for fonts as well.
- jankassens 9y agoThe TeXbook and the METAFONTbook explore the mathematics of typesetting in great detail
- brianpan 9y agoTypography can be understood mathematically to the extent that communication can be understood mathematically. You're never going to account for style, trends, or connotation. Same with baseball, by the way. Advanced analytics can complement and enhance your understanding of baseball. But there are people involved. It will never be as straightforward as throw a curve because the count is 3 and 1 in this situation. Human interaction is always going to be art (and fashion) as much as science.
- galeforcewinds 9y agoI agree that the number of data points needed for study and the number of variables involved are both key factors. The one area that comes to mind where a approach might be easiest is closed platforms like the hardware Kindle reader -- for example, measuring read times by a large population of the same text, with varying fonts, on the same hardware. Improved typography might reduce read times some modest percentage over baseline due to improved readability.
- brianpan 9y agoSure you can use ML and test subjects to maximize readability, but that's only one part of typography. Akin to Google beta testing shades of blue. http://www.zeldman.com/2009/03/20/41-shades-of-blue/ http://www.zeldman.com/2009/03/20/41-shades-of-blue/
- IgorPartola 9y agoBaseball is... I mean if a team of engineers can design a rocket that lands vertically, I am fairly certain they could design a robot that hits balls with a bat. In fact I am surprised we don’t already have robot baseball. Typography is supposed to be perceived by human brains. So it will be subject to interpretation. Baseball is absolute: you can measure where the ball flew, where it landed, and who caught it.
- brianpan 9y agoIt's amazing how blind to humanity we developers can be. If you take the human out of the batters box, you're no longer playing baseball. Baseball is a game. Played by humans for the sake of competition. If you build a robot that is able to hit every ball. Guess what? There's no point in playing baseball anymore. Have you "solved" baseball? Or have you destroyed the usefulness of it? Approaching baseball by solving the physics of the bat and ball is completely missing the point of the game. Trying to "solve" typography is equally meaningless. There are no definite answers to be found for the meaning of Coca-Cola red or IBM blue.
- sprokolopolis 9y agoYes, in the example it looks like they are aligning the vertical stroke of the larger and small letterforms, but this isn't actually always the answer. The goal is to be optically aligned, rather than actually aligned and our brains' optics can really distort things based on size, weight, etc. If you zoom in about 300% you might notice that the larger text is actually still slightly indented, because the weight and size of it artificially occupy more space. Curves artificially create more space around them in our brains in relation to other letterforms and straight letterforms create less. As an example, type out the word "Highlands" in a very large point size (like 300pt) or in vectors where you can zoom in, in a well designed font. Drop a guideline at the baseline of the letters. You will notice that all of the flat-bottomed letters sit on a baseline and all of the curved strokes drop below the baseline. This makes them optically equal and appear to sit on the same baseline in our minds. The issue gets more complicated when you start using less geometric-looking fonts with serifs and higher contrast/different weight distributions in the characters. Even typefaces that look very simple and geometric, are still designed with subtle fluctuations in weight to make them feel optically even. Futura is a good example. The "O" character looks like a perfect circle, but if it were, it would look wrong. There is definitely some science behind all of this, but measuring and testing it seem like it would be very difficult.
- deleted 9y ago[deleted]
- jkraker 9y agoThis might be a really interesting read for you in your quest: By Hand and Eye by George Walker and Jim Tolpin https://lostartpress.com/products/by-hand-eye-1 https://lostartpress.com/products/by-hand-eye-1 It's by a couple woodworkers who have been learning about fundamental design principles that used to be used extensively before the introduction of tape measures, calipers and tools that have served to drive design almost entirely into imperial or metric measurement systems. I don't think it can address all of it (e.g. kerning), but some of the things I saw in the guide relate directly (1.2x/1.5x spacing, typeface sized in multiples, etc. I found it fascinating. They have a couple other books about it now too.
- neoncontrails 9y agoHope your analysis yields interesting fruit, and that it makes it to a forthcoming front page. My hunch is yours, I've noticed that what I perceive as "pleasing" vertical indent for example can usually be expressed exactly as a continued fraction expansion. Which is a totally straightforward heuristic to implement by hand or programmatically: define a hierarchy of tags, then for each element in the block of priority N multiply the 0th element's height by some fractional constant N times. In practice this seems to work pretty well, there's a lot more features latent in a block of text than just vertical whitespace though and the ideal way to split the prescribed amount of whitespace between margin-top and padding-top attributes isn't obvious to me.
- theoh 9y agoFrank Blokland is working in this direction. I don't think every aspect of typography is amenable to being reduced to a mathematical model, but some things are. http://www.lettermodel.org http://www.lettermodel.org
- gt_ 9y agoI am an artist of all sorts and have done a lot of design work but my foremost qualification on this subject is having been raised by a mother who was a sign painter and a bit of OCD. You will not find reusable mathematical solutions. I really wish, but I was actually pleasantly surprised at how many of the tips in this article I can imagine being reusable. Concepts are as far as it goes. Typefaces are amazing how they are so engrained into our senses. They correlate below the visual interpretation. They are abstractions of sound. They may feel like geometry but they are far too sensitive. They will always be poetic, rife with the imperfections and emotional toils of aesthetics, and a weakness for contextual influences.
- cbharadwaj 9y agoAs someone who does research in the sciences, my eye for typography (which in my humble opinion is well above average, at least for an amateur) is based completely on intuition. I'm sure you can study it scientifically, but to be honest a lot of it is like doing art -- you can train yourself to do it well, and sure there is some scientific aspect to it, but having a good eye and a good sense of style is all you'll really need. Of course, practice also helps. I know what looks good and I design things that way. If you asked me to explain it and justify my choices, I could, and a lot of people are like "does that really matter?" or "wow, I didn't even notice" when I point out subtle details like leading, kerning, etc. Yes, you could pick up books that teach you about these topics in detail and learn the finer points of graphic design from there, but that won't give you imagination or the creativity necessarily. The spark just comes from absorption. Much like supervised machine learning, you do not learn any explicit formula for doing things, but rather you learn a model based on what you've seen, and you use it to rationalize how future things you make might be or might not be. I realize those sound very similar, but the difference is in that actual "learning process". I personally think habit will take you further than scientific study in this area. It's an art. The more time you spend immersed in it, the better you'll get at finding what works and what doesn't. That's not to say that there aren't "rules", as in a science, but perhaps they are more flexible than you might imagine. :)
- wahern 9y agoYour example of catching a baseball is apt, but disproves your point. From afar (where gravity and drag would dominate), it's been fairly conclusively shown that humans primarily rely on the so-called gaze heuristic to meet the ball at the appropriate point.[1] In the gaze heuristic, you continually adjust your position so that the ball stays at a fixed point relative to the horizon or some other reference point. If you keep doing this, you will meet the ball. Studies have shown that if you disrupt this process--such as by removing reference points or the ability for people to continually move so that their position, the ball, and the reference stay relatively fixed--people suck at catching the ball. Now, we could argue that this heuristic itself has rules, and in studying the rules we can master them. But the salient point is that, especially in this case, the human is an active participant in the heuristic. Moreover, it works because it trades a nearly infinite number of variables (the heuristic still works even as winds change) for a few simple variables which are intrinsically dependent on context--specifically, context other than those things directly acting upon the ball. And the gaze heuristic isn't the only heuristic used to catch a ball, just the one that works best from afar. The brain simultaneously applies many heuristics, most of which we don't even understand, yet. Ultimately there's irreducible complexity here and no optimal solution. There's a trade-off. And because our environment is constantly changing (e.g. display material, lighting, and the place and time people read evolve over the years) the trade-offs will change. To be sure there's science involved, but it will never be an _exact_ science in the sense of being able to create a perfect font or completely enumerate a set of typographical rules. [1] I think I learned this from "Rationality for Mortals: How People Cope with Uncertainty" by Gerd Gigerenzer.
- gioele 9y ago> I'm convinced that typography is an exact science Kerning and metrics are, for example, two parts of typography that lend themselves to formalization and automation. See for example the great results of Igino Marino's ikern: http://ikern.com/k1/ http://ikern.com/k1/ http://ikern.com/k1/collaboration/ http://ikern.com/k1/collaboration/
- coldtea 9y ago>For example, when aligning that header, they're moving the leftmost pixels into alignment with the body's leftmost pixels. The correct state is well-defined, it's just not understood by the program. Most typographic programs can perfectly understand "align leftmost pictures of title wit leftmost pixels of body". >The ideal spacing is a function not only of what's being separated and by how much, but also the gradients that border it. Only there's no real "ideal width". Not only it depends on the look of the heading font as well -- some designs might ask for more or less space, but it also depends on other elements on the page. Even more so, it depends on the desired intent / impression, which might not be the same when typesetting a math book, a poetry book, a news article, a lifestyle article, a kids story, and so on. It also varies by culture (country) and by era -- things people thought OK in 1660 look garish today, and even things people though OK in 1970 or 2006 can look out of place today. At best, the "mathematics" can give something that more or less looks appropriate for certain situations -- TeX does that for math papers. It doesn't and can't solve a soft science like typesetting in general (not without designer AI). Obligatory XKCD: https://xkcd.com/1831/ https://xkcd.com/1831/
- hypertexthero 9y agoTypography is not an exact science. ”Beware, @sPECtre! The road to hell is paved with isometric typefaces. :)” —[Hoefler&Co](https://twitter.com/HoeflerCo/status/836248823458455554 https://twitter.com/HoeflerCo/status/836248823458455554) in a series of comments on an initial typeface design.
- hammock 9y ago>It's a quest of mine to understand this subject mathematically. Good luck. Computer science-types try to do this all the time with music, and it always falls flat. Typography/visual aesthetics has to be just as hard or harder, considering it's not exactly a linear function underlying visual perception - just take a look at all the different types of optical illusions that exist.