Booking options
£25
Course Images
Level 3 Diploma in Typography for UI Designers
By John Academy
(43)- 30 Day Money Back Guarantee
- Completion Certificate
- 24/7 Technical Support
Highlights
On-Demand course
8 hours 51 minutes
All levels
Description
Description
Explore the basics of typography for web and mobile UI to make your design powerful with the Level 3 Diploma in Typography for UI Designers course.
The element of every layout is essential while designing a website. The course starts by explaining the typography terms and anatomy. You will learn to create amazing web and mobile app design by using meaningful fonts. The use of fonts, line-height and letter spacing, Google android typography, using Vertical Rhythm in Bootstrap will be discussed here. Then you will learn to balance balancing your design by using LEGO Blocks method. Finally, the procedures for connecting your Photoshop Screen to iPhone or Android Device, and many other essential concepts will be reviewed in the course.
Shortly, the course covers the concepts of Font Pairing, Web Typography, App Typography & Vertical Rhythm.
Entry Requirement:
NOT for Novices (Must have some Photoshop Experience)
Web Designers
Mobile App Designers
All Designers who think their design have something missing
Web Developers
Graphic Designer
Assessment:
At the end of the course, you will be required to sit an online multiple-choice test. Your test will be assessed automatically and immediately so that you will instantly know whether you have been successful.
Before sitting for your final exam, you will have the opportunity to test your proficiency with a mock exam.
Certification:
After completing and passing the course successfully, you will be able to obtain an Accredited Certificate of Achievement. Certificates can be obtained either in hard copy at a cost of £39 or in PDF format at a cost of £24.
Why choose us?
Affordable, engaging & high-quality e-learning study materials;
Tutorial videos/materials from the industry leading experts;
Study in a user-friendly, advanced online learning platform;
Efficient exam systems for the assessment and instant result;
The UK & internationally recognized accredited qualification;
Access to course content on mobile, tablet or desktop from anywhere anytime;
The benefit of career advancement opportunities;
24/7 student support via email.
Career Path
After completing this course you will be able to build up accurate knowledge and skills with proper confidence to enrich yourself and brighten up your career in the relevant job market.
Introduction to Typography | |||
1.2.Intro to typography course | 00:05:00 | ||
1.3. how typography cousre is laid out | 00:02:00 | ||
1.4.What are Font Families | 00:05:00 | ||
1.5.typography-antomy-terms | 00:07:00 | ||
1.6.Humanist Old and Transitional | 00:07:00 | ||
1.7.Sans-Serif Script Other Sans | 00:06:00 | ||
1.8. Line-length in Typography | 00:03:00 | ||
1.9.Alignments of your text | 00:05:00 | ||
1.10.Line-height matters | 00:07:00 | ||
1.11.Letter Spacing kerning | 00:05:00 | ||
1.12.exercise to apply all we learned | 00:11:00 | ||
More about Typography | |||
2.1.Different Types of Hyphens & Dashes | 00:02:00 | ||
2.2. About Quotation Marks | 00:03:00 | ||
Typography Scales and Grids | |||
3.1.1Expanding Scales-NEW | 00:07:00 | ||
3.1.Roles Of Typefaces-1 | 00:05:00 | ||
3.2.Typography Scale-1 | 00:03:00 | ||
3.3Type Hierarchy Online Tools | 00:05:00 | ||
3.4.How Many Levels Of Hierarchy-update | 00:03:00 | ||
3.5.Vertical Rhythm-updated | 00:05:00 | ||
3.6.Vertical Rhythm In Photoshop | 00:07:00 | ||
3.7.exercise Vertical Rhythm-1 | 00:12:00 | ||
3.8.modular Grid | 00:11:00 | ||
EXERCISES: Modular + Baseline Grid Design Ultimate Exericse | |||
4.1.prepare Modular Grid For Design Exericse | 00:11:00 | ||
4.2.Modular Design part 1 | 00:16:00 | ||
4.3.Modular design 2nd | 00:10:00 | ||
4.4.Modular Design Refining the design | 00:03:00 | ||
4.5.Modulr Design 3rd Layout | 00:10:00 | ||
How to Select Fonts? | |||
5.1.how Many Fonts | 00:05:00 | ||
5.2.Moods Voices Of Typefaces- | 00:13:00 | ||
5.3.colors Efffect On Typo | 00:04:00 | ||
How to Pair Fonts? | |||
6.1.Font Pairing Intro-Updated | 00:04:00 | ||
6.2.X-height Matching | 00:05:00 | ||
6.3.Contrast Matching | 00:10:00 | ||
6.4.Look For Similar Features | 00:10:00 | ||
6.5.Avoid Too Similarity | 00:04:00 | ||
6.6.Pairing Fonts Same Family Designer | 00:05:00 | ||
6.7.Online Tools Font Pairing | 00:06:00 | ||
How to get Variation in text for Great Designs | |||
7.1.variation with bold italic | 00:04:00 | ||
7.2.variation with colors | 00:03:00 | ||
7.3.Variation with Reverse-colors updated- | 00:03:00 | ||
7.4.variation with lineheight | 00:04:00 | ||
EXERCISES: Dribbble LEVEL Designs | |||
8.1. Dribbble Hero Design preperation | 00:05:00 | ||
8.2.dribbble Hero Design V1 Part 1 | 00:16:00 | ||
8.3.dribbble Hero Design V1 Part 2 | 00:16:00 | ||
8.4. Dribbble Hero Variation Intro | 00:04:00 | ||
8.5. Dribbble Hero Variation 2 Part 1 | 00:08:00 | ||
8.6. Dribbble Hero Variation 2 Part2 | 00:06:00 | ||
Exercise: Social Media Ad Design with 3 different fonts | |||
9.1.summer Discount Ad DesignPreperations | 00:04:00 | ||
9.2 Preparing base of design | 00:07:00 | ||
9.3. Adding Text and styles | 00:14:00 | ||
9.4.final Adjustments | 00:03:00 | ||
Nature Health Themed Typography Exercises | |||
10.1.juicy Design Exercise Preperations-1 | 00:03:00 | ||
10.2.making Of Juicy Design-2 | 00:16:00 | ||
10.3.juicy Designs Final-3 | 00:12:00 | ||
Typography for Iphone and Android App Designs (Mobile App Typography) | |||
11.1 Intro IOS point sizing | 00:05:00 | ||
11.2.IOS Font Specs | 00:03:00 | ||
11.3.Designing multiple IOS Screens | 00:14:00 | ||
11.4. Student Question About Resoltutions | 00:14:00 | ||
11.5.connect Your Iphone With Photoshop | 00:05:00 | ||
11.6. Android Typography | 00:04:00 | ||
11.7.android Design Exercise For All Sizes | 00:09:00 | ||
Typography for Web Developers | |||
12.1.Using Google Fonts | 00:04:00 | ||
12.2.using Premium Fonts | 00:06:00 | ||
12.3.Intro to css font sizigin | 00:03:00 | ||
12.4.what Is Em Font Size | 00:08:00 | ||
12.5.What is rem font size | 00:05:00 | ||
12.6.How percentage font size works | 00:04:00 | ||
12.7.How vw font unit works | 00:04:00 | ||
Responsive Typography for Developers | |||
13.1.how Vertical Rhythm Works In CSS | 00:08:00 | ||
13.2.Gridlover Exercise | 00:08:00 | ||
13.3.custom Typographic Scale Boostrap-3 | 00:13:00 | ||
13.4.dont Use Code From Typescale | 00:02:00 | ||
New and Latest in Typography | |||
14.1.responsive Typography Intro | 00:07:00 | ||
14.2.different Ratios And Scales In Responsive Typography | 00:10:00 | ||
14.3.percentage Value Technique For Responsive Type | 00:12:00 | ||
15.1 Color Fonts | 00:05:00 | ||
15.2 variable-fonts101 | 00:08:00 | ||
Mock Exam | |||
Final Exam | |||
Certificate and Transcript | |||
Order Your Certificates and Transcripts | 00:00:00 |
About The Provider
John Academy
London
(43)Reviews
There are no reviews for Level 3 Diploma in Typography for UI Designers yet.Why not be the first one to review this course?