When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Create A Type Scale (UI Design Bootcamp, Week 5)

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 31 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Create A Type Scale (UI Design Bootcamp, Week 5)

Intro

Vertical Grid

Visual Hierarchy

Type Scale

Create Type Scale

Create Type Scale 2

Design System

Figma

Sketch

Other Software

Styling

Ligatures

Small Caps

Letter Spacing

Kerning

Paragraph Alignment

Numbers and Data

Typographic Systems

Summary

What You Will Learn?

  • The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have a huge impact on the experience of your users.If you're designing using a web application, you're making decisions about typography, colour and composition. These will affect the branding, style, usability and user experience of your application. You're already making these decisions but are you aware of their impact. Very subtle use of typography and colour can have enough personality that we don't need any other visuals. We can give life to a dull block of text and it can make it easier or harder for our user to read. Getting a few simple choices right can make or break the application..
  • Week 5: Create A Type SystemTypography is 95% of what we see on a web application, it dictates every other design decision. yet few people really stop learning how to use typography to their advantage..
  • This week we'll see what extra style can we add to our typography and how can we use this to improve our visual hierarchy. Then we'll build our own typographic system..
  • Is this course for me?Ideally, you'll already have spent some time designing websites and/or applications. Every aspect of the course is created with beginners in mind but you may find you get more out of the course if you've already created some designs. You'll also ideally need to know how to use some design software. I recommend Figma, but Adobe XD, Invission Studio, Sketch or some similar software will also be okay..
  • The course is created with designers in mind but it may also be of interest to front-end developers or product owners. .