8 ms·

Web Design is 95% Typography

234 points by raghunayyar 14y ago

digitalengineer 14y ago
Web design is 95% typography and 100% content. I can't tell you how many times we have to design without knowing the actual CONTENT or text and we're forced to dropping Lorum Ipsum (fake text) in the designs. Not knowing the text stops us from knowing the USER, the target audience, and the entire REASON for the website. Actually knowing the subject, content and text makes the difference between 'nice' and 'functional'.
- richforrester 14y ago
  I agree to such an extend that I signed up for an account to up-vote this.
  - digitalengineer 14y ago
    Damn! ;-) Welcome aboard.
- sp8 14y ago
  I thoroughly agree. Its astonishing the number of times I've had projects stumble, sometimes collapse, at the "writing the content" stage. And only ONCE have I had someone hand me (nearly) complete copy before I started designing.
  - ZoFreX 14y ago
    Once in complete exasperation at the total absense of copy from a client I offered to write it for them for a modest extra fee, and then rang their phone number (one of the few pieces of text I did have) and interviewed one of their call center staff to get the down low on the business.
- kyriakos 14y ago
  in my 10 year experience working as a developer at web design companies the prettiest the layout the designer came up with the less functional it is in practice. ...and lets not get started on what happens once the end users start adding content... I feel like crying!
- GBKS 14y ago
  Honestly though, I think we need to take more responsibility in helping shape that copy. I've also had pretty bad experiences when the client had a dedicated writer assigned. My favorite approach is to, whenever copy is missing, go to a competitors site or Wikipedia, and copy/paste. At least you get an approximation, and it helps everybody who looks at the project start responding to and thinking about content. As UXers/designers/developers we might actually have a very good feel for content and are in a great position to get the process started. An interface with Lorem Ipsum is like a portrait of a person without pupils drawn. It becomes abstract and all live is missing.
  - lifeisstillgood 14y ago
    I think this speaks (good) volumes about you and your approach - without all the details you take the initiative. As someone currently using 99designs (booo!hiss!) to get a website relaunch off the ground. There are one or two designers who have actually, well, read the brief, who engage and listen to feedback intelligently. I will want to work with them again in different areas, and am happy to see they have got some portfolio beginning. Its the difference between asking permission and asking forgiveness.
  - treerock 14y ago
    I'd be worried they'd leave the copy/paste approximation in the final website. Maybe that says more about the people I work with though.
    - GBKS 14y ago
      What I do in those cases is to color the unchanged text in red or pink. That way anybody can see what needs to be done and help get things moving.
  - mnicole 14y ago
    On the opposite end of this, no amount of organizing for the impending content by creating fake but ideal character counts (something I've done on nearly every site I've worked on) has led to those constraints actually being followed by the internal staff or external clients I've worked with. This is easily one of the biggest after-the-fact issues/time consumers I deal with in dev because often times, the content isn't finalized even after launch. At the end of the day my experience has been that the content provider would rather the layout be changed to accomodate their copy rather than them going back in and removing a few words they feel are vital/more appropriate for the messaging. Obviously YMMV, but be sure to calculate the effort vs. your understanding of how the business makes decisions or you may be in for some heartbreak.
- EnderMB 14y ago
  That's absolutely true, but hand on heart, how many Web Designers/Developers here really have a say on when they receive content? The chance to build a design around the content would be a fine thing for many of us.
  - digitalengineer 14y ago
    Yeah, most of them think of their website as a online brochure. Unfortunately that's also how most (print)designers think. They've been doing the Lorum Ipsum Dance for years and years.
  - noarchy 14y ago
    I've repeatedly had the pleasure of receiving content on the very day of the launch. And yes, it often involves tweaking the stylesheet, or something similar.
    - espyb 14y ago
      That's a common occurrence for myself and many of the designers I work with. Regarding content, we are at the client's mercy, and unfortunately I find their sense of urgency is often nearly non-existent.
