Beginning App Asset Design
Jan 23 2018 · Video Course (2 hrs, 21 mins) · Beginner
Introduction to designing and using visual assets for your apps. Learn about vector and raster graphics tools, design principles, digital color, and more!
Version
- Swift 4, iOS 11, Sketch 48


Vector Assets
What is design and what are assets? Find out about the two basic types of image assets: Vector and Raster.
Learn some basic tools you should expect to find in any vector design app, and build a grayscale wireframe.
Use your new knowledge of vector tools to create a wireframe for one more screen.
Composing Shapes
9:58Use simple shapes and boolean operations to design a tab bar icon. Build up your own symbol library.
Create more complex icons with the help of boolean operations. Learn about gestalt principles!
Bezier Curves
9:09Find out what bezier curves are, and how to manipulate them. Use the "pen tool" to create an app icon featuring the RW logo.
Practice using the pen tool by tracing a complex curved object: the Swift logo!
Text and Typography
8:07Fonts are the most common resolution-independent assets! Pick up a few tips for using them in your apps.
Conclusion
0:47Review what you learned about vector design, and get ready to learn about resolution dependence!
Raster Assets
Introduction
1:36Get a preview of what we'll cover in the second part of the course focusing on raster assets.
Raster Basics
2:51We'll answer questions like: What's a "raster"? What's the difference between points and pixels? What is resolution and how much do I need?
Experiment with upsampling, downsampling, and analyzing the resolution of raster assets for use in your apps.
Will these raster images look great in your app? In this challenge it's on you to figure it out!
Masks and Compositing
11:23What happens when you layer images? What are blend modes? What about Opacity? Find out in this video!
In this challenge, try using vector shapes to mask raster images in a thrilling mash-up of asset types!
Conclusion
0:47Review what you've learned about raster images, and prepare to learn about color.
Color and File Formats
Introduction
0:55Find out what we'll be covering in the final part of the course, focusing on color and image file formats.
Working with Color
9:06Grab a helmet for this crash course in color theory, and gain some perspective on how to think about color in your app.
Practice analyzing contrast between text and its background with the help of a web contrast checker.
Color Spaces
7:45Discover the challenges of maintaining color fidelity across multiple digital color spaces, and why you can't just divide everything by 255.
Image Asset Formats
3:27Explore your options for image asset file types. Learn when to use which type, and how to export to them.
Decide which design elements are assets to export, then export them using the best file type for each.
Conclusion
4:14Review everything you've learned about app assets, and find out where to go next on your design journey.
Comments