Winter 2021 | Semester 7 | Unity, Illustrator, InDesign, Photoshop, After Effects
abgebildet
abgebildet is a project about the inner and outer perception of one’s self. For that terms as self-image, public-image or self-esteem are brought to the attention of the viewers, which are strongly connected to each other. The relation between those terms influences the effect of somebody from outside and inside. abgbildet has the aim to sensitize the viewers for the term of authenticity under the influence of digitalization. The project shows the effect of Social Media by a digital gadget – the smartphone. As a result of that the authenticity and the associated distortion of the identity can me highly influenced.
Installation
Installation layout: The self-image is made up of three dimensions, a cognitive one, a emotional-affective one and a judgemental one. That’s because there are three squares that hide each other in a specific way. the other terms are positioned in a consistent distance to the middle. The overall composition results by the different materials (reflective, transparent, light-tight) and distances.
First Idea and Wireframes
First sketches: In the beginning my fellow student and me made sketches to figure out how the construction and user flow should be like.
Styleguide (Installation and App)
FONT SYSTEM – INSTALLATION
Leading quote – Font: Manofa
LEADING QUOTE SOURCE – FONT: GOTHAM
Quote on squares – Font – Font: Manofa
Quote source – Font: Gotham
FONT SYSTEM – APP
Headline – Font: Manofa
Subheadline – Font: Manofa
Running text – Font: Gotham
Space and Installation description – Font: Gotham
COLOR SYSTEM
#ffffff
#dfeaff
#999999
#000000
#ff0000
#000fff
Augmented Reality – Application
START
Icon: The application’s icon should meet two criteria. On the one hand it should show the app’s function, on the other hand the project’s content. After starting the application a screen appears that explains how to use it.
HOMESCREEN
Homescreen: After starting the application the homescreen appears. It’s automatically in the Scanmode. Furthermore, there are two other buttons in the navigation bar. The left one contains the concept’s description and the right one shows an overview of the space
Concept – Project: The left button in the main menu contains a description of the project’s central terms on the first screen: self-image, public-image, self-esteem, authenticity and distortion. On the next screens there is shown a circular model with those terms in it.
Concept – Space: The right button shows the installation’s room layout. After tracking one of the codes, there is an extra button that shows the location of the user in the installation.
Codes: There is a specific code for each term. All codes are deduced from Social Media in some way. After scanning one of the codes, the user gets to the related sidescreen.
Sidescreen – Selbstwert: After tracking the specific sidescreen changes in some way. In the example below the screens turns darker. In the navigation bar there are three buttons. By clicking the left one the user gets back to the home screen. The right one contains an example video with introductory questions. It’s always about a Social Media topic. The button in the middle shows a description of the actual term and the location in the installation.
Impressions
Moodfilm – Installation and ar-application
Portfolio 