This document provides an introduction to digital media and multimedia, discussing the differences between analog and digital media, and how media can be used to convey messages through different mediums of communication. It also explores principles of design like typography, color, shape and more, and how multimedia artists have incorporated different disciplines into their work. Key concepts around digital media, vector graphics, and principles of design are explained to provide foundational knowledge on the topics.
FTLC workshop on visual tools like infographics/easelly, jing and pixlr as well as colors and fonts and their relation to Universal Design for Learning.
Does your organization have loads of unused data? Information design can turn that data into understandable visuals, giving your members the right information to make choices or learn something new about your industry. Be better positioned to tell your story by learning how to make your infographics clear, compelling, and convincing. Learn how infographics can boost your website’s SEO and can aid in user engagement in this free webinar.
Introduction to information visualisation for humanities PhDsMia
Training workshop for the CHASE Arts and Humanities in the Digital Age programme. (
This session will give you an overview of a variety of techniques and tools available for data visualisation and analysis in the humanities. You will learn about common types of visualisations and the role of exploratory and explanatory visualisations, explore examples of scholarly visualisations, try some visualisation tools, and know where to find further information about analysing and building data visualisations.
FTLC workshop on visual tools like infographics/easelly, jing and pixlr as well as colors and fonts and their relation to Universal Design for Learning.
Does your organization have loads of unused data? Information design can turn that data into understandable visuals, giving your members the right information to make choices or learn something new about your industry. Be better positioned to tell your story by learning how to make your infographics clear, compelling, and convincing. Learn how infographics can boost your website’s SEO and can aid in user engagement in this free webinar.
Introduction to information visualisation for humanities PhDsMia
Training workshop for the CHASE Arts and Humanities in the Digital Age programme. (
This session will give you an overview of a variety of techniques and tools available for data visualisation and analysis in the humanities. You will learn about common types of visualisations and the role of exploratory and explanatory visualisations, explore examples of scholarly visualisations, try some visualisation tools, and know where to find further information about analysing and building data visualisations.
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...Shalin Hai-Jew
It is early days for generative art AIs. What are some ways to use these to complement one's work while staying legal (legal-ish)?
Correction: .webp is a raster format
The importance of being communicative (vers. 2014)Frieda Brioschi
What are my needs in term of communication and how can I satisfy them? Landscape, starting from Cluetrain Manifesto and going through some definitions (Social media, in comparison with industrial media, social networks, networked publics).
How to create an effective message: my benefits, why customize and fix, usefulness of groups and habits, the importance of immediacy and schedule, the use of different communication techniques.
Finally we outline which rules are essential: conversational and listening rules, blurring of public and private, storytelling, objectives and how everything is summarized in the editorial plan.
Human Factors and Background of Immersive Design
Designing the whole experience
Theories of perception
Creating hierarchy in 3D
Human centered
Expecting the unexpected
Figure-ground
Location, location, location
Getting emotional
Control is overrated
Diagramming, Figures, and Imagery (2D): Think Visual in Online LearningShalin Hai-Jew
Learners will…
define “visual thinking” and “visual cognition”
describe some dimensions of visuals in online learning
describe some ways to create visuals in online learning
consider some uses of visuals in online learning
explore legal considerations related to online learning visuals
consider going open-source for visuals
think about signatures and styles in terms of online visuals (and sharing broadly)
contemplate common errors in visualizations for online learning
review ways to think visually
This tutorial offers a step-by-step guide on how to effectively use Pinterest. It covers the basics such as account creation and navigation, as well as advanced techniques including creating eye-catching pins and optimizing your profile. The tutorial also explores collaboration and networking on the platform. With visual illustrations and clear instructions, this tutorial will equip you with the skills to navigate Pinterest confidently and achieve your goals.
More Related Content
Similar to Idm unit i ppt (deleted 38112ace3a82cbb8fba22044606fd8dc)
Human-Machine Collaboration: Using art-making AI (CrAIyon) as cited work, o...Shalin Hai-Jew
It is early days for generative art AIs. What are some ways to use these to complement one's work while staying legal (legal-ish)?
Correction: .webp is a raster format
The importance of being communicative (vers. 2014)Frieda Brioschi
What are my needs in term of communication and how can I satisfy them? Landscape, starting from Cluetrain Manifesto and going through some definitions (Social media, in comparison with industrial media, social networks, networked publics).
How to create an effective message: my benefits, why customize and fix, usefulness of groups and habits, the importance of immediacy and schedule, the use of different communication techniques.
Finally we outline which rules are essential: conversational and listening rules, blurring of public and private, storytelling, objectives and how everything is summarized in the editorial plan.
Human Factors and Background of Immersive Design
Designing the whole experience
Theories of perception
Creating hierarchy in 3D
Human centered
Expecting the unexpected
Figure-ground
Location, location, location
Getting emotional
Control is overrated
Diagramming, Figures, and Imagery (2D): Think Visual in Online LearningShalin Hai-Jew
Learners will…
define “visual thinking” and “visual cognition”
describe some dimensions of visuals in online learning
describe some ways to create visuals in online learning
consider some uses of visuals in online learning
explore legal considerations related to online learning visuals
consider going open-source for visuals
think about signatures and styles in terms of online visuals (and sharing broadly)
contemplate common errors in visualizations for online learning
review ways to think visually
This tutorial offers a step-by-step guide on how to effectively use Pinterest. It covers the basics such as account creation and navigation, as well as advanced techniques including creating eye-catching pins and optimizing your profile. The tutorial also explores collaboration and networking on the platform. With visual illustrations and clear instructions, this tutorial will equip you with the skills to navigate Pinterest confidently and achieve your goals.
Hadj Ounis's most notable work is his sculpture titled "Metamorphosis." This piece showcases Ounis's mastery of form and texture, as he seamlessly combines metal and wood to create a dynamic and visually striking composition. The juxtaposition of the two materials creates a sense of tension and harmony, inviting viewers to contemplate the relationship between nature and industry.
Brushstrokes of Inspiration: Four Major Influences in Victor Gilbert’s Artist...KendraJohnson54
Throughout his career, Victor Gilbert was influenced heavily by various factors, the most notable being his upbringing and the artistic movements of his time. A rich tapestry of inspirations appears in Gilbert’s work, ranging from their own experiences to the art movements of that period.
This document announces the winners of the 2024 Youth Poster Contest organized by MATFORCE. It lists the grand prize and age category winners for grades K-6, 7-12, and individual age groups from 5 years old to 18 years old.
Boudoir photography, a genre that captures intimate and sensual images of individuals, has experienced significant transformation over the years, particularly in New York City (NYC). Known for its diversity and vibrant arts scene, NYC has been a hub for the evolution of various art forms, including boudoir photography. This article delves into the historical background, cultural significance, technological advancements, and the contemporary landscape of boudoir photography in NYC.
4. Media -> Medium -> Communication
Main idea:
Media: “the main means of mass communication
(broadcasting, publishing, and the Internet), regarded
collectively.” – Plural form of medium
• Conveying a message
• Multimedia- using one or more type of medium
6. Intro to digital media
Analog vs Digital
• ANALOG: “elating to or using
signals or information represented
by a continuously variable physical
quantity such as spatial position or
voltage.”
• DIGITAL: (of signals or data)
expressed as series of the digits 0
and 1, typically represented by
values of a physical quantity such
as voltage or magnetic
polarization.
• https://www.youtube.com/watch?v=b
tgAUdbj85E
8. Technicalities
• Digital- comes from binary digits or bits
• Bits- combination of both binary and digits.. Woah!
• Units of memory, whereby information is stored.
• 8 bits = byte
• 1KB = 1,024 bytes
• 1MB = 1024 kilobytes
• Binary/ double digits- value of 0s and 1s that make up computer data.
9. Think Pair Share
Why multimedia as an art practice..?
• Why Not?
• How can multimedia be applied to my art practice?
• How can multimedia influence, expand, or help prepare me in
my studio?
• Name an artist or designer working with multimedia and
applying it to an inter-displinary art practice.
• I completely disagree because…
10. A couple of multimedia inter-disciplinary
based artists…
15. Video of the Day
Isabella Rosselini
https://www.youtube.com/watch?v=X4tsEnGLKE4
How is this intermedia?
How is it relevant to digital media?
What is the concept of this?
How are more than one disciplines coming together in this video?
19. Non-Universal Principles of ART!
• Knowing the rules enables you to bend and/or break them (eg. Glitch
Art)
• Your artistic view on things enables you to find new ways of
understanding/evaluating/interpreting and realizing content
• Digital Media not only enables you to iterate these ideas faster but also
provides more tools that help you through the process
21. Point
Line
Curve
Handle
What does Vector mean?
https://www.youtube.com/watch?v=-VN_zzKy7UE
Vector based software uses mathematical equations to
describe and define points, lines, curves, and shapes.
22. Two main advantages of Vector Graphics
are:
1. Resolution Independent
(fully scalable -
without quality loss).
2. Relatively small file size.
30. OBJECTIVES:
To understand and apply the use of vector graphics to create a
composition both in digital and tangible form.
To learn how to utilize Adobe Illustrator in order to create a
composition.
To understand the basic structure of typography, & to be able to
differentiate between serif and san serif types.
To create and find visual equivalents relevant to your personal identity
31. Project I related assignments:
•Part 1: Watch a sci-fi movie
•Part 2.1: Alter ego I
•Part 2.2: Design a Name
•Part 3: Mind map your Sci Fi character
•Part 4: Alter ego II
39. Typography
Design composition using type (with an emphasis on design), including the
arrangement and appearance of type.
• Crucial component in inter/ multimedia design
• Typography's main job is to convey information in writing
“Typography has one plain duty before it and that is to
convey information in writing. No argument or
consideration can absolve typography from this duty. A
printed work which cannot be read becomes a product
without purpose…”
IDM text- pg. 79
40. Typography
Text VS Type
“Text is essentially written language represented as a combination of
letters and words. It is used to express thoughts, ideas, and emotions.”
“Type is a form of text. The term originally referred to the design of block
and raised letters used for printing.”
IDM text- Pg. 76
41. Typography
Serif VS San Serif
Important words:
• Letter forms
• Typeface
• Font
• Script
Serif
San Serif
Typographic Design/ Typography:
• Font selection
• Leading
• Kerning
• Tracking
42. Think Pair Share
Marshall McLuhan
“The medium is the message”
1.Can McLuhan’s idea about the medium be applied to Typography?
2.How can McLuhan’s idea about the medium be applied to typography?
3.How can this application be useful.
4.If not, why not?
Mulit/intermedia- Used by combing multiple mediums/ media to convey a message. It can also be viewed as the interaction between multiple mediums in order to construct one cohesive piece of work. Most of our everyday interactions involve using multi media interfaces; from cell phones, ATMs, laptops, parking meters, and now, even vending machines, we are interacting with some type of multimedia presentation.
Anything that has Text, images, videos, interactivity, and screen displays are all considered Multi media designs. Did you use your card to pay for your parking ticket this morning? Even parking meters have now become digitized with multi media displays
Marshall McLuhan – leading and influential media communication theorist. ”medium that shapes & controls the scale and form of human association and action.” Focus should not be on the context of what is being said, but instead the medium by which it is delivered. Subject matter- irrelevant. Delivery format- crucial factor.
Analog vs digital: In other countries, the analog to digital conversion is still occurring, still occurring in general (everywhere)- How can analog be converted to digital? – Analog to digital converters
Have students get into pairs and discuss then share
The seven elements of art are the building blocks any artwork, not only that but they are used to analyze and interpret works of Art as well. You might thing these apply only to traditional mediums such as painting or photograph but when you look closer you’ll see their use in the composition of a digital image or video as well, without them the chaotic representation that results won’t be easily understood by the audience. Or would it? Later we’ll look at the counter argument!
The principles of Art are the “rules” or guidelines that we use to create a work of Art. They are incorporated to organize or arrange the structural elements of design.
Balance – is the visual equalization of the elements of art
Proportion – Is the relationship in size between the components that the artwork is made of
Emphasis – How to make a component of a work to become the focal point
Unity – Is the wholeness and togetherness of a work of art
Variety – Is to combine the art elements to increase visual interest
Unity and variety are related, they are the creative use of art elements, that is to say we use a combination of art elements in an interesting way to achieve them, for instance the combination of sizes, color and the texture of a mountain that you are taking a picture of.
Rhythm/Movement – is to use the visual elements to produce the “feel” of movement! The hand of a person reaching for an object in the scene is one example.
Contrast – Is the difference between two or more elements of art, if it’s color and texture then it’s the difference between the two color, say black and white and the texture say soft vs rough
Repetition – As the name suggests is repeating an element many times for instance to achieve another principle which is…
Form ground relationship – Is the relationship between a from and its background.
“typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work wnich cannot be read becomes a product without purpose…” What does that mean
Letterforms:
Unique shapes of individual letters
Typefaces: Identified by their letter form
Serif- additional marks or tips at the ends of each letter stroke. Originated from as Roman Letters cut into stone, “the extra line was a cut used to add precision to letter strokes and aid readability.”
San Serif- Do not have added marks- clean and modern appearances: Easier to read at smaller sizes
Script
Typeface: graphic representation of letters, numbers, and symbols in a variety of styles and sizes
Typographic treatment: How type is designed- what is done to the letter forms and words to make it more interesting/ visually appealing thus being able to have a greater impact for communication purposes.
Font selection
Leading: Spaces between lines of text
Kerning: space between letters
Tracking: space between words
Think back to Marshall McLuhan: “The medium is the message”
Marshall McLuhan – leading and influential media communication theorist. ”medium that shapes & controls the scale and form of human association and action.” Focus should not be on the context of what is being said, but instead the medium by which it is delivered. Subject matter- irrelevant. Delivery format- crucial factor.
Typographic treatment: How type is designed- what is done to the letter forms and words to make it more interesting/ visually appealing thus being able to have a greater impact for communication purposes.
Font selection
Leading: Spaces between lines of text
Kerning: space between letters
Tracking: space between words
Vector graphics aren’t limited to illustrations, they also include typography.
How can type be expressive?
Taken a verb and brought it to life through text