Learn for Free
Sign up for a free account and get instant access to the first lesson of every course on Learn Squared. Including this one!
No credit card required.
Already a student? Log in
Plan and Sketch
Lesson 1 of 5 Mastering Film UI
In this lesson, Kris will go over the basics of interface design and help you build your own project concept. You'll finish the lesson by creating your first rough planning sketches.
Project Planning Homework
Create a brief, break down the various tasks you want to tackle, and consider how you might integrate your design into the larger world of your project.
If you plan to use the plates and other assets included with this course, then study what Kris has provided, and try to make your design fit into the world already established. Even if you use Kris' assets or follow his brief, your own UI designs don't need to resemble what he makes in any way. Stay creative and keep an open mind!
If you'd rather use your own plates or world design, then you can do this same planning with your own custom assets!
Research and Ideation Homework
Write a list of simple keywords to describe your project, and find reference images to guide your work as it goes forward. Finally, make some initial design sketches. This assignment won't be your last chance to create sketches for the project, so don't worry over details or execution. Stay loose and quick with these, and let the ideas flow!
Student Homework
Lesson 1
this lessonPlan and Sketch
In this lesson, Kris will go over the basics of interface design and help you build your own project concept. You'll finish the lesson by creating your first rough planning sketches.
- 1 hourTotal Lesson Duration
- 19 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
Guidance
Introduction
Understanding UI
Project Planning
Using Plates
Research and Ideation
Conclusion
Lesson 2
Primary Element Design
In this lesson you'll focus on designing the most prominent interface element in your project. You'll first build on your earlier rough designs to create a set of refined sketches. Then you'll turn those into detailed, animation-ready designs in Illustrator.
- 1 hour 45 minutesTotal Lesson Duration
- 12 VideosVideo Lectures in this Lesson
Guidance
Sketching the UI States
Adobe Illustrator Intro
Primary Design
Conclusion
Lesson 3
Secondary Screens
This lesson will cover the process of designing the various supporting elements for your project. These designs will range in style, function and prominence within the scene.
- 1 hour 47 minutesTotal Lesson Duration
- 11 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
Guidance
Large Interior Element
Small Interior Elements
Primary Interior Element
Conclusion
Lesson 4
Animation
Now that you've designed your main and supporting interfaces, it's time to bring them to life. In this lesson, you will start animating and adding basic complexity to your design.
- 2 hoursTotal Lesson Duration
- 19 VideosVideo Lectures in this Lesson
Guidance
After Effects Intro
Primary Element Initial Animation
Adding Detail Elements
Conclusion
Lesson 5
Finishing Touches
In this lesson, you will finish the animated section you've been working on, and can repeat the process until your entire project is complete. You'll also get an extended look at Kris' work on his own project after the events of the course!
- 1 hour 19 minutesTotal Lesson Duration
- 15 VideosVideo Lectures in this Lesson
- Project FilesDownloadable Project Files
Guidance
Finishing Touches
Further Interfaces Overview
Presentation
0 Comments
There are no comments
New comments from the community will be visible here.