Simone is a graphic designer who loves technology, design and who is always looking for new trends and innovative concepts. He also likes to give tips and to share his knowledge with other tech-lovers.
Typography Cheat Sheet: The 6 Big Mistakes to Avoid
Typography is one of those strange skills — too mathematical to be pure art, but a touch too intangible to be pure science.
Our modern life is awash with text, so all front-end devs really need to have a thorough working knowledge of the “art of arranging type”.
So, let’s run through a quick-fire cheat sheet of some of the most common typography mistakes — and ways to avoid them.
Mis-judged Text Line Lengths
Many designers tend to not pay enough attention to the number of characters in an average line of their text and adversely affect the readability of the text.
Happily, this is an easy mistake to avoid, as the optimal length has long been identified.
The great Swiss typographer, Emil Ruder did a lot of work on this topic in the 1950′s.
In his seminal essay, “Typographie: A Manual of Design”, he concluded that the ‘sweet spot’ for line length was around 50 or 60 characters.[caption id="attachment_77403" align="alignright" width="179"] Shorter line lengths
slows comprehension as
the eye spends more time
tracking back to the next
His tests found readers had more difficulty tracking from one line ending to the start of the next when scanning longer, horizontally strung-out texts. In fact, readers would often have to re-read the previous line to ensure they had located the next one.
The Three Typography Books All Frontend People Should Read (and Why)
In 2006, Swiss-based Information Architect, Oliver Reichenstein, estimated 95% of all information on the web was text-based. He reasoned that therefore, web design was 95% typography. Although photojournalists, Netflix and Youtube might argue otherwise, in 2014 the vast majority of web-based communications — the article headlines, online books, tweets, social updates, forum posts and blogs […]
Photoshop 101: Design an Almost Flat Calculator App Icon
It’s 2014: Everyone you know has a web-ready phone, and it seems like every second person you talk to dreams of creating their own chart-topping, million-selling app. This has lead to a truly crazy proliferation of apps available across the various, different online stores. On October 2013, Apple announced their millionth app in the App […]
Creating Textured Typography Using Photoshop
I come across a lot of people — often small teams ‘all-rounders’ — who use Photoshop in their job, but never really learned it. Today we’re going to make something new, but we’ll also cover off some useful foundation skills (Photoshop gurus: you’re excused). Let’s get started! So, we all know that flat design is […]
Top 5 Best New Fonts for 2014
So, 2013 has come and gone, along the way ushering in as many new trends, as it has seen out. Although the concept of simplicity in design is never truly out of fashion, it has arguably assumed an even more central role in web design, as a primary method to make websites and their content […]
How to Create a Calendar App Icon in Photoshop
Every day, new mobile applications are launched and the number of people that use apps continues to grow rapidly. The creation of a successful app is something that concerns programmers as well as designers. Sometimes graphic designers may need to realize the design for apps or to draw effective icons for them. That’s why, in […]
Create Mouthwatering Bread Typography in Photoshop
Tasty typography can strengthen your message and garner strong reactions from hungry viewers.