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

Course Curriculum

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

Students feedback


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

No Reviews found for this course.

WhatsApp chat