UXD Notes: Sketch 3 Intro

To learn more about User eXperience Design, I’m:

  • Taking the Udemy course “User Experience Fundamentals” by Joe Natoli.
  • Taking the Udemy course “Sketch 3 from A to Z: Become an App Designer” by Joseph Angelo Todaro.

According to the timeline I created in a previous post (this is my inner the project manager speaking), I should have this completed in 7 weeks from now…

This Week’s Learning Takeaways

Disclaimer: My takeaways are not comprehensive of the resources I cite and therefore should not be read in lieu of. If I’m citing resources, I’m recommending them to you. If you like what you read, please support the creator.

Sketch 3 from A to Z: Section One

What is Sketch?

Sketch is a vector drawing application with a heavy emphasis on UXD.

  • It is not a raster image editor like Photoshop.
  • It’s more like Illustrator, and used for interface design.

Vector vs Raster

Raster graphics are made up of pixels, vector graphics are made up of lines, curves, and math.

  • Bezier curves in vector graphics maintain clarity despite resolution of screen.


  • With raster graphics, you get anti-aliasing, or softening of pixels at graphic edges that are angled or curved, which are more glaring as you zoom in. This is because raster graphics are designed with a specific resolution in mind.


  • Sketch vector graphics remain such unless exported and saved as raster graphic version.
  • Photographs need to be raster, but you’ll want as many of your graphics to be vector graphics.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s