- jiggy2011 14y ago
  Very true, I've seen plenty of people waste hours debating how to tweak layout in fairly minor ways to increase conversions when in fact their entire content either doesn't make sense, is incomplete or is just plain boring.
- johnchristopher 14y ago
  If I still were in "Web design/dev" I would put this in the footer of every mail and papers I send to people I work with.
pacomerh 14y ago
2006?, nice. So yeah these days typography is big on web design, but also obviously relative to the kind of site your building. Regarding Khoi Vinh’s Web Site, I like this page in particular http://www.subtraction.com/archives#column-b http://www.subtraction.com/archives#column-b
lhnz 14y ago
Very interesting way of thinking. Typography as an interface to the content you wish others to consume.
- brudgers 14y ago
  Typography is a primary user interface element of Microsoft's Metro paradigm. Typographic elements can more readily be culturally localized using standard tools. It is harder to do this with skuomorphic icons.
Danski 14y ago
95% of the information on the web is written language. How would one measure/estimate this?
Adrock 14y ago
Comically, here's how this is rendering for me using Chromium on Ubuntu: https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as-a-ui.png https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as...
- yogsototh 14y ago
  Also, no ligature :/ I have ligature on my website by using: text-rendering: optimizelegibility with Computer Modern. For many technical reason, typography on the web is hard. I had written my though about it here (there are images, this is why I simply don't copy/paste): http://yannesposito.com/Scratch/en/blog/Typography-and-the-Web/ http://yannesposito.com/Scratch/en/blog/Typography-and-the-W...
  - jimktrains2 14y ago
    I was always disappointed that TeX or LaTeX didn't become standard for the web over HTML.
  - digitalengineer 14y ago
    Nice piece! Love it when someone cares about ligatures! I've actually had clients --big ones-- force me to remove "those crazy letters" in their layout. I couldn't educate them... Hve you seen http://beta.typecastapp.com/ http://beta.typecastapp.com/ "Better web type without the hassle" If anyone is going to fix ligatures it's them. Update: THEY HAVE!!! http://beta.typecastapp.com/blog/fancify-your-typography-with-ligatures-and-more/ http://beta.typecastapp.com/blog/fancify-your-typography-wit...
- yesbabyyes 14y ago
  I get this quite often (Chromium/Ubuntu here, too). It usually fixes itself by zooming out/zooming in. I always surf with 120% zoom, and I've kind of assumed the bug is related to that. Do you surf with a non-default zoom level?
  - phreeza 14y ago
    I also frequently experience this glitch, default zoom level is 100%.
hiphopopotamus 14y ago
Web design is not 95% typography...
- duiker101 14y ago
  I'd say it depends on the website. If it only needs to present written content it CAN (not must) be. But other way I agree with you, typography is not really "functional", and a website needs to be functional. Most of the websites do.
- drhowarddrfine 14y ago
  Yes. We need more explosions and dancing dogs done in Flash. That's what makes the web better. No need for words.
- andrewcooke 14y ago
  well, tbh, web design is not the kind of thing that can be characterized as 95% anything, except as a rhetorical flourish.
Cancel 14y ago
iABC is amazing font.
aw3c2 14y ago
That website is impossible to get a quick overview on for me. Those centered lines looked like "thoughts" at first but it seems they are subheadlines? The whitespace feels all weird to me. The text is very huge and uncomfortable. The content itself is badly written (and to me, liking reading something is important. Surely the author's name is "Oliver Reichenstein" not "oliver reichenstein" as the font looks like. Rant over.
- cobychapple 14y ago
  Regarding the type being large, iA have very good reasons for that being the case, which they outline very clearly in another article [1]. [1] http://informationarchitects.net/blog/100e2r/ http://informationarchitects.net/blog/100e2r/ "The 100% Easy-2-Read Standard"
  - aw3c2 14y ago
    That says it is the browser default size and that is not correct. Here, check it out: http://pastehtml.com/view/cc5nellwp.html http://pastehtml.com/view/cc5nellwp.html First line uses your browser's default. Second line is their setting (~21px). Such huge text is definitely not easy to read for me on any of my devices.
    - falcolas 14y ago
      Since we're discussing opinions here - the second entry is much more readable on my 1080p monitor at arms length.
    - batista 14y ago
      >That says it is the browser default size and that is not correct. It is correct, just slightly misleading. The size is made to look like the browser default size taking display density into account. It is adaptive. The 16px font, in the screenshot you send, is not "browser default size". Or, it is, but not as it was intended by browser makers. See, when it was chosen as default, we used 14" 1024x768 monitors or worse. Anybody who wants to show this as it was intended, needs to take account the DPI of a modern screen and increase the 16px accordingly. Trust me, those guys have gave a lot of thought into readability and font sizing. >Such huge text is definitely not easy to read for me on any of my devices. Actually it is. You are just not used to it. Whereas you are used to fonts of exactly the same size (or very near) when reading books. Some people have been conditioned to stare at tiny fonts (a 12-14px font is a monstrosity on a modern display) and proper type jumps at them. Check also Zeldman's reasoning: http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/ http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/
rickdale 14y ago
I am no web designer, but I have made plenty of websites in my time. Right now I am rebuilding a site for a product that I sell. I decided to go with a one page web site with lots of javascript for clicking around and animated images. The words on my page that are typed out are: Available At, Contact Us, and F.A.Q. . . . the other content is my logo etc. While I do see that good typography can equate to good web design, I will also add that good images, code, colors, and usefulness also help.
jestinjoy 14y ago
which design this blog uses?
silon3 14y ago
At least 50% is making a good fluid (not only responsive) layout, that handles things like large fonts, adjusts to dynamic text, etc...
- lmm 14y ago
  Ironicly I tend to find "undesigned", plain sites handle such things best. Doubly ironicly, TFA is not one of them, despite being just a plain piece of text. Fixed width is the tool of the devil.
scottjad 14y ago
> 95% of the information on the web is written language. Really? Youtube videos, Facebook photos, TV shows, movies, music, etc only 5%? To be expected from a company that sells a text editor that's 95% typography.
- hfz 14y ago
  Pretty sure the article was written before they started working on iA Writer.
- DanBC 14y ago
  content ≠ information. Youtube videos are often almost empty of information.
lifeisstillgood 14y ago
Yes, and it will radically change as the web stops being English / Latin alphabet dominated. Typography for Japanese characters is fascinating - three different languages almost, sitting in the same sentence, the cadence of language reflecting in the angles or spacing, the possibilities are an order of magnitude more complex than English - and an order of magnitude more rewarding. http://www.flickr.com/photos/esthet/3454734/ http://www.flickr.com/photos/esthet/3454734/ - beauty in calligraphy http://www.kfstudio.net/himaji/ http://www.kfstudio.net/himaji/ - cute fontface for Kanji http://www.lukew.com/ff/entry.asp?111 http://www.lukew.com/ff/entry.asp?111 - a good primer
- batista 14y ago
  >Yes, and it will radically change as the web stops being English / Latin alphabet dominated. It will never stop being English/Latin alphabet dominated for the English (Americas, Australians, etc) though. So, it's not like english web designers will see any major change in their work, or english web users...
  - lifeisstillgood 14y ago
    Well, I suspect we shall see words entering our lexicon from China - every right thinking 人 would agree :-)
    - batista 14y ago
      Like in a Bladerunner/Neuromancer cross-culture like future. Maybe, maybe.
      - pyre 14y ago
        Don't forget Firefly!
        lifeisstillgood 14y ago
        I goram won't !
deleted 14y ago
[deleted]
andrewingram 14y ago
I've been a proponent of this approach since I first read this article back in 2006, but I think it can be generalised. The main case to be made is for a methodology of "content out", which is to design the primary content areas of your site before your worry about things like sidebars, global navigation and other decoration. In the case of text-heavy websites such as blogs and news, this means to start with typography - when the content is the writing, the typography is the design. If you're making a video website, your first step should be to make a great video player, then presumably video description, comments, related videos and finally site-wide design. If you're making a to-do list, make the list look great before you do anything else.
BaconJuice 14y ago
This is sort of off-topic, but does anyone know what kind of theme/blogging software this blog is using?
- mrlinx 14y ago
  Looking at the code, I'd guess Wordpress + iA4 theme
  - BaconJuice 14y ago
    Any ideas where I can find this theme? Tried looking no luck =/
ans 14y ago
well maybe, but then one should make a distinction between web application, and just plain websites. designing one may be 95% typography, but the other is about much, much more.
tpowell 14y ago
I don't see a link to it but this is a FANTASTIC little tutorial on web typography: http://www.dontfeartheinternet.com/css/don%E2%80%99t-fear-web-typography http://www.dontfeartheinternet.com/css/don%E2%80%99t-fear-we...
akdetrick 14y ago
"Choosing a typeface is not typography" I really appreciated this point. Too often people confuse knowledge of fonts with typographic knowledge or skill. Understanding how to set type is far more important; correctly choosing a good measure (line length), margins, leading (line-spacing), and a meaningful hierarchy of font sizes (among other things) all have a huge effect on readability. For anyone interested in learning more about typesetting, I recommend "The Elements of Typographic Style" by Robert Bringhurst.
esrauch 14y ago
Am I alone in finding the fi ligature generally annoying/difficult to read in general? I see it in print occasionally and it always feels like a kerning mistake that is hurting my ability to quickly parse the letters.
mattlong 14y ago
What exactly makes Khoi Vinh's website[1] notable? Not trying to be negative; I'm genuinely curious. I wouldn't have given it a second thought if I came across it in the wild. To my (untrained) eye, it's typography consists of a single font that is almost always too small to be readable. [1] http://www.subtraction.com/ http://www.subtraction.com/
- msutherl 14y ago
  6 years ago or so, when I first came across his website, it appeared as a revelation. His use of typography was very advanced at the time. I agree it looks rather ordinary and a tad busy compared to today's standard.

234 points by raghunayyar 14y ago

Web design is 95% typography and 100% content. I can't tell you how many times we have to design without knowing the actual CONTENT or text and we're forced to dropping Lorum Ipsum (fake text) in the designs. Not knowing the text stops us from knowing the USER, the target audience, and the entire REASON for the website. Actually knowing the subject, content and text makes the difference between 'nice' and 'functional'.

richforrester 14y ago
I agree to such an extend that I signed up for an account to up-vote this.
- digitalengineer 14y ago
  Damn! ;-) Welcome aboard.
