Screens Essentials for UI Designers

Get to know formats, resolutions, DPI and more
Rating: 4.6 out of 5 (649 ratings)
17,537 students
English
English [Auto]

Working with bitmaps & vectors
Assets for HiDPI and Retina screens
DPI, resolution, aspect ratio
Efficient workflow across the tools
Optimal formats for your assets

Requirements

  • Willing to start designing UI

Description

Learn some of the most important terms and factors for successful UI design. We'll start from the tiniest element you design for - pixel. Then we move on to different screens, resolutions, we'll explore retina, DPI and so much more. You will get to know optimal formats for UI design as well as workflows that will let you create highest quality assets!

You will find plenty of tutorials and articles on how screen design essentials work with explanation of terms and key techniques. The thing is the more you read the more complicated this topic appears. Let's focus on theory and keep it short and to the point so it is most useful in your workflow.

We'll explain the difference, but also get deeper into the best ways for exporting design assets from software such as Sketch, Illustrator or Photoshop. You will see multiple benefits of working in vector-only environment but also there are some hints for Photoshop design flow.

You will also get to know some approaches to designing for hi-density screens such as Retina and therefore explore differences between Pixels, Points or Density Independent Pixels. It will all sum up to a modern way to start in 1x scale and then export the assets accordingly for different screens, if needed.

Who this course is for:

  • User Interface Designers
  • Graphic Designers
  • Web Designers

Course content

1 section5 lectures44m total length
  • Screen Basics
    05:15
  • Scaling on Devices
    06:28
  • Graphic files formats
    15:08
  • Platform Specifics
    07:40
  • Things worth remembering
    10:18

Instructor

learnux.io
Greg Rog
  • 4.4 Instructor Rating
  • 3,096 Reviews
  • 38,776 Students
  • 10 Courses

My work is all about design, coding, and education. For over 10 years I've been a professional designer, design lead and UX consultant for companies such as Microsoft, Google, Adobe or Wacom. I created the biggest local website with video tutorials on code, design and more with over 100.000 clients. I also run a software house and a training facility, speak at design conferences and more. I'm curious, passionate and I love sharing knowledge.