416-296-0055

NetwynNetwyn

  • Home
  • About
  • Services
  • Blog
  • Contact Us

How this interactive map uses machine learning to arrange visually similar fonts

Thursday, 11 May 2017 / Published in Blog

How this interactive map uses machine learning to arrange visually similar fonts

After exploring how machine learning can be applied to various creative challenges, designers at IDEO bring AI to the world of fonts. 

 

Even for professional designers, choosing a font type can be daunting. The usual game plan is to stick with the tested and few very rarely branch out to explore the uncharted font territory. In an effort the change the status quo, design consultant firm IDEO created Font Map. This is interactive tool lets you browse through fonts by clicking on them and seeing ones similar nearby.

 

 

IDEO: The Brains behind the Map 

 

Kevin Ho, IDEO software designer, built the map using a machine learning algorithm that can sort fonts by visual characters. He based the map on two open-source algorithms. A neural network called VGG16 generates the fonts into a list of numbers, representing notable visual features. The second algorithm he used called T-SNE, that essentially takes large vectors and compresses them into a small space.

 

The algorithm generates clear clusters that correspond to the traditional typefaces like cursive and san-serif.

 

“Designers need an easier way to discover alternative fonts with the same aesthetic — so I decided to see if a machine learning algorithm could sort fonts by visual characteristics, and enabling designers to explore type in a new way,” he wrote in a blog post.

 

The resulting map organized over 750 fonts available for free through Google Fonts.

 

How is Font Map Different? 

 

Even if you are not a designer, the map is pretty fun to mess around with. While there are similar tools like Identifont and Typewolf, IDEO’s tool makes it quick and easy to browse.  

 

“I’ve read about a lot of work in the AI research community around computer vision. Algorithms are now able to perform some basic visual recognition tasks as well as people can. This made me wonder whether this new capability in visual recognition could be applied to the visual decisions designers make in.” Ho stated in an interview  

  • Tweet

What you can read next

Smart TVs: Security Flaws that let Hackers right into your Home Network
Tips for Staying Safe in the Clouds
5 tips on how to make “The Perfect Business Card”

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Google Jamboard

    The Google Jamboard is a tool developed by Goog...
  • Google Drive is making it easier to backup all your files

    If you don’t have an offsite cloud storage plan...
  • Google’s teaching kids how to fight trolls and hackers with Interland

    “Google is launching an educational progr...
  • Website Design Fails that your Business Is Probably Making

    Creating a new website or redesigning your exis...
  • WannaCry Ransomware: Dangerous Strain called “Eternal Rocks” discovered by Researchers

    Just as the reverberations from the WannaCry ra...

Useful Links

  • Home
  • About
  • Services
  • Blog
  • Contact Us

Services

  • Website Design & Development
  • WordPress Website Development
  • eCommerce Website
  • Search Engine Optimization
  • Shopify Website Development
  • CMS Website Development
  • Responsive Web Design
  • Logo Design
  • Office space

FOLLOW

  • Our Blog
  • Facebook
  • Twitter
  • LinkedIn

Contact Us

10 Thornmount Drive
Toronto, Ontario
M1B 3J4, Canada

+1 416-296-0055

© 2018 Netwyn

TOP