sp8 14y ago
I thoroughly agree. Its astonishing the number of times I've had projects stumble, sometimes collapse, at the "writing the content" stage. And only ONCE have I had someone hand me (nearly) complete copy before I started designing.
- ZoFreX 14y ago
  Once in complete exasperation at the total absense of copy from a client I offered to write it for them for a modest extra fee, and then rang their phone number (one of the few pieces of text I did have) and interviewed one of their call center staff to get the down low on the business.
kyriakos 14y ago
in my 10 year experience working as a developer at web design companies the prettiest the layout the designer came up with the less functional it is in practice. ...and lets not get started on what happens once the end users start adding content... I feel like crying!
GBKS 14y ago
Honestly though, I think we need to take more responsibility in helping shape that copy. I've also had pretty bad experiences when the client had a dedicated writer assigned. My favorite approach is to, whenever copy is missing, go to a competitors site or Wikipedia, and copy/paste. At least you get an approximation, and it helps everybody who looks at the project start responding to and thinking about content. As UXers/designers/developers we might actually have a very good feel for content and are in a great position to get the process started. An interface with Lorem Ipsum is like a portrait of a person without pupils drawn. It becomes abstract and all live is missing.
- lifeisstillgood 14y ago
  I think this speaks (good) volumes about you and your approach - without all the details you take the initiative. As someone currently using 99designs (booo!hiss!) to get a website relaunch off the ground. There are one or two designers who have actually, well, read the brief, who engage and listen to feedback intelligently. I will want to work with them again in different areas, and am happy to see they have got some portfolio beginning. Its the difference between asking permission and asking forgiveness.
