🚨 Heads up! This course is no longer supported. Check out our Figma Essentials course - it's our go-to UX design tool.

Check what other font’s people have used

Course contents
SECTION: 12
Working with Illustrator 10:07

Questions

1
You are not following this thread
2
You are not following this thread

Course info

89 lessons / 10 hours 32 quiz questions 17 projects Certificate of achievement

Overview

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.
 
Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.
 
This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!
 
First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.
 
I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.
 
An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.
 
One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.
 
There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.
 
It is now time to upgrade yourself & learn Adobe XD. 


What are the requirements?


  • You will need a copy of Adobe XD 2018 or above. A free trial can be downloaded from Adobe.
  • No previous design experience is needed.
  • No previous Adobe XD skills are needed.

What am I going to get from this course?


  • 87 lectures of well-structured, step by step content.
  • Learn to design websites & mobile phone apps.
  • Work with fonts & colors. 
  • Prototype your designs with interactions. 
  • Test on mobile phones. 
  • Send your designs for feedback & commenting.
  • Export production ready assets. 
  • Create your first UX brief & persona. 
  • Create quick wireframes. 
  • How to use premade UI kits. 
  • Learn professional workflow tricks & shortcuts. 
  • You will get the finished files so you never fall behind
  • Downloadable exercise files
  • Forum support from me and the rest of the BYOL crew
  • All the techniques used by UX professionals

What is the target audience?


  • This course is for beginners. 
  • Aimed at people new to the world of design & user experience. 
  • No previous Adobe XD experience is necessary.
  • For anyone that needs to add ‘UX Design’ to their portfolio.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

How to earn your certificate

Work your way towards your certificate for this course by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz (Merit level courses only)
  • Complete the Distinction Certificate Project (Distinction level courses only) - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Request your certificate when you've completed the requirements for the certificate level you're working towards

Good luck!

Pass certificates

We're awarding 'Pass' level certificates for this course.

You can work your way towards your 'Pass' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Don't forget to request your certificate when all your projects are complete

Good luck!

Merit certificates

We're awarding 'Merit' level certificates for this course.

You can work your way towards your 'Merit' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Downloads & Exercise files

Transcript

Hi everyone, in this video I want to show you...

ways of checking what other people's fonts are...

let's say this site here, potential competitor...

you want to know what font they're using...

I like this one, because it's, it's clear and it's slightly condensed...

so that you can fit a lot in these categories.

So let's say you want to know what it is, what you can do--

I'm using Chrome, potentially the most common of browsers...

you might not be using it...

so you'll have to figure it out for your own one, or install Chrome.

Let's say this one here, you just right click it...

and you can go to this one called 'Inspect'...

so on a Mac you might have to 'Option' click it...

and this thing appears, and you might have to drag it around...

and move it around a bit.

What you're looking for is, on the side here...

is this thing called 'Computed'...

Computed would tell you, eventually - you might scroll down a bit.

- what the font family is, and you can see...

in this case it's Roboto Condensed, and you're like, "Awesome."

So I know what font it is, then you can go to...

something like Adobe Fonts or Google Fonts...

or search the internet, and just go, I want to find a Roboto...

super common body copy font...

and you can see there's a couple, there's a Roboto Slab...

this looks more like it, and in here there is a ton of...

different weights and widths.

So that looks like, there is Roboto Condensed, and that looks like it.

So you can then activate it, I've already...

I'm using Roboto for another project, but there you go...

it's a Google font, you'll find it in there as well...

and yeah, so that's how you potentially can do it from websites.

Let's say that you just have a screen grab or a PDF, or something...

what you can do is, you can--

you'll need a JPEG or a PNG version of it...

so these are from our Mood Boards, and I really like that font there...

wonder what it is.

What you can do is, weirdly at Adobe, doesn't matter where you are...

it seems you can just drag something in...

there's an official way, and it's called, not sure...

wait for it to load...

Visual Search...

I imagine it's under Fonts, and it is in there somewhere, you'll find it.

I just dumped it in there, it says, "Is this the font you want?"

You can kind of move this around to the things you want...

I'm like, "Nope," that was good, I kind of wrecked it...

next step, it's going to try and guess the text...

I've moved it off, it finds it tough...

with these really thin parts of these Serifs...

so I'm going to type in "Tea store", there you go.

It gets it normally, and then it's going to give me some fonts...

look at that, and it's pretty close, it's not exact...

can you see, there's like little air here, the little pokey add-ey bit...

that's different, can I see any of them that have that one?

It depends as well, you might be like...

actually yeah, I like that ear there better, that has the little flat end...

or you like the one that has this little bit...

and it just gets you close, and then you can activate them...

and start working on them.

It's not always going to get them, it can do...

there's other services.

What the font, is a cool one...

that I used to use, but I've started using Adobe Fonts...

because it's nice to find something close enough and activate it...

and start working in my design concepts.

All right, that is kind of exploring fonts...

that are already out there online or in pictures...

and kind of grabbing them and using them in your design...

oh, little side note, Adobe has an app called Adobe Capture...

it's on Android and iPhone...

and you can actually do that on the fly...

while you're kind of moving around, it's kind of cool.

So if you're out and you're like, "Oh, that's cool"...

you can actually try and capture the font live on your phone...

and it will download and install it for you...

all right, that is it, let's get on to the next video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • Cookie policy
  • © Bring your Own Laptop Ltd 2026