Design a site like this with
Get started

L2 Graphic Design Foundations: Media Types

1.Definitions of Multimedia & Interactive Media


Multimedia is content that uses a combination of different media platforms such as text, audio, images, animations, video and interactive content. Multimedia contrasts with single platform media such as text-only, audio only or traditional forms of printed or hand-produced material where the interaction (input / output) only goes in one direction.

Interactive Media

Interactive Media is content that uses a combination of different media platforms such as text, audio, images, animations, video to build a two way “conversation”. Interactive Media relies on human input by voice, action, movement etc.

ArrowThe basics of UX Design

2. Multimedia: BBC News website; CNN website; Red Button on your TV. Especially the news site uses a combination of audio and visual material to communicate their stories. Both news sites also use animated info-graphics to help communicate number heavy data such as % prevalence of a disease.

Interactive Media: Gaming such as “Call of Duty” & “Fortnite”; Black Mirror TV prog called Bandersnatch or the Jobcentre Plus interactive kiosk called JobPoint.

3. In Bandersnatch the viewer interacts with the TV prog using their remote control. At key points in the story the viewer gets to choose the direction that the story takes.

In Fortnite the viewer interacts with the game via a keyboard or joystick but also communicates with the other players aurally via headphones etc. Feed back is via sound and image – gun shots, explosions etc. Also the terrain changes – you’ve got to jump gaps etc. There are also in game purchases: weapons caches and outfits/dances.


Corporate Identity Guideline

Defines how your company’s brand (In this instance Jobcentre Plus), image and messaging are delivered consistently to their target audience. The rules for consistent use of the logo, typography, colour, etc are all laid out in the attached JCP Design Handbook:

Arrow jcp-designhandbook-v8 Download


The measure of a web page’s usability by any person at any time – it is not just for persons with disabilities. It is very easy to build a website (using a CMS) that contains all the coded elements of an accessible design. To test a websites accessibility try:

This is a web based accessibility checker. Websites are ranked from A , AA and AAA according to the level of accessibility achieved. Accessible coding includes: ALT tags, DESCRIPTION tags, TITLE tags etc – all things that can be read out by a aural browser.


A medium or highly detailed static representation of the design usually built in PhotoShop. A good mockup demonstrates the LOOK ad FEEL of the final product, and the process of mockup creation is less time-consuming compared to making working HTML prototypes. Such as theses mockups for the client path for the JCP Kiosk app:


User Interface (UI), or Graphical User Interface (GUI)

The “Front End” of a website or application. The space through which the user communicates with the website or application. Primarily the space where interactions between humans and machines occur. The easier the interface the easier the interaction.



A simplified HTML buildout of the various Information Architectures (AI) of an intended website or web page. it’s a skeleton of the design and should contain all the important architectural elements of the final product but NOT the graphic look and feel. Typically built in raw HTML/CSS.

User Experience Powerpoint:

Gestalt Principles (1):

First the heavy bit: Gestalt psychology or gestaltism (/ɡəˈʃtɑːlt, -ˈʃtɔːlt, -ˈstɑːlt, -ˈstɔːlt/; from GermanGestalt [ɡəˈʃtalt] “shape, form”) is a philosophy of mind of the Berlin School of experimental psychology. Gestalt psychology is an attempt to understand the laws behind the ability to acquire and maintain meaningful perceptions in an apparently chaotic world. The central principle of gestalt psychology is that the mind forms a global whole with self-organizing tendencies.

This principle maintains that when the human mind (perceptual system) forms a percept or “gestalt”, the whole has a reality of its own, independent of the parts. The original famous phrase of Gestalt psychologist Kurt Koffka, “the whole is something else than the sum of its parts” is often incorrectly translated as “The whole is greater than the sum of its parts”, and thus used when explaining gestalt theory, and further incorrectly applied to systems theory. Koffka did not like the translation. He firmly corrected students who replaced “other” with “greater”. “This is not a principle of addition” he said.[ The whole has an independent existence.

Source: [20/02/19]

Gestalt Principles (2):

Practically the Gestalt principles rely on the mind “interpreting” data – seeing a line of dots as an actual line, not just a line of individual dots.


Reification is the constructive or generative aspect of perception, by which the experienced percept contains more explicit spatial information than the sensory stimulus on which it is based.

For instance, a triangle is perceived in picture A, though no triangle is there. In pictures B and D the eye recognizes disparate shapes as “belonging” to a single shape, in C a complete three-dimensional shape is seen, where in actuality no such thing is drawn.

Reification can be explained by progress in the study of illusory contours, which are treated by the visual system as “real” contours.


The Necker cube and the Rubin vase, two examples of multistability

Multistability (or multistable perception) is the tendency of ambiguous perceptual experiences to pop back and forth unstably between two or more alternative interpretations. This is seen, for example, in the Necker cube and Rubin’s Figure/Vase illusion shown here. Other examples include the three-legged blivet and artist M. C. Escher‘s artwork and the appearance of flashing marquee lights moving first one direction and then suddenly the other. Again, gestalt does not explain how images appear multistable, only that they do.


Invariance is the property of perception whereby simple geometrical objects are recognized independent of rotation, translation, and scale; as well as several other variations such as elastic deformations, different lighting, and different component features. For example, the objects in A in the figure are all immediately recognized as the same basic shape, which are immediately distinguishable from the forms in B. They are even recognized despite perspective and elastic deformations as in C, and when depicted using different graphic elements as in D. Computational theories of vision, such as those by David Marr, have provided alternate explanations of how perceived objects are classified.

Emergence, reification, multistability, and invariance are not necessarily separable modules to model individually, but they could be different aspects of a single unified dynamic mechanism.[17]

Arrow Source: [20/02/19]

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close