- treerock 14y ago
  I'd be worried they'd leave the copy/paste approximation in the final website. Maybe that says more about the people I work with though.
  - GBKS 14y ago
    What I do in those cases is to color the unchanged text in red or pink. That way anybody can see what needs to be done and help get things moving.
- mnicole 14y ago
  On the opposite end of this, no amount of organizing for the impending content by creating fake but ideal character counts (something I've done on nearly every site I've worked on) has led to those constraints actually being followed by the internal staff or external clients I've worked with. This is easily one of the biggest after-the-fact issues/time consumers I deal with in dev because often times, the content isn't finalized even after launch. At the end of the day my experience has been that the content provider would rather the layout be changed to accomodate their copy rather than them going back in and removing a few words they feel are vital/more appropriate for the messaging. Obviously YMMV, but be sure to calculate the effort vs. your understanding of how the business makes decisions or you may be in for some heartbreak.
EnderMB 14y ago
That's absolutely true, but hand on heart, how many Web Designers/Developers here really have a say on when they receive content? The chance to build a design around the content would be a fine thing for many of us.
- digitalengineer 14y ago
  Yeah, most of them think of their website as a online brochure. Unfortunately that's also how most (print)designers think. They've been doing the Lorum Ipsum Dance for years and years.
- noarchy 14y ago
  I've repeatedly had the pleasure of receiving content on the very day of the launch. And yes, it often involves tweaking the stylesheet, or something similar.
  - espyb 14y ago
    That's a common occurrence for myself and many of the designers I work with. Regarding content, we are at the client's mercy, and unfortunately I find their sense of urgency is often nearly non-existent.
