[Studio 1] WIP Video Week 1-2

Transcript:

Hi, this is the Work in progress video for Week 2. I’ll break it down into 4 sections, The folio introduction, the inspiration, the outcome, and the next week’s plan.

The video is designed to be a 2D animation video documenting the history of the trendy user interface design styles. In the video, I’ll discuss more about the fine line from Skeuomorphistic design to flat design and finally to Semi-3D Design via app icons. I’ll also raise the concern of what visual element will be recognised as the final product by the audience/user, which will be demonstrated in the inspiration section.

This video has 2 chapters to explaining the user interface design history. One is narrating a brief story of a perfect round dot named Dotte. Basically, the plot is that Dotte’s addiction to food engorgement turns himself into a moon; The second is a faster version of the design history evolution.

The video is a vivid emphasis to detailing diverse design styles, and the video will not provide any answer of which style is the best, instead, it depends on each of you considering the visual balance and usability. Actually, during brain-storming, I was wondering what the design style will be in the next 5 years or 10 years, is it gonna be a simple iteration or a complete overhaul? My prediction of the future language will also embed into the video.

My first inspiration is the Apple's WWDC 2013 Intro. The video uses flat design to demonstrate various physical effects, which is full of analogy, subtlety and clarity. The motions are realistic and the narration looks poetic accompanied with subtitles. This inspires me to define the fine line that makes audience recognise the object.

My second inspiration is the Design Layers series from the graphic designer Andrew Kliatskyi. The designer is committed into the making of artworks, aka behind the scenes. Like the transformation from sketch to final piece. The emphasis on the lighting, the opacity of textures, how it is placed is what appeals to me the most.

My third inspiration is Mimes by Charlie Chaplin. His chain of movements is full of fluency and intelligibility and the collaboration with symphony really dramatise his movement, which stands out in an era that movies don’t have real-time recordings.

Next, let's talk about the outcome. I've organzied all of my weekly tasks so that it can remind me if things get done. The tools that I use for this folio is Figma, Illustrator, After Effects, 3ds Max and Premiere Pro. Let's dive into all the accomplishments of this week, the first one is the Moodboard, everything that visually inspires me; this is the initial version of the script, it details the characteristic, personality and the motion of the story, which can give me ideas to define properties in production; Actually I did the Character Design after finishing the script, I put myself as a reader to generalize the traits of the character Dotte. As for the appearance, I threw coins to do the determination. Dotte has a big belly, likes to eat but he is a real gentleman. His behaviours really fit explain his suit & tie, he won't allow anything indecent happening to himself. But that is the thing about formal, he surpress himself sometimes when crazy ideas come his minds. Because in the middle age, he wants to accept realism, but the truth is he just can't. The story expands based on this.

Next week, I'll generate a storyboard based on the script, and then draw scenes in Illustrator. So it is another essential step. Also, there will be a new moodboard for sound effects so that I can record them in week 4. So that's all for the video, thank you.

Downloads:

Download File: wip-video-week-2-daien-lyu.mp4