Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React CSS Angular Node.Js Typescript HTML5 PHP
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Data Analysis Data Warehouse Data Cleaning Business Intelligence
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin SwiftUI Mobile App Development
Graphic Design Photoshop Adobe Illustrator Drawing Canva Digital Painting InDesign Design Theory Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Sound Therapy Emotional Intelligence Coaching
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Online Business Startup Business Plan Blogging Amazon Kindle Direct Publishing (KDP)
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Copywriting Email Marketing Google Analytics Startup YouTube Marketing
2022-06-22T10:25:53Z

DesignUser Experience DesignUser Interface

UI Design Bootcamp. Master Typography, Colour & Grids

Level up your design eye and improve your intuition to craft aesthetically satisfying UI designs
Highest rated
Rating: 4.8 out of 54.8 (298 ratings)
1,873 students
Created by Rob Sutcliffe
Last updated 11/2021
English
English [Auto]

What you'll learn

  • Intuitively create more satisfying compositions
  • Create a colour pallet that works specifically for UI
  • Have a trained eye to spot how the values of colours
  • Create a grid that works for modern web applications
  • The history of typography
  • The physics of light
  • Select appropriate typefaces
  • Create a typographic system
  • Select or create a visual language
  • Identify how colour adapts in different contexts
  • Compose visually stimulating UI design

Requirements

  • You should ideally know how to use some design software. Figma is preferred. Adobe XD or Sketch would also be okay.
  • Some experience designing user interfaces would be an advantage.
  • You'll need lots of extra time to work and share your projects

Description

The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have a huge impact on the experience of your users.

If you're designing using a web application, you're making decisions about typography, colour and composition that will affect the branding, style, usability and user experience of your application. You're already making these decisions but are you aware of their impact. Very subtle use of typography and colour can have enough personality that we don't need any other visuals. We can give life to a dull block of text and it can make it easier or harder for our users to read. Getting a few simple choices right can make or break the application.

Typography is 95% of what we see on a web application, it dictates every other design decision. yet few people really stop to learn how to use typography to their advantage.

Colour is what makes us differentiate everything in a design. If there was no colour we'd not be able to identify anything on a design. But it also has the most emotional connection of anything in a design and it can't be easily categorised, as colours appear very different depending on their use and context. We have to use colour, so let's learn to use colour to our advantage.

A grid makes our designs feel uniform. If we know how to use one, it's the single thing that can make a design instantly feel more professional. But we need to understand the limitations and advantages of recent web development to create a grid that looks good on paper and still looks good on the web.


What do I get in this course?

To improve your skill in each of these areas: you'll do a combination of learning some underlining theory, complete challenges to improve your intuition and some practical exercises to create some great-looking designs. A short description of each module is below.

  • Composition: practical exercises to improve your intuition when placing elements on a page

  • Typography: History and background of different type classifications

  • Selecting and Pairing: How to choose a typeface and how to select complimentary typefaces that work together

  • Readability: How do we read and how can we make it easier for people to read with our typographic choices

  • Styling & Formatting: What extra style can we add to our typography and how can we use this to improve our visual hierarchy

  • Grid Systems: The types of grids used in design and some of the technical limitations for modern application design

  • Building our Grid: How to ensure we set up the grids in our design software to work when developing applications

  • Colour Interactions: practical exercises to improve our intuitive use of colour when used in different contexts

  • How Colour Works: The physics behind how light works and how it creates colour

  • Colour Attributes: How to make changes to a colour to make it more useful in your design

  • Create our Pallet: practical steps to create a colour pallet that works specifically for UI

  • Visual Language: Choose photos, icons, illustrations and other visuals to support the design


Is this course for me?

Ideally, you'll already have spent some time designing websites and/or applications. Every aspect of the course is created with beginners in mind but you may find you get more out of the course if you've already created some designs. You'll also ideally need to know how to use some design software. I recommend Figma, but Adobe XD, Invission Studio, Sketch or some similar software will also be okay.

The course is created with designers in mind but it may also be of interest to front-end developers or product owners. There is a money-back guarantee with no questions asked and you can message me with any specific questions.

Who this course is for:

  • Junior user interface designer
  • Front-end developer interested in learning about design
  • Product owner
  • Curious people

Instructor

Rob Sutcliffe
UI Designer & Developer
Rob Sutcliffe
  • 4.5 Instructor Rating
  • 13,696 Reviews
  • 56,619 Students
  • 5 Courses

It's been 10 years since I started working in elearning. I understand the limitations and the possibilities of online teaching. I'm excited for the future and I'm amazed at what we can do right now.

It's been 15 years since I first taught a class. I spent three years teaching english in Seoul. I loved seeing the progress of my students and I loved knowing they were having a good time in my class. I learnt about how to write a solid lesson plan the only way I believe anyone can... by seeing the results right there in front of me.

It's been 20 years since I first designed and built a website. I remember learning dreaweaver and flash while I was a student and been hooked on the power it gives us, even then I didn't know how far it would go. I've dedicated my life to building and designing web apps to the highest standard and now I want to pass that on.

It's been 35 years since I started school. and I wasn't that good at school truth be told. I had dyslexia and couldn't keep up, having overcome that and managed to find ways to teach myself the skills I need to get some fantastic jobs I'm confident I can explain things in a way everyone can understand and, knowing how much I struggled to learn, I can be very patient in explaining how things need to be done.

I believe all the skills I have built over the years all add up to making great online course to help you move forward with your goals and I look forward to working with you on them

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Terms
  • Privacy policy
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.