jiggy2011 14y ago
Very true, I've seen plenty of people waste hours debating how to tweak layout in fairly minor ways to increase conversions when in fact their entire content either doesn't make sense, is incomplete or is just plain boring.
johnchristopher 14y ago
If I still were in "Web design/dev" I would put this in the footer of every mail and papers I send to people I work with.

pacomerh 14y ago

2006?, nice. So yeah these days typography is big on web design, but also obviously relative to the kind of site your building. Regarding Khoi Vinh’s Web Site, I like this page in particular http://www.subtraction.com/archives#column-b http://www.subtraction.com/archives#column-b

lhnz 14y ago

Very interesting way of thinking. Typography as an interface to the content you wish others to consume.

brudgers 14y ago
Typography is a primary user interface element of Microsoft's Metro paradigm. Typographic elements can more readily be culturally localized using standard tools. It is harder to do this with skuomorphic icons.

Danski 14y ago

95% of the information on the web is written language. How would one measure/estimate this?

Adrock 14y ago

Comically, here's how this is rendering for me using Chromium on Ubuntu: https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as-a-ui.png https://s3.amazonaws.com/1overBlog/screenshots/treat-text-as...

yogsototh 14y ago
Also, no ligature :/ I have ligature on my website by using: text-rendering: optimizelegibility with Computer Modern. For many technical reason, typography on the web is hard. I had written my though about it here (there are images, this is why I simply don't copy/paste): http://yannesposito.com/Scratch/en/blog/Typography-and-the-Web/ http://yannesposito.com/Scratch/en/blog/Typography-and-the-W...
- jimktrains2 14y ago
  I was always disappointed that TeX or LaTeX didn't become standard for the web over HTML.
- digitalengineer 14y ago
  Nice piece! Love it when someone cares about ligatures! I've actually had clients --big ones-- force me to remove "those crazy letters" in their layout. I couldn't educate them... Hve you seen http://beta.typecastapp.com/ http://beta.typecastapp.com/ "Better web type without the hassle" If anyone is going to fix ligatures it's them. Update: THEY HAVE!!! http://beta.typecastapp.com/blog/fancify-your-typography-with-ligatures-and-more/ http://beta.typecastapp.com/blog/fancify-your-typography-wit...
yesbabyyes 14y ago
I get this quite often (Chromium/Ubuntu here, too). It usually fixes itself by zooming out/zooming in. I always surf with 120% zoom, and I've kind of assumed the bug is related to that. Do you surf with a non-default zoom level?
- phreeza 14y ago
  I also frequently experience this glitch, default zoom level is 100%.

hiphopopotamus 14y ago

Web design is not 95% typography...

duiker101 14y ago
I'd say it depends on the website. If it only needs to present written content it CAN (not must) be. But other way I agree with you, typography is not really "functional", and a website needs to be functional. Most of the websites do.
drhowarddrfine 14y ago
Yes. We need more explosions and dancing dogs done in Flash. That's what makes the web better. No need for words.
andrewcooke 14y ago
well, tbh, web design is not the kind of thing that can be characterized as 95% anything, except as a rhetorical flourish.

Cancel 14y ago

iABC is amazing font.

aw3c2 14y ago

That website is impossible to get a quick overview on for me. Those centered lines looked like "thoughts" at first but it seems they are subheadlines? The whitespace feels all weird to me. The text is very huge and uncomfortable. The content itself is badly written (and to me, liking reading something is important. Surely the author's name is "Oliver Reichenstein" not "oliver reichenstein" as the font looks like. Rant over.

cobychapple 14y ago
Regarding the type being large, iA have very good reasons for that being the case, which they outline very clearly in another article [1]. [1] http://informationarchitects.net/blog/100e2r/ http://informationarchitects.net/blog/100e2r/ "The 100% Easy-2-Read Standard"
- aw3c2 14y ago
  That says it is the browser default size and that is not correct. Here, check it out: http://pastehtml.com/view/cc5nellwp.html http://pastehtml.com/view/cc5nellwp.html First line uses your browser's default. Second line is their setting (~21px). Such huge text is definitely not easy to read for me on any of my devices.
  - falcolas 14y ago
    Since we're discussing opinions here - the second entry is much more readable on my 1080p monitor at arms length.
  - batista 14y ago
    >That says it is the browser default size and that is not correct. It is correct, just slightly misleading. The size is made to look like the browser default size taking display density into account. It is adaptive. The 16px font, in the screenshot you send, is not "browser default size". Or, it is, but not as it was intended by browser makers. See, when it was chosen as default, we used 14" 1024x768 monitors or worse. Anybody who wants to show this as it was intended, needs to take account the DPI of a modern screen and increase the 16px accordingly. Trust me, those guys have gave a lot of thought into readability and font sizing. >Such huge text is definitely not easy to read for me on any of my devices. Actually it is. You are just not used to it. Whereas you are used to fonts of exactly the same size (or very near) when reading books. Some people have been conditioned to stare at tiny fonts (a 12-14px font is a monstrosity on a modern display) and proper type jumps at them. Check also Zeldman's reasoning: http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/ http://www.zeldman.com/2012/05/18/web-design-manifesto-2012/

rickdale 14y ago

I am no web designer, but I have made plenty of websites in my time. Right now I am rebuilding a site for a product that I sell. I decided to go with a one page web site with lots of javascript for clicking around and animated images. The words on my page that are typed out are: Available At, Contact Us, and F.A.Q. . . . the other content is my logo etc. While I do see that good typography can equate to good web design, I will also add that good images, code, colors, and usefulness also help.

jestinjoy 14y ago

which design this blog uses?

silon3 14y ago

At least 50% is making a good fluid (not only responsive) layout, that handles things like large fonts, adjusts to dynamic text, etc...

lmm 14y ago
Ironicly I tend to find "undesigned", plain sites handle such things best. Doubly ironicly, TFA is not one of them, despite being just a plain piece of text. Fixed width is the tool of the devil.

scottjad 14y ago

> 95% of the information on the web is written language. Really? Youtube videos, Facebook photos, TV shows, movies, music, etc only 5%? To be expected from a company that sells a text editor that's 95% typography.

hfz 14y ago
Pretty sure the article was written before they started working on iA Writer.
DanBC 14y ago
content ≠ information. Youtube videos are often almost empty of information.

lifeisstillgood 14y ago

Yes, and it will radically change as the web stops being English / Latin alphabet dominated. Typography for Japanese characters is fascinating - three different languages almost, sitting in the same sentence, the cadence of language reflecting in the angles or spacing, the possibilities are an order of magnitude more complex than English - and an order of magnitude more rewarding. http://www.flickr.com/photos/esthet/3454734/ http://www.flickr.com/photos/esthet/3454734/ - beauty in calligraphy http://www.kfstudio.net/himaji/ http://www.kfstudio.net/himaji/ - cute fontface for Kanji http://www.lukew.com/ff/entry.asp?111 http://www.lukew.com/ff/entry.asp?111 - a good primer

batista 14y ago
>Yes, and it will radically change as the web stops being English / Latin alphabet dominated. It will never stop being English/Latin alphabet dominated for the English (Americas, Australians, etc) though. So, it's not like english web designers will see any major change in their work, or english web users...
- lifeisstillgood 14y ago
  Well, I suspect we shall see words entering our lexicon from China - every right thinking 人 would agree :-)
  - batista 14y ago
    Like in a Bladerunner/Neuromancer cross-culture like future. Maybe, maybe.
    - pyre 14y ago
      Don't forget Firefly!
      - lifeisstillgood 14y ago
        I goram won't !

deleted 14y ago

[deleted]

andrewingram 14y ago

I've been a proponent of this approach since I first read this article back in 2006, but I think it can be generalised. The main case to be made is for a methodology of "content out", which is to design the primary content areas of your site before your worry about things like sidebars, global navigation and other decoration. In the case of text-heavy websites such as blogs and news, this means to start with typography - when the content is the writing, the typography is the design. If you're making a video website, your first step should be to make a great video player, then presumably video description, comments, related videos and finally site-wide design. If you're making a to-do list, make the list look great before you do anything else.

BaconJuice 14y ago

This is sort of off-topic, but does anyone know what kind of theme/blogging software this blog is using?

mrlinx 14y ago
Looking at the code, I'd guess Wordpress + iA4 theme
- BaconJuice 14y ago
  Any ideas where I can find this theme? Tried looking no luck =/

ans 14y ago

well maybe, but then one should make a distinction between web application, and just plain websites. designing one may be 95% typography, but the other is about much, much more.

tpowell 14y ago

I don't see a link to it but this is a FANTASTIC little tutorial on web typography: http://www.dontfeartheinternet.com/css/don%E2%80%99t-fear-web-typography http://www.dontfeartheinternet.com/css/don%E2%80%99t-fear-we...

akdetrick 14y ago

"Choosing a typeface is not typography" I really appreciated this point. Too often people confuse knowledge of fonts with typographic knowledge or skill. Understanding how to set type is far more important; correctly choosing a good measure (line length), margins, leading (line-spacing), and a meaningful hierarchy of font sizes (among other things) all have a huge effect on readability. For anyone interested in learning more about typesetting, I recommend "The Elements of Typographic Style" by Robert Bringhurst.

esrauch 14y ago

Am I alone in finding the fi ligature generally annoying/difficult to read in general? I see it in print occasionally and it always feels like a kerning mistake that is hurting my ability to quickly parse the letters.

mattlong 14y ago

What exactly makes Khoi Vinh's website[1] notable? Not trying to be negative; I'm genuinely curious. I wouldn't have given it a second thought if I came across it in the wild. To my (untrained) eye, it's typography consists of a single font that is almost always too small to be readable. [1] http://www.subtraction.com/ http://www.subtraction.com/

msutherl 14y ago
6 years ago or so, when I first came across his website, it appeared as a revelation. His use of typography was very advanced at the time. I agree it looks rather ordinary and a tad busy compared to today's standard.