You are here

UI and Data Design for Film

  • instructor

- Ash Thorp

  • apprentice

- Maciej Kuciara

  • apprentice
  • learn squared

- Stylow .

Starting from square one, veteran graphic designer Ash Thorp will show you how to create production-ready UI and data elements for Hollywood films. Learn alongside Ash's professional Apprentices as you journey from client brief, all the way to final render and professional presentation.

Sign Up Any Time

* There is currently no pending mentorship for this course. Please sign up for the Waiting List to be notified of any available sessions in the future.

Student Gallery

UI and Data Design for Film

For the typeface, i chose the main typeface with a possible replacement next to it. Futura was chosen because it is a good geometric typeface both widely known and use while a replacement could be gill sans a humanist contrast. Next is Neue Haas Grotesk which is "blockier" than Helvetica an all round solid sans serif while it's replacement could be univer which is great compositionally. Lastly is the "Sci-fi" font. Eurostile was visually and compositionally sound while i thought sprinkling some microgramma extended could be a nice mix. Generally the most common weight would be bold but it may vary.

The references i mainly picked for the layered, structured and detailed while the muse images is what would inspire the final design hopefully.

Creating the mind map really helped categorise thoughts into something physical and really helps speed up the process for reference collection. For the thumbnails i was thinking more about the form of the Hex Obj and the motion and form the obj could probably have. The last thumbnail was done as a revision and after watching maciej's journey inspired me to try his thumbnailing style and i really loved it.

Learn Squared is an invaluable resource to artists of all skill levels.

- Volen CK
For these assets I restricted myself to 1pt lines, no fills, no arcs and angles of 45 degree increments. With these restrictions in mind, I could focus on creating varying areas of complexity to guide the eye while intentionally reserving pockets of white space for the eye to rest.

My Homework for Week 1 - Dissecting the Creative Brief

In creating the mindmap, I found that I was most drawn to the abstractness of an object containing such a wide amount of information within a compact area. I tried to push questions that I could ask myself, in order to stay on track. I found the mind map to be a hugely helpful part of the process because I'm typically a bit more scatterbrained and get lost on many different tracks. Having all of my thoughts down in a concrete place really helped me self-critique and question whether my thumbnails were truly in line with the project goals.

Lessons in this Course

Software Used: 
Adobe Photoshop, Illustrator, Cinema 4D Studio R16
Optional Software: 
Font Explorer, Mind Node, InDesign, Bridge 2015