Innovaccer Design
Published in

Innovaccer Design

For TYPE sake

For type sake poster

How do we manage to commit such crimes? Does it happen on its own? Was it intentional? Unintentional? Or was it just a typo? Majority of us will say it was an unintentional mistake, get over it. But what about the user? Poor them they get misled by these small crimes. On the other hand, it also affects our personal, professional and social image and we all dearly care about these. Right? But unknowingly we end up making that one silly type-crime that makes our designs look really weak.

Here are some type-crimes making our designs ugly and visually disturbing.

Smart or Dumb? You decide!

Are you dumb enough to fall for this trap? No! You are smarter than this, just keep these rules in mind while using them in your designs and never make your designs look dumb.

Example of dumb quotes and smart quotes

Similarly, while using an apostrophe in your designs, always trust the Trull’s Law of apostrophes.

Trull’s law of apostrophes

The burden of widows & orphans

Designers, not paying attention to widow and orphans can make your designs look none other than a widow and an orphan. Always get rid of them and never mess up with the reader’s flow.

Example of orphan and widow

Everyone needs space

Yes! Even your designs, but in an adequate amount. Never put two spaces in between sentences, it is uncalled for and ends up ruining your designs. See it for yourself.

Example of orphan and widow

Stick your punctuations inside the quotes

Always remember this ‘period’ and ‘comma’ go inside the quotation marks. They are never used outside the quotation marks.

Correct use of punctuations and quotes

Similarly, putting too many punctuations will ruin your designs too. Yes, it’s true too much of anything is bad.

Correct use of punctuations and quotes

Don’t get high on hyphens

We mean it, don’t get high on them. They are too dangerous and confusing for both grammar and your designs. Be careful when you are using them. When you are confused, read about it a little, trust us it will work wonders for you.

Correct use of the hyphen, en dash and em dash

Know what you want to emphasize

In the name of emphasis or otherwise, never use the entire body text in uppercase. It will be a disaster. You’ll strain so many eyes.

Body text in uppercase

Avoid designs that will give your users a headache

Be cautious when you pick colors, especially a combination like white text on black background often strains the reader's eye.

Example of white text on black background

Justify what is right

Your text shouldn’t flow like a ‘river’, because a poorly justified text will get you nowhere. You’ll often find this in newspapers. Don’t take it as an example.

River type-crime

Rags to ridicule

There is always a way to fix your paragraph alignment, trust us it’s not that tough. Just focus that your text shouldn’t look uneven and end up making an ugly wedge shape.

Rag type-crime

Verticle text for type sake

Generally, you’ll see these on the spine of books. If you see closely they are not stacked one on top of each other. Instead, they are beautifully designed to be consumed seamlessly.

Examples of vertical text

No negativity in letterspacing, please.

Look, how it will damage your designs.

Negative letterspacing

Make your designs bulletproof

But don’t go overboard and bullet everything to emphasize things. Instead, stop and reflect when and where to put it.

Many signals can ruin your designs

It’s true, too many signals confuse the hell out of your user. Why give them hell when you can give them heavenly designs.

Example of too many signals

Correct spacing for type sake

Sometimes your auto spacing can give your designs an uneven look. Whenever possible adjust them to make it seamless and beautiful. Don’t blindly rely on auto spacing every time.

Correct spacing for type sake

Don’t mix up too much

Mixing too many typefaces can make your designs look indifferent. Mix your typefaces wisely.

Examples of mixed typeface (Helvetica Neue)

Italics slanted letters

Never slant your letters to make them look like italics. They are not slanted letters. Let them take their proper distinct form even when certain fonts make them look slightly upright.

Slanted letters are not ITALICS

Use proper accent

Accent marks are essential, never leave them behind. Give your type, proper accent it needs.

Example of accent marks

Margin is crucial

Don’t trap your type in a tightly designed box, give them enough breathing space, because proper margin for type is crucial.

Example of good margin and bad margin

Abbreviation can be confusing

Here is an example for you.

Example of example

Concluding word

After this long list, we don’t think it’s appropriate to ask you all what’s your type-crime. For type, sake keep these in mind and never go wrong again.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Charmaine Paul

Charmaine Paul

Always overbooked & bookmarked | UX Writer | Content Designer | Inclusive Writer