Apple’s Future: Bold Types in iOS

#Typography
#Readability
There is nothing bolder than sharing your new designs with the world.
7 min read·
Published on May 20, 2021 by
Author Image
Kimberley Buyeo
Social Media Specialist
About Header Image

Apple has been making bold changes to iOS over the past few years. They have slowly gone back to their roots and are now using bold typography everywhere. One of the reasons for this is because we are seeing larger screens on iPhones, such as the iPhone 11 and iPad Pro. Accessibility also plays a role in why we see more large fonts; with billions of people tuning into their phones every day, designers need to cater to people of all ages by using bigger typefaces that can be seen from afar.

Typography Basics

Typography is the how typeface, size, style and other qualities are combined in written or printed material.

The word “typeface” can be confusing because it has two meanings; one meaning refers to fonts such as Helvetica Neue or Neue Haas Grotesk while another meaning refers to a specific design of letter.

Typography is a vital part of both the design and content. It’s also one that you may not be familiar with unless you study or do some research on typography basics before diving into iOS design.

ImageBlog

Tip #1: Know when to use Helvetica Neue and Neue Haas Grotesk

A Helvetica Neue is the safe choice for iOS design because it has a crisp, clean look that is easy to read on any screen size. The best thing is that Helvetica Neue is available for free on the App Store. But also ensure that the user has iOS 11 or later with a compatible device in order to use the font.

Know when not to use Helvetica Neue

Helvetica Neue should never be used in headlines if you want users to have better readability on larger screens such as iPads. Make their experience more enjoyable by adding space between each letter instead of letters running into one another which is what will happen with Helvetica Neue at small sizes. This tactic also helps avoid unnecessary scrolling from line-to-line so they're able t enjoy your content without

Experiment with Neue Haas Grotesk

Neue Haas Grotesk is an excellent font to experiment with because it has a modern, clean look. You can use this typeface as the main text and make sure that you don’t go overboard by only using Neue Haas Grotesk for titles or subtitles.

Tip #2: Align with readability in mind

There are different ways to enforce structure since elements are properly aligned and spaced.

Choose fonts that come in different weights

Even if you want to stick with a single typeface, it’s important to know which one will work best for your project. For example, lower case might be better suited for headlines while uppercase are more appropriate for titles and captions.

The future of Apple is not so much about how they innovated but rather how they have evolved as an organization over time using lessons learned from their mistakes and failures. They also realize the need to adapt quickly when new technologies arise such as AR and VR devices because those devices can lead them into untapped markets like education or medicine where even now we feel there may still be some innovations yet to come out

ImageBlog

Tip #3: Pick fonts that have a lot of weights

Generally fonts come in three or four options: regular, italic, bold and black. A font may also come with a set of weights that range from light to heavy.

Since iOS 11 we’ve seen the return of large typefaces which has been celebrated by designers because it gives them more room for creativity and flexibility when designing interfaces. The downside is that many people don't like how much they have to scroll on their phones so some apps such as Facebook now default to showing only one post at a time instead of scrolling endlessly through an endless feed

Avoid using fonts with too many weights unless absolutely necessary

A good rule of thumb would be to use two-three weight variations maximum per page but you can always break this rule to ensure that there’s a break in the text which will make it easier on readers.

Another useful technique is to use fonts with more than two weights for headlines or subheadings where you want certain words to stand out against others.

The downside of using heavy weight variations is that they may not render well on all devices so be sure to test your designs before publishing them online and have backup plans ready if anything should happen when rendering such as blurry text, incorrect spacing between characters etc.

Italics, bold and black font styles are widely used because italicized words can add emphasis without interrupting a reader's flow while also being an aesthetic visual element at the same time (creates contrast) whereas strong typography draws attention

Tip #4: Pick body fonts that have a wide letter-spacing

Usually, the fonts  that have wide letter-spacing will make the text more readable and easier to take in. It is important that you choose a font that best matches what your website has to offer as well as ensuring readability for all. Some fonts may be considered too difficult on readers or not easily legible, so it’s always recommended first check out how much spacing there is between each character before choosing which typeface to use.

Consider page length when picking typography styles

Different typographic designs work better with different lengths of pages depending on whether they're long form content (2000+ words), short articles (<1000 words) or something else entirely like a blog post title. When you are designing shorter pieces basic fonts are recommended. For longer pieces you can be more adventurous with your font choices, and for something like a blog post title the typography should complement both the content and the feel of where it will live on your site.

ImageBlog

Tip #5: The font size should be at least 11pt for the iPhone, Ipad, and Apple Watch

Although the font size should be a minimum of 11pt, the recommended size for the body text is 15-19 pt .

This is a good size for typography on the iOS app.

As seen in the right screen, the font size on your device is important.

This will help with readability and decreasing eye strain when viewing content for extended periods of time.

The recommended font sizes are 11pt for iPhone, Ipad Apple Watch; 15-19 pt for body text (long form). This ensures that you will be able to see everything clearly without having any issues reading it. It also helps prevent eye fatigue from looking at screens all day long! There’s a lot more to typography than meets the surface! These tips can make a huge difference in how readable we find our content as well as keeping them fresh and beautiful! Just remember these five tips: use basic fonts if designing shorter pieces

ImageBlog

Summary

To sum up this its very important that you have your typography down pat. Typography is important because it can increase readability and decrease eye strain when viewing content for extended periods of time. This ensures that you will be able to see everything clearly without having any issues reading it. It also helps prevent eye fatigue from looking at screens all day long! If you made it to this last piece of tips, you are ready to go building strong and beautiful typography system for your iOS app design!

Author
Service Header Image
Kimberley Buyeo
Social Media Specialist
Similar articles by Bonnie studio

What You Need to Know for Designing Priceless User Experiences

The steps you take to make your work professional, when designing apps and websites.

Bonnie studio's react components plan and strategy in place

How we built Bonnie studio and the importance of having strategy in place for components in development process.

Apple’s Future: Bold Types in iOS

There is nothing bolder than sharing your new designs with the world.

The Power of Storytelling in Your Graphic Design Portfolio: 7 Techniques

The portfolio is an invaluable tool that can make or break your career. This guide teaches you the power of storytelling in your own graphic design portfolio.

Don't want to miss anything?

Get weekly updates on the newest articles about design and tips right in your mailbox.


Bonnie.Studio