signal-bg

Friday    |    10.03.17    |    Specifications

Typography tips and guides for designing Custom printed fabric labels

The typography in your designs speaks even before the words are being red. To master the art of typography you need a long time practice, starting from the basics. However here we will present you a simple guides and free resources that you could use when designing your labels.

“The typography is a tool of expression.
Don’t underestimate it!“

Here are the main design principles that apply for typography design:
Simplicity - use only the amount of text that is absolutely necessary in order to get your point!
Consistency - apply the same formatting and style typography throughout the space.
Clarity - keep sentences short, use familiar phrases, explain it strictly to the point
Balance - balance out the grids using symmetrical or asymmetrical layouts by balancing the elements
Harmony - ensure the all the styles appear to belong together


1

Choosing Fonts

There are certain fonts that are often used for label layouts for a reason.
1. Use font families that have at least 3 widths so you can use them for the hierarchy of the typography when designing, look for a condensed font in the cases you have more text and less space!
2. Use fonts that support different languages if your information is multilingual
3. Use Sans serif fonts if the type is smaller that 5mm in hight-it will read better when printed
4. Pair only 2 different styles of fonts. If you use many different styles won’t appear appealing on a small space
5. http://flippingtypical.com/# - Compare the most used fonts for labels

Most used fonts for fabric labels


2

Typography Layouts

For the purpose of designing a label you have limited space with a lot of text to fit. In this case aim to classify the information in design grids with a dynamic formatting of the type. Here are a few examples:

Typography Layouts for Custom Printed Fabric Labels




3

Formatting

It is not enough to choose the right font and type the information. In the case of designing a label there are some specifics when formatting the letters and the paragraphs. We have the information, we have the grids now we should format the text in a professional manner: Keep an eye on the following:

Contrast - The contrast is important for dividing the information. You can acheive it it when using different colours, sizes, dividers, white space or different widths. The eye of the viewer scans better through the information when is divided by a contrast.
Hierarchy - keep the size of the lines in hierarchy using different size and width for more important information.
Leading / Tracking - when designing on small space and you need to use smaller size letters is better if there are condensed as they read better. If the hight is more than 4mm though you can style the font with more space between letters.
Aligning - watch out for the alignment of the text paragraphs. Do never use ‘Justify all lines’. Align left is the most commonly used option.
Sizing - do not use smaller characters that 3mm as they won’t be readable
Non-hyphened - do hot use hyphenation



4

Free Resources


Useful Links for downloading fonts
Free fonts to download

https://www.fontsquirrel.com/ - hand picked fonts for you
http://www.losttype.com/ - hand picked fonts for you
https://befonts.com/ - hand picked fonts for you
http://www.myfonts.com/ - all fonts in one place

Fonts Pairing Inspiration

https://fontsinuse.com/ - Fonts used in pairs
https://www.canva.com/font-combinations/ - Select a font and find the best comination
https://justmytype.co/ - A collection of pairings
http://incredibletypes.com/ - Inspiration of fonts in use

Psychology of typography

http://www.texteffects.co.uk/2013/05/10-top-typography-infographics/ - Infographics inspo
https://www.pinterest.com/signallabels/typography/ - Pinterest Board of Inspiration
https://www.fontshop.com/glossary/- Glossary of typo terms

Useful typography tools online

http://www.myscriptfont.com/ or http://www.yourfonts.com/ - Make your handwriting a font
https://www.myfonts.com/WhatTheFont/ - Find the font from a picture
http://www.fontreach.com/ - Find any font on the web
http://flippingtypical.com/ - Compare most used fonts
http://tiff.herokuapp.com/ - Compate Typefaces
https://fontstruct.com/ - for designers

back