Typography for Designers & Developers

0( 0 REVIEWS )
Overview: Have you wondered about the secrets behind great web design and mobile app design? The Typography for Designers & …


Have you wondered about the secrets behind great web design and mobile app design? The Typography for Designers & Developers is a comprehensive course for designers and developers to learn how to perfectly use font combinations and the powerful use of grids and white spaces.

The course covers key elements for web designers and developers. The primary focus of the course is on typography. Designers will learn the basics of typography and anatomy, how to use variation techniques and make text looks interesting, create moods and different voices, use space effectively and improve your designs by learning to use Dribbble Styled Design exercises. And for developers, you will learn to use Vertical Rhythm in Bootstrap, best font sizes, how to use padding and margins and how to apply baseline grid.

The Typography for Designers & Developers course will also enable learners to gain an in-depth understanding on design and development and get ahead of other designers and make a unique impression. This is a super power course that all great designers should take to learn Typography skill and the usage of white space.  

  • Why consider learning at Study 365?
  • Learning Outcomes
  • Access Duration
  • Who is this Course aimed at?
  • Entry Requirement
  • Method of Assessment
  • Certification & Awarding Body
  • Presenter Information
  • Progression and Career Path
  • Other Benefits

With so many commitments in our lives, we may not have the time to learn new skills. The beauty of studying online is that you get to find this balance between your education and your daily commitments

Study 365 offers hundreds of online courses to students across the world. Gaining new skills has never been this easy as many of our courses are open to students with little or no qualifications or previous experience. All the courses are up-to-date, relevant, affordable, and will build on existing expertise or give you a jump-start to a new career. The courses are meticulously designed and equals what is offered in a classroom setting. With a solid reputation that has established and made us made us one of the most trusted and reliable online course providers we offer the most convenient path to gain recognised skills and training that will give you the opportunity to put into practice your knowledge and expertise in your chosen career. You can learn at your own pace at Study 365 and you will be provided with all the necessary material, tutorials, qualified course instructor, narrated e-learning modules, interactive quizzes and free resources which include Free CV writing pack, free career support and course demo to make your learning experience enriching and more rewarding.

  • Create elegant web & Mobile app design by selecting and pairing meaningful fonts
  • How to use white space effectively by using Vertical Rhythm and Modular Grid
  • Dramatically improve your boring designs with Modular Grid & Baseline Grid
  • Learn about Typography Classes and Anatomy
  • Learn about how to use line-height and letter spacing effectively
  • Learn about IOS App Typography and understand different IPhone Screen size
  • Learn Google Android Typography, its scale and its SP unit of type
  • How to connect your Photoshop Screen to IPhone or Android Device
  • How to balance your design using LEGO Blocks method
  • Step by Step coding exercises to apply Baseline Grid for Developers
  • How to show baseline grid in HTML page with just one line of code for Developers
  • How to use padding, margins and other elements to create Vertical Rhythm in CSS for Developers
  • How to use Vertical Rhythm in Bootstrap for Developers
  • Learn when to use em, rem, vm or % font-size units for Developers
  • How to set up Typography Scale using online tools easily for Developers

The course will be directly delivered to you, and you have 12 months access to the online learning platform from the date you joined the course.  The course is self-paced and you can complete it in stages, revisiting the lectures at any time.  

  • Web Designers
  • Mobile App Designers
  • Graphic Designers
  • Web Developers
  • Any designer who wants to improve their designs
  • Must have good knowledge of Adobe Photoshop (For Designers)
  • Must know HTML and CSS (For Developers)
  • Download and Install Adobe Photoshop CC 2015 or latest version
At the end of the course, you will have one assignment to be submitted (you need a mark of 65% to pass) and you can submit the assignment at any time. You will only need to pay £19 for assessment and certification when you submit the assignment. You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days if you have successfully passed the course.

Those who successfully complete the course will be awarded the Typography for Designers & Developers certificate by CPD & iAP. The qualification will make you valuable to employers, and your motivation at gaining new skills will be recognised.  

Muhammad Ahsan Pervaiz is an award-winning, multi-talented designer. His hunger for perfecting the User Interface from all aspects has led him to work with clients all over the world, including the USA, Australia, UK, and United Arab Emirates. With a career spanning over 10 years, his work includes projects for FORTUNE 500 companies such as INTEL, PANASONIC and Coca Cola.

Muhammad’s experience includes improving the User Experience of the UK GP Tools Mobile App, games and e-commerce websites, and creating new design patterns for showing passwords safely in password fields. He’s worked from App Icon Design to App UI Design, and from wireframes and prototypes to mockup design.

His ultimate goal is to make more awesome UI Designers, and ease the pain of learning for newcomers in this field of UI Design.

The certification will demonstrate your level of skill in typography and make you a marketable candidate in the creative industry. You can use your qualification to prove your expertise in UI design to potential organisations, and gain the desired job role. You will gain leverage over your competition. And you will also be eligible for incentives put forth by the organisation.

