{"id":4378,"uri":"rw://betamax/collections/85","name":"Beginning App Asset Design","description":"

Introduction to designing and using visual assets for your apps. Learn about vector and raster graphics tools, design principles, digital color, and more!

","released_at":"2018-01-23T15:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-03T17:09:26.202Z","updated_at":"2020-01-22T09:00:57.765Z","duration":8445,"difficulty":"beginner","content_type":"collection","platform_id":3,"language_id":3,"editor_id":12,"group_id":null,"ordinal":null,"body":null,"warnings":[],"related_content_id":null,"popularity":906.521739130435,"labelled_as_new":false,"display_attributes":{"concepts_covered":"","intended_audience":""},"average_rating":"2.5","rating_count":4,"professional":false,"to_param":"4378-beginning-app-asset-design","released_versions_data":[{"id":4378,"url":"4378-beginning-app-asset-design","description":"Swift 4, iOS 11, Sketch 48"}],"groups":[{"id":119,"uri":"rw://betamax/parts/40","content_id":4378,"ordinal":0,"name":"Vector Assets","description":null,"created_at":"2018-05-03T17:09:26.752Z","updated_at":"2018-05-03T17:09:26.761Z","contents":[{"id":4423,"uri":"rw://betamax/videos/1325","name":"Introduction","description":"

What is design and what are assets? Find out about the two basic types of image assets: Vector and Raster.

","released_at":"2018-01-23T15:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-03T17:09:26.769Z","updated_at":"2020-01-21T15:00:41.591Z","duration":289,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":1,"warnings":[],"related_content_id":null,"popularity":3438.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"4:49","identifier":"1325","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1325/2b0108af-3c58-4cde-844e-d23fc599f2dc.png","released":true,"has_materials_url":false},{"id":4425,"uri":"rw://betamax/videos/1326","name":"Vector Basics with Sketch","description":"

Learn some basic tools you should expect to find in any vector design app, and build a grayscale wireframe.

","released_at":"2018-01-23T15:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.786Z","updated_at":"2020-01-21T22:00:42.821Z","duration":593,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":2,"warnings":[],"related_content_id":null,"popularity":2477.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:53","identifier":"1326","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1326/d123ad60-47c4-46f2-8f01-4e3c9a307715.png","released":true,"has_materials_url":true},{"id":4427,"uri":"rw://betamax/videos/1327","name":"Challenge: Create a Wireframe","description":"

Use your new knowledge of vector tools to create a wireframe for one more screen.

","released_at":"2018-01-24T16:30:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.803Z","updated_at":"2020-01-21T20:00:30.199Z","duration":447,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":3,"warnings":[],"related_content_id":null,"popularity":1191.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"7:27","identifier":"1327","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1327/f29e9c0c-9bae-4b2a-bbd9-e282ce2d5acc.png","released":true,"has_materials_url":true},{"id":4429,"uri":"rw://betamax/videos/1328","name":"Composing Shapes","description":"

Use simple shapes and boolean operations to design a tab bar icon. Build up your own symbol library.

","released_at":"2018-01-25T19:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.822Z","updated_at":"2020-01-21T04:00:30.714Z","duration":598,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":4,"warnings":[],"related_content_id":null,"popularity":1029.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:58","identifier":"1328","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1328/10988ae8-20af-425e-b687-63df7447b8b7.png","released":true,"has_materials_url":true},{"id":4432,"uri":"rw://betamax/videos/1329","name":"Challenge: Boolean Operations","description":"

Create more complex icons with the help of boolean operations. Learn about gestalt principles!

","released_at":"2018-01-26T18:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.843Z","updated_at":"2020-01-21T04:00:30.831Z","duration":597,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":5,"warnings":[],"related_content_id":null,"popularity":876.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:57","identifier":"1329","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1329/ebd1f13f-6bed-444c-8785-1c5afb0eaaed.png","released":true,"has_materials_url":true},{"id":4434,"uri":"rw://betamax/videos/1330","name":"Bezier Curves","description":"

Find out what bezier curves are, and how to manipulate them. Use the "pen tool" to create an app icon featuring the RW logo.

","released_at":"2018-01-26T22:00:00.000Z","searchable":true,"free":true,"created_at":"2018-05-03T17:09:26.880Z","updated_at":"2020-01-21T18:00:55.433Z","duration":549,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":6,"warnings":[],"related_content_id":null,"popularity":1063.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:09","identifier":"1330","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1330/54a90a85-e22c-4960-ac8b-1723bcd8ce2d.png","released":true,"has_materials_url":true},{"id":4435,"uri":"rw://betamax/videos/1331","name":"Challenge: Tracing Complex Shapes","description":"

Practice using the pen tool by tracing a complex curved object: the Swift logo!

","released_at":"2018-01-29T16:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.904Z","updated_at":"2020-01-21T04:00:31.095Z","duration":396,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":7,"warnings":[],"related_content_id":null,"popularity":748.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"6:36","identifier":"1331","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1331/78908094-a652-47c8-a21d-6c2d16e32ef5.png","released":true,"has_materials_url":true},{"id":4436,"uri":"rw://betamax/videos/1332","name":"Text and Typography","description":"

Fonts are the most common resolution-independent assets! Pick up a few tips for using them in your apps.

","released_at":"2018-01-29T20:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.923Z","updated_at":"2020-01-21T05:00:32.595Z","duration":487,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":8,"warnings":[],"related_content_id":null,"popularity":697.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"8:07","identifier":"1332","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1332/4cb9323f-fbe1-4e52-9c79-e7274727d461.png","released":true,"has_materials_url":true},{"id":4437,"uri":"rw://betamax/videos/1333","name":"Conclusion","description":"

Review what you learned about vector design, and get ready to learn about resolution dependence!

","released_at":"2018-01-29T20:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:26.939Z","updated_at":"2020-01-21T05:00:32.749Z","duration":47,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":119,"ordinal":9,"warnings":[],"related_content_id":null,"popularity":566.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"0:47","identifier":"1333","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1333/6f492fcb-9cec-4527-8969-976224e315f9.png","released":true,"has_materials_url":false}]},{"id":121,"uri":"rw://betamax/parts/41","content_id":4378,"ordinal":1,"name":"Raster Assets","description":null,"created_at":"2018-05-03T17:09:26.986Z","updated_at":"2018-05-03T17:09:26.992Z","contents":[{"id":4439,"uri":"rw://betamax/videos/1365","name":"Introduction","description":"

Get a preview of what we'll cover in the second part of the course focusing on raster assets.

","released_at":"2018-01-30T14:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.001Z","updated_at":"2020-01-21T05:00:32.891Z","duration":96,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":10,"warnings":[],"related_content_id":null,"popularity":627.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"1:36","identifier":"1365","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1365/6e835b37-4746-4f15-8804-d7d604c52309.png","released":true,"has_materials_url":false},{"id":4441,"uri":"rw://betamax/videos/1366","name":"Raster Basics","description":"

We'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?

","released_at":"2018-01-30T17:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.016Z","updated_at":"2020-01-21T08:00:38.272Z","duration":171,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":11,"warnings":[],"related_content_id":null,"popularity":621.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"2:51","identifier":"1366","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1366/17cfd74c-5391-4f8a-a638-7932a3d858e7.png","released":true,"has_materials_url":false},{"id":4443,"uri":"rw://betamax/videos/1367","name":"Resolution Dependence","description":"

Experiment with upsampling, downsampling, and analyzing the resolution of raster assets for use in your apps.

","released_at":"2018-01-31T17:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.033Z","updated_at":"2020-01-21T08:00:38.323Z","duration":580,"difficulty":"beginner","content_type":"episode","platform_id":17,"language_id":1,"editor_id":12,"group_id":121,"ordinal":12,"warnings":[],"related_content_id":null,"popularity":652.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:40","identifier":"1367","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1367/c4af1a6f-bc85-47b2-9dab-15f7030d3dcf.png","released":true,"has_materials_url":true},{"id":4445,"uri":"rw://betamax/videos/1368","name":"Challenge: Resolution","description":"

Will these raster images look great in your app? In this challenge it's on you to figure it out!

","released_at":"2018-01-31T23:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.051Z","updated_at":"2020-01-14T01:00:32.265Z","duration":174,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":13,"warnings":[],"related_content_id":null,"popularity":575.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"2:54","identifier":"1368","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1368/69a56e39-204f-439c-a3de-3259d7685f7f.png","released":true,"has_materials_url":true},{"id":4447,"uri":"rw://betamax/videos/1369","name":"Masks and Compositing","description":"

What happens when you layer images? What are blend modes? What about Opacity? Find out in this video!

","released_at":"2018-02-01T20:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.068Z","updated_at":"2020-01-09T18:00:31.338Z","duration":683,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":14,"warnings":[],"related_content_id":null,"popularity":641.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"11:23","identifier":"1369","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1369/1183dafd-1ce7-4435-841f-8926ac30071c.png","released":true,"has_materials_url":true},{"id":4450,"uri":"rw://betamax/videos/1370","name":"Challenge: Vector Masks","description":"

In this challenge, try using vector shapes to mask raster images in a thrilling mash-up of asset types!

","released_at":"2018-02-02T20:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.090Z","updated_at":"2020-01-21T08:00:38.425Z","duration":485,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":15,"warnings":[],"related_content_id":null,"popularity":607.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"8:05","identifier":"1370","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1370/9df31f2c-6324-4e1e-aba1-1ca425e96f3f.png","released":true,"has_materials_url":true},{"id":4452,"uri":"rw://betamax/videos/1371","name":"Conclusion","description":"

Review what you've learned about raster images, and prepare to learn about color.

","released_at":"2018-02-02T20:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.173Z","updated_at":"2020-01-13T07:00:41.257Z","duration":47,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":121,"ordinal":16,"warnings":[],"related_content_id":null,"popularity":456.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"0:47","identifier":"1371","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1371/a87841a6-5194-479f-ba02-369484ca273b.png","released":true,"has_materials_url":false}]},{"id":122,"uri":"rw://betamax/parts/42","content_id":4378,"ordinal":2,"name":"Color and File Formats","description":null,"created_at":"2018-05-03T17:09:27.260Z","updated_at":"2018-05-03T17:09:27.270Z","contents":[{"id":4456,"uri":"rw://betamax/videos/1390","name":"Introduction","description":"

Find out what we'll be covering in the final part of the course, focusing on color and image file formats.

","released_at":"2018-02-05T16:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.284Z","updated_at":"2020-01-20T07:00:47.964Z","duration":55,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":17,"warnings":[],"related_content_id":null,"popularity":625.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"0:55","identifier":"1390","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1390/1d5bd8e7-ded6-481f-9b24-1a0eb01c24fa.png","released":true,"has_materials_url":false},{"id":4458,"uri":"rw://betamax/videos/1412","name":"Working with Color","description":"

Grab a helmet for this crash course in color theory, and gain some perspective on how to think about color in your app.

","released_at":"2018-02-06T13:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.509Z","updated_at":"2020-01-20T10:00:49.143Z","duration":546,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":18,"warnings":[],"related_content_id":null,"popularity":694.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"9:06","identifier":"1412","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1412/85f38297-6638-49d6-af08-8f38a60f0c9e.png","released":true,"has_materials_url":false},{"id":4461,"uri":"rw://betamax/videos/1413","name":"Challenge: Contrast & Accessibility","description":"

Practice analyzing contrast between text and its background with the help of a web contrast checker.

","released_at":"2018-02-06T18:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.535Z","updated_at":"2020-01-12T12:00:47.686Z","duration":253,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":19,"warnings":[],"related_content_id":null,"popularity":605.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"4:13","identifier":"1413","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1413/9fff8e99-4f11-4614-9bb3-2bd2b53ce3e8.png","released":true,"has_materials_url":true},{"id":4463,"uri":"rw://betamax/videos/1414","name":"Color Spaces","description":"

Discover the challenges of maintaining color fidelity across multiple digital color spaces, and why you can't just divide everything by 255.

","released_at":"2018-02-08T19:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.569Z","updated_at":"2020-01-20T14:00:40.697Z","duration":465,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":20,"warnings":[],"related_content_id":null,"popularity":624.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"7:45","identifier":"1414","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1414/0d869fa2-352a-4244-929b-35d865a882ad.png","released":true,"has_materials_url":false},{"id":4466,"uri":"rw://betamax/videos/1415","name":"Image Asset Formats","description":"

Explore your options for image asset file types. Learn when to use which type, and how to export to them.

","released_at":"2018-02-09T21:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.608Z","updated_at":"2020-01-18T00:00:34.673Z","duration":207,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":21,"warnings":[],"related_content_id":null,"popularity":675.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"3:27","identifier":"1415","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1415/25e30f83-7283-4f71-a945-29a03a61579e.png","released":true,"has_materials_url":false},{"id":4469,"uri":"rw://betamax/videos/1416","name":"Challenge: Exporting Image Assets","description":"

Decide which design elements are assets to export, then export them using the best file type for each.

","released_at":"2018-02-09T21:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.632Z","updated_at":"2020-01-20T05:00:37.655Z","duration":426,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":22,"warnings":[],"related_content_id":null,"popularity":698.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"7:06","identifier":"1416","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1416/8c35a2b1-0c76-4588-a2ad-5edaabc92094.png","released":true,"has_materials_url":true},{"id":4472,"uri":"rw://betamax/videos/1417","name":"Conclusion","description":"

Review everything you've learned about app assets, and find out where to go next on your design journey.

","released_at":"2018-02-09T23:00:00.000Z","searchable":true,"free":false,"created_at":"2018-05-03T17:09:27.656Z","updated_at":"2020-01-21T11:00:40.306Z","duration":254,"difficulty":"beginner","content_type":"episode","platform_id":3,"language_id":3,"editor_id":12,"group_id":122,"ordinal":23,"warnings":[],"related_content_id":null,"popularity":665.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"duration_in_time":"4:14","identifier":"1417","video_banner_url":"https://files.betamax.raywenderlich.com/attachments/videos/1417/179ebdbc-a227-47bd-8913-4f0344f2cecb.png","released":true,"has_materials_url":true}]}]}

Create your free learning account today!