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