The Perfect Paragraph: A Web Typography Learning Game (betterwebtype.com)
almost 4 years ago from Matej Latin, Senior Product Designer at GitLab
almost 4 years ago from Matej Latin, Senior Product Designer at GitLab
Beautifully made site! Love it, and I think it instills some best practice methods. But I think it’s hard to justify (heh) a one-size-fits-all solution for typography. While font size, leading, tracking, and line width should all be considered, the beauty of graphic design is that you can manipulate these all independently. Obviously if your use case requires strict legibility for a particular audience or medium, then you should adjust accordingly. And while I believe the old adage that “typography is a beautiful group of letters, not a group of beautiful letters”, the impact of great typography often comes from pushing the boundaries of scale and balance. To quote David Carson, “Don’t confuse legibility with communication”. In short, there’s no perfect paragraph.
Hey Simon, I'm glad you like the game :) You raise a few very good points but I guarantee that the goal of the game isn't to provide a one-size-fits-all solution. The goal is to teach people that exactly because in it's so easy to manipulate text in digital graphic design, people need to consider those three things together. In short: just because you can do things with type, it doesn't mean that you should. I personally do believe that in typography, if done well, anything goes. Cheers, thanks for the feedback ;)
I've been recently brushing up my Typography skills since I noticed I could improve a lot there. It's been really fun to look at this from all angles (both history and print and modern web). Will certainly follow the lessons as I'm still 'way off' at some things.
Thanks, I'm glad you'r finding value in it. The line length levels are a bit harder for everyone. I've seen people taking up to 20 attempts to get to 100/100 :)
Hi, I really like the game and the idea, but it doesn't tell you how to improve. So you are telling me things like "Way off!" but not how I should have done it. It is not very educative tool without giving the right answer, and just a simple "triangle indication", that after 3 excersises I forgot what it means if it goes to the left.
That's great feedback, thanks. If the app said: "the line-height is too large" still keeping it generic but a bit more explanatory at the same time, would that be more helpful?
yes, explanation would help. i tried to make sense out of the triangles but still can't really tell how off i am. or maybe, the triangle isn't the best idea.
It would also be helpful to add why "the line-height is too large"
Slick game, it'd be nice to know more clearly what side of the spectrum you were on (too big, too small, too wide, too narrow, etc.) and how to improve.
I thought the triangle leaning one way or the other, or the base being wider or narrower showed that?
Hmmyep, I like this a lot – great work Matej!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now