{"id":17740710,"uri":"rw://betamax/collections/283","name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","description":"

Learn how to start with nothing but an app idea, and take it all the way to a beautiful visual design made in Figma.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-10-25T18:40:57.285Z","updated_at":"2021-03-12T18:30:36.859Z","duration":4554,"difficulty":"beginner","content_type":"collection","platform_id":84,"language_id":null,"editor_id":null,"group_id":null,"ordinal":null,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":665.75,"labelled_as_new":false,"average_rating":"4.5","rating_count":8,"professional":false,"body":null,"obfuscated_body":null,"display_attributes":{"concepts_covered":"

Low-fidelity wifeframes
High-fidelity wireframes
Figma basics
Grid layouts
Typography
Color
Design iteration

","intended_audience":"

Total beginners — no prior UI / UX design knowledge required! This course walks you through designing an app from scratch.

You'll start by creating a low-fidelity (paper) wireframe for your app. You'll then create a full high-fidlity wireframe using a popular and free design tool called Figma, learning about design basics like layout, typography, and color along the way.

This course is a sister course to Your First iOS and SwiftUI App: An App From Scratch. You can watch this course before, after, or not at all (it's optional)!

"},"to_param":"17740710-your-first-ios-and-swiftui-app-designing-the-app-optional","released_versions_data":[{"id":17740710,"url":"17740710-your-first-ios-and-swiftui-app-designing-the-app-optional","description":"Figma -"}],"featured_banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","groups":[{"id":3735,"uri":"rw://betamax/parts/448","content_id":17740710,"ordinal":0,"name":"iOS App Design","description":"Learn how to start with nothing but an app idea, and take it all the way to a beautiful visual design made in Figma. ","created_at":"2020-12-13T14:35:04.560Z","updated_at":"2020-12-13T14:35:04.565Z","display_number":null,"contents":[{"id":19191183,"uri":"rw://betamax/videos/4966","name":"Introduction","description":"

了解您的应用程序'll是设计 - 一个简单但有趣的比赛，称为公牛'眼睛 - 并预览你所有的东西'LL在这部分中学习。

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":true,"created_at":"2020-12-13T14:35:04.287Z","updated_at":"2021-03-12T16:30:38.209Z","duration":180,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":1,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":1995.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Introduction","duration_in_time":"3:00","identifier":"4966","released":true,"has_materials_url":false,"permission_tags":[],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191191,"uri":"rw://betamax/videos/4967","name":"Create a Low Fidelity Wireframe","description":"

Create a low fidelity wireframe for Bull's Eye, which is a bare-bones visual depiction of what the app should look like.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:35:22.437Z","updated_at":"2021-03-12T16:30:38.303Z","duration":280,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":2,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":1339.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Create a Low Fidelity Wireframe","duration_in_time":"4:40","identifier":"4967","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191202,"uri":"rw://betamax/videos/4968","name":"Challenge: Create a Low Fidelity Wireframe","description":"

Practice creating a low fidelity wireframe by creating a sketch for what Bull's Eye should look like in portrait mode.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:35:37.757Z","updated_at":"2021-03-12T16:30:38.392Z","duration":87,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":3,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":554.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Challenge: Create a Low Fidelity Wireframe","duration_in_time":"1:27","identifier":"4968","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191216,"uri":"rw://betamax/videos/4969","name":"Introduction to Figma","description":"

Learn about a popular and free online design tool called Figma, and why we'll be using it for this course.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:36:02.653Z","updated_at":"2021-03-12T16:30:38.494Z","duration":399,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":4,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":653.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Introduction to Figma","duration_in_time":"6:39","identifier":"4969","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191242,"uri":"rw://betamax/videos/4970","name":"Figma Basics","description":"

Learn the basics of using Figma, including creating shapes and modifying their properties.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:36:26.089Z","updated_at":"2021-03-12T18:30:36.105Z","duration":187,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":5,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":547.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Figma Basics","duration_in_time":"3:07","identifier":"4970","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191254,"uri":"rw://betamax/videos/4971","name":"Create a Grid Layout","description":"

Create a basic grid layout for Bull's Eye, in order to make the interface more consistent and easier to design.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:36:42.939Z","updated_at":"2021-03-12T18:30:36.174Z","duration":540,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":6,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":540.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Create a Grid Layout","duration_in_time":"9:00","identifier":"4971","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191278,"uri":"rw://betamax/videos/4972","name":"Create the Unstyled Interface","description":"

Start your design by bringing in the raw unstyled elements such as the slider, button, and labels.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:37:05.150Z","updated_at":"2021-03-12T18:30:36.248Z","duration":715,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":7,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":460.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Create the Unstyled Interface","duration_in_time":"11:55","identifier":"4972","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191302,"uri":"rw://betamax/videos/4973","name":"Typography","description":"

Learn how to select fonts, font sizes, font weights, and letter spacing for your app.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:37:26.364Z","updated_at":"2021-03-12T16:30:39.024Z","duration":405,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":8,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":411.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Typography","duration_in_time":"6:45","identifier":"4973","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191335,"uri":"rw://betamax/videos/4974","name":"Color","description":"

Give Bull's Eye a splash of color and set up your color pallette.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:37:48.829Z","updated_at":"2021-03-12T15:30:43.657Z","duration":818,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":9,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":374.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Color","duration_in_time":"13:38","identifier":"4974","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191366,"uri":"rw://betamax/videos/4975","name":"Iterate on the Design","description":"

Iterate on the design, making visual tweaks to give it some more personality.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:38:18.015Z","updated_at":"2021-03-12T15:30:43.707Z","duration":577,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":10,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":351.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Iterate on the Design","duration_in_time":"9:37","identifier":"4975","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191441,"uri":"rw://betamax/videos/4976","name":"The Final Design","description":"

A review of Luke's final design and a discussion of implementation practicalities.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:39:33.439Z","updated_at":"2021-03-12T15:30:43.774Z","duration":263,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":11,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":426.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · The Final Design","duration_in_time":"4:23","identifier":"4976","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}},{"id":19191479,"uri":"rw://betamax/videos/4977","name":"Conclusion","description":"

Review what you learned in this course, and where to go from here.

","released_at":"2020-12-17T13:00:00.000Z","searchable":true,"free":false,"created_at":"2020-12-13T14:40:02.426Z","updated_at":"2021-03-12T15:30:43.860Z","duration":103,"difficulty":"beginner","content_type":"episode","platform_id":84,"language_id":null,"editor_id":null,"group_id":3735,"ordinal":12,"warnings":["missing_language","missing_editor"],"related_content_id":null,"popularity":339.0,"labelled_as_new":false,"average_rating":null,"rating_count":0,"professional":false,"episode_title_with_course":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL] · Conclusion","duration_in_time":"1:43","identifier":"4977","released":true,"has_materials_url":false,"permission_tags":["stream-beginner-videos"],"additional_video_display_attributes":{"collection_name":"Your First iOS and SwiftUI App: Designing the App [OPTIONAL]","part_name":"iOS App Design","part_index":0,"part_count":1,"banner_image":"//files.betamax.ohdvia.icu/attachments/collections/283/79717f88-1c16-4431-bf92-19b9cfb15b21.png","domains":"iOS & Swift"}}]}]}

所有视频。所有书籍。 One low price.

所有视频。所有书籍。
One low price.