Lesson 4 interactive media (1)
-
Upload
hwells2101 -
Category
Education
-
view
247 -
download
0
Transcript of Lesson 4 interactive media (1)
![Page 1: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/1.jpg)
Semiotics in Interactive Media
![Page 2: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/2.jpg)
Find a website to use an example for our discussion today
![Page 3: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/3.jpg)
Learning Aims:
• All of you will be able to analyse interactive media design
• Most of you will be able to use examples of the interactive media uses
• Some of you
![Page 4: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/4.jpg)
What is semiotics?
• How can it be used in interactive media?
![Page 5: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/5.jpg)
Can you remember what the following terms mean?
• Signified
• Signifier
![Page 6: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/6.jpg)
Websites use semiotics in the following ways:
• Colour• Icons• Imagery• Words used
![Page 7: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/7.jpg)
Icons • Icons are symbolic graphics which help
communicate to the user with simplicity.
• Often used to help the user navigate better.
• Often clear and simple.
• Clearly and visually represents something so that the user can quickly see what they need to do rather than using lots of text.
![Page 8: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/8.jpg)
Icons and semiotics
• Usually used to visually represent something so that the audience can clearly and quickly identify what the icon means without words.
![Page 9: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/9.jpg)
What the icons on your website example mean?
![Page 10: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/10.jpg)
Colour • Colours can indicate a deeper
meaning
• They can influence and reflect a mood
• After time colour branding can be used to associate with a product.
• Websites often reflect this colour branding.
![Page 11: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/11.jpg)
• Red activates your pituitary gland, increasing your heart rate and causing you to breathe more rapidly. This
• instinctive response makes red aggressive, energetic, provocative and attention grabbing. Count on red to evoke a passionate response, albeit not always a favorable one. For example, red can represent danger
![Page 12: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/12.jpg)
![Page 13: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/13.jpg)
Cool blue is perceived as trustworthy, dependable, responsible and secure. Strongly associated with the sky and sea, blue is serene and universally well liked. Blue is an especially popular color with financial institutions, as its message of stability inspires trust.
![Page 14: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/14.jpg)
![Page 15: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/15.jpg)
In general, green connotes health, freshness, environmental consciousness and serenity. Howevergreens meaning varies with its many shades. Deeper greens are associated with wealth or prestige, while light greens are calming.
![Page 16: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/16.jpg)
![Page 17: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/17.jpg)
In every society, yellow is associated with the sun. Thus, it communicates optimism, positivity, light and warmth. Certain shades seem to motivate and stimulate creative thought and energy, confidence and playfulness. The eye sees bright yellows before any other color, making them great for displays.
![Page 18: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/18.jpg)
![Page 19: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/19.jpg)
Purple is a color favored by creative types. With its blend of passionate red and tranquil blue, it evokes mystery, sophistication, spirituality and royalty.
![Page 20: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/20.jpg)
![Page 21: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/21.jpg)
Pinks message varies by intensity. Hot pinks convey energy, youthfulness, fun and excitement. Dusty pinks appear sentimental. Lighter pinks are more romantic.
![Page 22: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/22.jpg)
![Page 23: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/23.jpg)
• This earthy color conveys simplicity, naturalness durability and stability. It can
also elicit a negative response from consumers who relate to it as dirty. Certain shades of brown, like terracotta can convey an upscale look.
![Page 24: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/24.jpg)
![Page 25: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/25.jpg)
• White connotes simplicity, cleanliness and purity. The human eye views white as a dazzling colour, so it immediately catches
the eye in signage. White is often used with infant and health- related products.‐
![Page 26: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/26.jpg)
![Page 27: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/27.jpg)
Black is serious, bold, powerful and classic. It creates drama and connotes sophistication. Black works well for expensive products, but can also make a product look heavy
![Page 28: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/28.jpg)
![Page 29: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/29.jpg)
• Cheerful orange evokes exuberance, fun and vitality. With the drama of red plus the
cheer of yellow, orange is viewed as sociable and often childlike. Research indicates its lighter shades appeal to an upscale market. Peach tones work well with health care,restaurants and beauty salons
![Page 30: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/30.jpg)
![Page 31: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/31.jpg)
How and why are colours used on your website example?
![Page 32: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/32.jpg)
Images • Images can be used in
many different ways to signify a deeper meaning.
• Often images have hidden messages, or forms of symbolism within them that tell us something about the mood, what’s happening or a symbolic meaning.
![Page 33: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/33.jpg)
Words used
• Words can be used to evoke thoughts and feelings.
• Websites often use tag lines, slogans and titling to evoke deeper thoughts about what they stand for.
![Page 34: Lesson 4 interactive media (1)](https://reader033.fdocuments.us/reader033/viewer/2022052606/58a0a0611a28ab9f758b6191/html5/thumbnails/34.jpg)
TASK: Use lesson 4 on Moodle and write for your assignment:
Interactive Media Design: What you need to know.
Today’s Lesson:• Discuss semiotics • Give examples of how it
has been used in interactive media.
• Discuss:- Imagery- Words- Colours- Icons