Udemyintermediateen

Typography for Designers & Developers - Don't suck at design

Master font pairing & web/app typography. Learn vertical rhythm to elevate your designs and achieve Dribbble-worthy results!

4.4(715)
6,032students
8h 49m
Certificate
Muhammad Ahsan Pervaiz
Muhammad Ahsan PervaizProduct Designer | UX Consultant | Web Designer & Developer

Course Content

Typography for Designers & Developers - Don't suck at design is an intermediate-level Udemy course taught by Muhammad Ahsan Pervaiz. It runs 8h 49m, is taught in English, and includes a certificate of completion. Learners rate it 4.4 out of 5 from 715 reviews, with 6,032 students enrolled. It is a paid course, last updated December 2022.

Why do some web and mobile app designs on platforms like Dribbble and Behance look so polished? The secret often lies in masterful font combinations, strategic white space utilization, and well-structured grids. Unlock these powerful design techniques with this comprehensive course on typography for designers and developers.

This course focuses on mastering the art of typography and the effective use of time and space in visual design. Strong typography skills are essential for all designers, and a keen eye for white space elevates any project.

For Designers:

  • Transform your designs from ordinary to exceptional, achieving Dribbble-worthy aesthetics.
  • Understand the basics of typography and anatomy to build a solid foundation.
  • Learn text variation techniques to create visually engaging content.
  • Craft elegant web and mobile app designs through thoughtful font selection and pairing.
  • Explore how different font moods and voices impact your design.
  • Master font pairing and discover valuable online resources for automatic font suggestions.
  • Effectively use white space with vertical rhythm and modular grids.
  • Dive into iOS app typography, understanding different iPhone screen sizes.
  • Learn about Google Android typography, including its scaling and the sp unit of type.
  • Utilize free apps to preview your designs on iPhone and Android devices.
  • Achieve design balance using the LEGO Blocks method.
  • Practice with Dribbble-styled design exercises to refine your skills.

For Developers:

  • Implement vertical rhythm in CSS using padding and margins.
  • Apply vertical rhythm effectively with Bootstrap.
  • Understand absolute and relative font-size units (e.g., em, rem, vm, %) and when to use them.
  • Follow step-by-step coding exercises to implement a Baseline Grid.
  • Easily display a baseline grid in HTML with a single line of code.
  • Learn industry-standard font sizes as a base for your designs.
  • Easily set up a Typography Scale using online tools.

Test your knowledge with engaging quizzes throughout the course.

Course Requirements:

  • Proficiency in Adobe Photoshop (for designers).
  • Solid understanding of HTML and CSS (for developers).
  • Latest version of Adobe Photoshop CC installed.

Enroll now and elevate your design skills!

$ whoami — the devs behind tutorialsearch.io

Have a design? We'll build it — the devs behind TutorialSearch.io

Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.