This video would utilise a tech-based aesthetic to communicate the logogram series 'code'. This would be achieved through choices to both visual and audio. The visual should utilise screen-based design that acknowledges computer malfunction, or simply visuals limited to digital outputs. The sound will apply futuristic electronic computer noise, with high pitches that replication buttons and engines working at high speed. This can be achieved through manipulation of existing computer fan/oscilloscope/machine/loading/clicking sounds.
Evolving the imagery
If the design considers the research, language evolves with the generation and environment. As such, if this concept was to be applied to a future where this language was being used, the logograms would have progressed from their original states. This is particularly likely if there are used solely on a digital platform and through AI. As such, the design sought to layer the imagery with more computer manipulation, as to produce an outcome that is both contextually and aesthetically relevant to this prospect of a future.
The design used a variation of editing techniques to generate evolved versions of the logograms. This included distortion techniques like scanning, liquifying, zooming, mirroring, blurring, as well as converting the line into 3d grids, pixels and scenes, and layering imagery. A 'mash' editing preset was also discovered that allowed the computer to mash up the image in what ever direction the user selects. This produced a very relevant 'glitch' quality that carried the concept of the computer evolving the language.
 |
Less successful edits |
Evolved imagery used for progression:
Turning the more successful imagery monochrome to fit the design concept.
Inverted qualities were also tested with consideration for this making a motion video more flashy. However, the design decided to keep a consistent black background to adhere to the idea of RGB/ a fully screen-based language.
The design then found software that converted any image into a full composition of emojis. This was a relevant development for applying emojis with greater subtlety for a more authoritative and futuristic tone. A similar technique was then applied using a coding preset that turned all the lines of an image into numbers, symbols and letterforms. This was a perfect aesthetic to use for connoting the techtopian evolution of a code language. The effect was used on the 'knowledge' code and then overlaid on all the other logogram due to its horizontal linear structure which resembles computing.
Initial video:
Adding futuristic electronic sounds:
Placing the code into context
After the video sequence of the futurist language was rendered, the design considered ways of presenting it in context. This was developed through questioning what type of screen we would have in a future with limited data storage, and the sort of design this thus would entail.
The development constructed a loading page for the exemplar 'received message' exploring ideas of how this would look in the future to give the design more substance. Using After Effects, the presentation of such ideas was advanced, utilising layering techniques.
Simple black and white grid imagery was gathered to use as a backdrop for the screen, to visualise the limited data and stripped back aesthetic.
Possible loading animations were created for the introduction section, and then audio was added to provide the full illusion.
The design experimenting with typographic treatments to communicate the 'loading' section.
Type experiment 1
The first type development used the full wording 'loading' and sought to utilise the loading graphics to type place the language title 'code'. Although this worked well for the circular qualities of 'c' and 'o', this application was less successful for the succeeding letters 'd' and 'e', and so this idea was left.
Type experiment 2
The second development removed the word 'loading' as it felt this completely disregarded the point of the new language rendering all words meaningless. It was felt the ellipses '...' could stand alone in communicating this message. Nonetheless, the 'generating code' part was still tested with qwerty wording to test its aesthetic before final production.
Final production - without type
After experimenting with type variations, it was concluded that the use of type was unnecessary and contradictory. The ellipses and motion graphics alone provide enough visual language to communicate the 'loading' section, and so the final production simply uses geometric form for this purpose.
In a chip 1
The final video was then placed in a chip to provide a more detailed contextual production. This was the one place the design thought the use of colour could be effective, as it is not being used to display the LED screen itself, but what the viewer would be watching it on. The use of green here therefore furthers this futuristic visual language.
Final refinement
After showing the initial production to people it was evident that the loading section needed shortening, as people were shutting off early on. The video was therefore refined, speeding up and cropping the loading section, limiting it to 10 seconds.
Final video
The design also decided to keep the contextual visual monochromatic, to fit a consistent aesthetic. Further research was then done gathering purely black and white futuristic screen imagery. On Photoshop, the design developed a final chip-like futuristic screen composition to use for the final production. This was done by taking geometric qualities from the various imagery, removing all letterforms/words to ensure the application would be contextual relevant, and re-formatting to make the design square instead of rectangular.