Once you successfully complete the Typography for Designers & Developers you will be qualified to work in the following positions. The qualification will also put you in line to demand a higher salary or job promotion. The average UK salary per annum according to is given below.

  • Web Designer (£22,860 per annum)
  • Web Developer (£24,833 per annum)
  • Graphic Designer (£21,599 per annum)
  • Mobile App Designer
  • Written and designed by the industry’s finest expert instructors with over 15 years of experience
  • Repeat and rewind all your lectures and enjoy a personalised learning experience
  • Gain access to quality video tutorials
  • Unlimited 12 months access from anywhere, anytime
  • Save time and money on travel
  • Learn at your convenience and leisure
  • Quizzes, tests mock exams, practice exams to ensure you are 100% ready
  • Eligible for TOTUM discount card
  • Free Career Support Service
  • 25% Discount on personal Statement and covering letter writing service
  • Free Access to Over 150 courses for 2 days (48 hours)
  • Free access to course before you purchase (For selected courses only)

Course Curriculum

1: Introduction
1.1 Intro to Typography 00:00:00
1.2 How This Course is Laid Out 00:00:00
1.3 What are Font Families? 00:00:00
1.4 Typography Anatomy and Terms 00:00:00
1.5 Humanist Old and Traditional 00:00:00
1.6 Sans-Serif Script and Other Sans 00:00:00
1.7 Line Length in Typography 00:00:00
1.8 Text Alignment 00:00:00
1.9 Line Height Matters 00:00:00
1.10 Letter Spacing – Kerning 00:00:00
1.11 Exercise: Apply All We Learned 00:00:00
2: More About Typography
2.1 Hyphens and Dashes 00:00:00
2.2 Quotation Marks 00:00:00
3: Typography Scales and Grids
3.1 Roles of Typefaces 00:00:00
3.2 Typography Scale 00:00:00
3.3 Expanding Scales 00:00:00
3.4 Type Hierarchy Online Tools 00:00:00
3.5 How Many Levels of Hierarchy 00:00:00
3.6 Vertical Rhythm 00:00:00
3.7 Vertical Rhythm in Adobe Photoshop 00:00:00
3.8 Exercise: Vertical Rhythm 00:00:00
3.9 Modular Grid 00:00:00
4: Modular and Baseline Grid Blog Exercise
4.1 Prepare Modular Grid 00:00:00
4.2 Modular Design, Layout 1 00:00:00
4.3 Modular Design, Layout 2 00:00:00
4.4 Refining the Design 00:00:00
4.5 Modular Design, Layout 3 00:00:00
5: Selecting Fonts
5.1 How Many Fonts? 00:00:00
5.2 Moods and Voices of Typefaces 00:00:00
5.3 Color’s Effect on Typography 00:00:00
6: Pairing Fonts
6.1 Font Pairing Intro 00:00:00
6.2 X-height Matching 00:00:00
6.3 Contrast Matching 00:00:00
6.4 Looking for Similar Features 00:00:00
6.5 Avoid Too Much Similarity 00:00:00
6.6 Pairing Fonts from the Same Family or Designer 00:00:00
6.7 Online Font Pairing Tools 00:00:00
7: Using Type Variation to Achieve Great Design
7.1 Variation with Bold and Italic 00:00:00
7.2 Variation with Colors 00:00:00
7.3 Variation with Reverse Colors 00:00:00
7.4 Variation with Line Height 00:00:00
8: Dribbble Level Exercise
8.1 Dribbble Hero Design Preparation 00:00:00
8.2 Dribbble Hero Design – V1 Part 1 00:00:00
8.3 Dribbble Hero Design – V1 Part 2 00:00:00
8.4 Dribbble Hero Design Variation Intro 00:00:00
8.5 Dribbble Hero Design – Variation 2 Part 1 00:00:00
8.6 Dribbble Hero Design – Variation 2 Part 2 00:00:00
9: Social Media And Design Exercise
9.1 Summer Discount Ad Design Preparations 00:00:00
9.2 Preparing The Base of the Design 00:00:00
9.3 Adding Text and Styles 00:00:00
9.4 Final Adjustments 00:00:00
10: Juicy Design Exercise
10.1 Juicy Design Exercise Preparations 00:00:00
10.2 Making the Juicy Design 00:00:00
10.3 Final Juicy Design Adjustments 00:00:00
11: Mobile App Design Typography
11.1 Intro to iOS Point Sizing 00:00:00
11.2 iOS Font specs 00:00:00
11.3 Designing for Multiple iOS Screens 00:00:00
11.4 Student Question about Resolutions 00:00:00
11.5 Connect Your iPhone with Photoshop 00:00:00
11.6 Android Typography 00:00:00
11.7 Android Design Exercise for All Sizes 00:00:00
12: Typography For Web Developers
12.1 Using Google Fonts 00:00:00
12.2 Using Premium Fonts 00:00:00
12.3 Intro to CSS Font Sizing 00:00:00
12.4 What is em Font Size? 00:00:00
12.5 What is rem Font Size? 00:00:00
12.6 How Percentage Font Size Works 00:00:00
12.7 How vw Font Unit Works 00:00:00
13: Vertical Rhythm For Developers
13.1 How Vertical Rhythm Works In CSS 00:00:00
13.2 Gridlover Exercise 00:00:00
13.3 Custom Typographic Scale in Bootstrap 00:00:00
13.4 Don’t Use Code from Type Scale 00:00:00
14: Responsive Typography
14.1 Responsive Typography Intro 00:00:00
14.2 Percentage Value Technique for Responsive Type 00:00:00
14.3 Different Ratios and Scales In Responsive Typography 00:00:00

Students feedback


Avarage rating ()
5 Star
4 Star
3 Star
2 Star
1 Star

No Reviews found for this course.

Contact Us

Certificate Code

Secure Payment
Copyright © 2020 -Study365 - All rights reserved.
WhatsApp chat