SlideShare a Scribd company logo
6
Most read
14
Most read
17
Most read
VDIS10021
WORKING IN DIGITAL DESIGN
SANGEETA JAIN
THE WORLD IS GOING DIGITAL!
https://wearesocial.com/special-reports/digital-in-2017-global-overview
SO IS DESIGN…
Introduction to Digital Design
• Digital Design is an creative work practice that uses digital computer technology as
an essential part of the creative process. It is about the interplay between people,
computers and culture. Digital Design is an evolving and exciting multi-disciplinary
field that underlies many of today’s fast-growing industries: from information to
communication, from advertising to entertainment. It is everywhere.
• There are countless types of digital design. The most common use of the term refers
to graphic, digital graphic and web design that includes digital imaging, animation,
coding, interface design, interaction design and more.
WHAT IS DIGITAL DESIGN?
WHAT IS A DIGITAL IMAGE?
• Digital images are electronic snapshots taken of a scene or scanned from
documents, such as photographs, manuscripts, printed texts and artwork. The
digital image is sampled and mapped as a grid of dots or picture elements
(pixels). Each pixel is assigned a tonal value, which is represented in binary
code (zeros and ones). The binary digits ("bits") for each pixel are stored in a
sequence by a computer and often reduced to a mathematical representation.
The bits are then interpreted and read by the computer to produce an analog
version for display or printing.
WHAT IS A DIGITAL IMAGING?
• Digital imaging is the creation of photographic images. It ranges from the
creation web banners, simple navigation elements such as buttons to complex
photo modulating and/or the creation of artistic imagery from scratch.
• Digital imaging was developed in the 1960s and 1970s for scientific and
military missions. As digital technology became cheaper in later decades, it
replaced the old film methods for many purposes. In 1957, Russell A. Kirsch
produced a device that generated digital data that could be stored in a
computer; this used a drum scanner and photomultiplier tube.
WHAT IS A DIGITAL IMAGING?
• In the early 1960s, while developing compact, lightweight, portable equipment for the
onboard non-destructive testing of naval aircraft, Frederick G. Weighart and James F.
McNulty at Automation Industries, Inc., co-invented the first apparatus to generate a digital
image in real-time which image was a fluoroscopic digital radiograph. Square wave signals
were detected on the fluorescent screen of a fluoroscope to create the image.
• These different scanning ideas were the basis of the first designs of digital camera. Early
cameras took a long time to capture an image and were poorly suited for consumer purposes.
It wasn’t until the development of the CCD (charge-coupled device) that the digital camera
really took off. The CCD became part of the imaging systems used in telescopes, the first
black and white digital cameras and camcorders in the 1980s. Color was eventually added
to the CCD and is a usual feature of cameras today.
https://en.wikipedia.org/wiki/Digital_imaging
WHO IS A DIGITAL DESIGNER?
• A digital designer is a creative who combines graphic design skills with
imagination and technology to produce a large range of visual media from
advertisements to websites, digital images to animation, 2D and 3D modelling
and graphics. Basically a digital designer is responsible for how something
looks on a digital platforms and devices such as on computers, mobile phones
or in video. A perfect blend of creativity and technology, the role of a digital
designer uses both the technical mind and the creative spirit to create a visual
world that influences current aesthetics and trends.
WHAT DOES A DIGITAL DESIGNER DO?
• A digital designer combines photography, videography, animation and graphic
design skills together to transform ideas and concepts into reality. A digital designer
has options to work as Digital Graphic Designer | Web Designer | Game Designer
| Interface Designer | Interactive Designer | Animator | Motion Artist | Photo
Editor | Videographer to name a few…
• Digital Designers need to meet the challenges of new technologies, keep pace with
the internet of things and more savvy audiences. Digital design brings new types of
production collaborations too. They need to work with a code developer to turn
visual ideas into functioning software applications.
WHAT IS PHOTO MEDIA?
• Photo Media is a photographic asset used for visual art and design purposes.
It may be a simple untouched photo or an image that has been manipulated
to change its appearance in any way. It encompasses of traditional and
digital photography as well as image capture by scanning.
• Photo Media emphasises on conceptual and practical investigations through
projects designed to foster individual interpretations and aesthetic
development and to promote the acquisition of technical skills and enhance
your engagement with research.
WHAT IS PHOTO IMAGING?
• Photo imaging, also known as image editing, retouching, image manipulation
or colloquially as "Photoshopping," is the process of altering images. It can be
done with modern digital techniques or with traditional analog processes.
Photo imaging, as it relates to graphic/digital design practices is unique in the
expression of design ideas.
• We will be focusing on the capturing and digitising of images as well as the
application of creative explorations into commercial outcomes.
BASIC TERMINOLOGY USED IN DIGITAL IMAGING
• RESOLUTION is the ability to distinguish fine spatial detail. Dots-per-inch
(dpi) or pixels-per-inch (ppi) are common and synonymous terms used to
convey the resolution of digital images.
• PIXEL DIMENSIONS are the horizontal and vertical measurements of an
image expressed in pixels. The pixel dimensions may be determined by
multiplying both the width and the height by the dpi. Example: An 8" x 10"
document that is scanned at 300 dpi has the pixel dimensions of 2,400 pixels
(8" x 300 dpi) by 3,000 pixels (10" x 300 dpi).
• BIT DEPTH is determined by the number of bits used to define each pixel. The
greater the bit depth, the greater the number of tones (grayscale or color) that can
be represented. Digital images may be produced in black and white (bitonal),
grayscale, or color.
• A bitonal image is represented by pixels consisting of 1 bit each, which can represent
two tones (typically black and white), using the values 0 for black and 1 for white or
vice versa. A grayscale image is composed of pixels represented by multiple bits of
information, typically ranging from 2 to 8 bits or more. A color image is typically
represented by a bit depth ranging from 8 to 24 or higher.
BASIC TERMINOLOGY
• DYNAMIC RANGE is the range of tonal difference between the lightest light
and darkest dark of an image.
• Dynamic range also describes a digital system's ability to reproduce tonal
information. This capability is most important for continuous-tone documents
that exhibit smoothly varying tones, and for photographs it may be the single
most important aspect of image quality.
BASIC TERMINOLOGY
• FILE SIZE is calculated by multiplying the surface area of a document (height x
width) to be scanned by the bit depth and the dpi2. Because image file size is
represented in bytes, which are made up of 8 bits, divide this figure by 8.
• COMPRESSION is used to reduce image file size for storage, processing, and
transmission.
• FILE FORMATS consist of information on how to read and interpret the file. File
formats vary in terms of resolution, bit-depth, color capabilities and support for
compression and metadata.
• We will discuss this terms in detail and also use them in our work as we go ahead.
BASIC TERMINOLOGY

More Related Content

PDF
Insights from XR: Live Performance in VR, Experiential Design, & the Metaverse,
PPTX
Introduction To Computing presentation
PPT
Digital design
PPTX
The bauhaus presentation
PDF
Good-lighting-for-offices
PPTX
PPTX
Bauhaus Architecture.pptx
PPTX
product decisions
Insights from XR: Live Performance in VR, Experiential Design, & the Metaverse,
Introduction To Computing presentation
Digital design
The bauhaus presentation
Good-lighting-for-offices
Bauhaus Architecture.pptx
product decisions

What's hot (20)

PPTX
Graphic design for marketing professionals
PPT
An Introduction To Graphic Design
PPTX
3D Modelling and Animation
PDF
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
PDF
Introduction to Graphic Design PDF [slideshare]
PDF
What is Graphic Design?
PPTX
Computer animation Computer Graphics
PDF
Graphic Design 101
PPTX
Computer graphics
PPTX
Overview of Graphics System
PPTX
PPTX
Graphic design
PPS
Image file formats
PPTX
Color model
PPT
Computer Graphics
PPTX
Multimedia graphics and image data representation
PPTX
File types
KEY
Introduction to Communication Design
PDF
Understanding Graphic Design
PPT
Chapter 2 Digital Data
Graphic design for marketing professionals
An Introduction To Graphic Design
3D Modelling and Animation
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
Introduction to Graphic Design PDF [slideshare]
What is Graphic Design?
Computer animation Computer Graphics
Graphic Design 101
Computer graphics
Overview of Graphics System
Graphic design
Image file formats
Color model
Computer Graphics
Multimedia graphics and image data representation
File types
Introduction to Communication Design
Understanding Graphic Design
Chapter 2 Digital Data
Ad

Similar to Introduction to Digital Design (20)

PPTX
MAPEH 10 - Computer - Digital -Arts.pptx
PPTX
Need for graphics design
PPTX
Multimedia
PPT
Graphics course fundamental
PPTX
introduction Welcome to mc tech 03_Unit 2.2.pptx
PDF
Specialized Application.pdf
PPTX
Atlas
PDF
Introduction to computer graphics.Basic foundation of graphics in computer sy...
PPT
Multimedia presentation shalini
PPTX
BASIC-CONCEPTS - 2d and 3d powerpointppt
PDF
Multimedia2017_A4 Brochure.indd_New
PPTX
Multimediadfdfjfhdjfjdfhdjfufjdjds -1.pptx
PPTX
Computer Graphics definition types and application .pptx
DOCX
Digital graphics
PPT
Multimedia
DOCX
4. multimedia
PPTX
Chapter One Course Overview and Introduction.pptx
DOC
Multimedia And Animation
PPTX
Digital Art world slides for creative arts
PDF
Graphics pdf
MAPEH 10 - Computer - Digital -Arts.pptx
Need for graphics design
Multimedia
Graphics course fundamental
introduction Welcome to mc tech 03_Unit 2.2.pptx
Specialized Application.pdf
Atlas
Introduction to computer graphics.Basic foundation of graphics in computer sy...
Multimedia presentation shalini
BASIC-CONCEPTS - 2d and 3d powerpointppt
Multimedia2017_A4 Brochure.indd_New
Multimediadfdfjfhdjfjdfhdjfufjdjds -1.pptx
Computer Graphics definition types and application .pptx
Digital graphics
Multimedia
4. multimedia
Chapter One Course Overview and Introduction.pptx
Multimedia And Animation
Digital Art world slides for creative arts
Graphics pdf
Ad

More from Virtu Institute (20)

PDF
Lecture 5 - Writing a project report
PDF
Lecture 5 - Packaging Materials and Labelling
PDF
Lecture 4 - Sustainable Packaging Design
PDF
Legislation, Codes of Practice and Standards in Graphic Design
PDF
Web Design
PDF
Digital strategy for ebusiness
PDF
Managing Design and eBusiness - Lecture 2
PDF
Managing Design and eBusiness - Lecture 1
PDF
Design and the Environment - Sustainable Design
PDF
Design and the Environment - Cradle to Grave
PDF
Digital Print
PDF
OHS and Copyright
PDF
Asset Management and Workflow
PDF
Photomedia in Creative Practice (MANIPULATE IMAGES)
PDF
Photomedia in Creative Practice (CREATE IMAGES)
PDF
Lecture 3 - Visual Communication Theories
PDF
Lecture 2 - Film VS. Digital Photography
PDF
A little about Designing
PDF
Lecture 4 - Media Strategy
PDF
Lecture 3 - Problem Statement
Lecture 5 - Writing a project report
Lecture 5 - Packaging Materials and Labelling
Lecture 4 - Sustainable Packaging Design
Legislation, Codes of Practice and Standards in Graphic Design
Web Design
Digital strategy for ebusiness
Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 1
Design and the Environment - Sustainable Design
Design and the Environment - Cradle to Grave
Digital Print
OHS and Copyright
Asset Management and Workflow
Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)
Lecture 3 - Visual Communication Theories
Lecture 2 - Film VS. Digital Photography
A little about Designing
Lecture 4 - Media Strategy
Lecture 3 - Problem Statement

Recently uploaded (20)

PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
building Planning Overview for step wise design.pptx
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
Entrepreneur intro, origin, process, method
PPT
Machine printing techniques and plangi dyeing
PDF
Urban Design Final Project-Context
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
Media And Information Literacy for Grade 12
PPTX
12. Community Pharmacy and How to organize it
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
DOCX
actividad 20% informatica microsoft project
PPTX
areprosthodontics and orthodonticsa text.pptx
PPTX
6- Architecture design complete (1).pptx
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
building Planning Overview for step wise design.pptx
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
HPE Aruba-master-icon-library_052722.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Entrepreneur intro, origin, process, method
Machine printing techniques and plangi dyeing
Urban Design Final Project-Context
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Quality Control Management for RMG, Level- 4, Certificate
Media And Information Literacy for Grade 12
12. Community Pharmacy and How to organize it
Tenders & Contracts Works _ Services Afzal.pptx
actividad 20% informatica microsoft project
areprosthodontics and orthodonticsa text.pptx
6- Architecture design complete (1).pptx
Fundamental Principles of Visual Graphic Design.pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt

Introduction to Digital Design

  • 1. VDIS10021 WORKING IN DIGITAL DESIGN SANGEETA JAIN
  • 2. THE WORLD IS GOING DIGITAL!
  • 6. • Digital Design is an creative work practice that uses digital computer technology as an essential part of the creative process. It is about the interplay between people, computers and culture. Digital Design is an evolving and exciting multi-disciplinary field that underlies many of today’s fast-growing industries: from information to communication, from advertising to entertainment. It is everywhere. • There are countless types of digital design. The most common use of the term refers to graphic, digital graphic and web design that includes digital imaging, animation, coding, interface design, interaction design and more. WHAT IS DIGITAL DESIGN?
  • 7. WHAT IS A DIGITAL IMAGE? • Digital images are electronic snapshots taken of a scene or scanned from documents, such as photographs, manuscripts, printed texts and artwork. The digital image is sampled and mapped as a grid of dots or picture elements (pixels). Each pixel is assigned a tonal value, which is represented in binary code (zeros and ones). The binary digits ("bits") for each pixel are stored in a sequence by a computer and often reduced to a mathematical representation. The bits are then interpreted and read by the computer to produce an analog version for display or printing.
  • 8. WHAT IS A DIGITAL IMAGING? • Digital imaging is the creation of photographic images. It ranges from the creation web banners, simple navigation elements such as buttons to complex photo modulating and/or the creation of artistic imagery from scratch. • Digital imaging was developed in the 1960s and 1970s for scientific and military missions. As digital technology became cheaper in later decades, it replaced the old film methods for many purposes. In 1957, Russell A. Kirsch produced a device that generated digital data that could be stored in a computer; this used a drum scanner and photomultiplier tube.
  • 9. WHAT IS A DIGITAL IMAGING? • In the early 1960s, while developing compact, lightweight, portable equipment for the onboard non-destructive testing of naval aircraft, Frederick G. Weighart and James F. McNulty at Automation Industries, Inc., co-invented the first apparatus to generate a digital image in real-time which image was a fluoroscopic digital radiograph. Square wave signals were detected on the fluorescent screen of a fluoroscope to create the image. • These different scanning ideas were the basis of the first designs of digital camera. Early cameras took a long time to capture an image and were poorly suited for consumer purposes. It wasn’t until the development of the CCD (charge-coupled device) that the digital camera really took off. The CCD became part of the imaging systems used in telescopes, the first black and white digital cameras and camcorders in the 1980s. Color was eventually added to the CCD and is a usual feature of cameras today. https://en.wikipedia.org/wiki/Digital_imaging
  • 10. WHO IS A DIGITAL DESIGNER? • A digital designer is a creative who combines graphic design skills with imagination and technology to produce a large range of visual media from advertisements to websites, digital images to animation, 2D and 3D modelling and graphics. Basically a digital designer is responsible for how something looks on a digital platforms and devices such as on computers, mobile phones or in video. A perfect blend of creativity and technology, the role of a digital designer uses both the technical mind and the creative spirit to create a visual world that influences current aesthetics and trends.
  • 11. WHAT DOES A DIGITAL DESIGNER DO? • A digital designer combines photography, videography, animation and graphic design skills together to transform ideas and concepts into reality. A digital designer has options to work as Digital Graphic Designer | Web Designer | Game Designer | Interface Designer | Interactive Designer | Animator | Motion Artist | Photo Editor | Videographer to name a few… • Digital Designers need to meet the challenges of new technologies, keep pace with the internet of things and more savvy audiences. Digital design brings new types of production collaborations too. They need to work with a code developer to turn visual ideas into functioning software applications.
  • 12. WHAT IS PHOTO MEDIA? • Photo Media is a photographic asset used for visual art and design purposes. It may be a simple untouched photo or an image that has been manipulated to change its appearance in any way. It encompasses of traditional and digital photography as well as image capture by scanning. • Photo Media emphasises on conceptual and practical investigations through projects designed to foster individual interpretations and aesthetic development and to promote the acquisition of technical skills and enhance your engagement with research.
  • 13. WHAT IS PHOTO IMAGING? • Photo imaging, also known as image editing, retouching, image manipulation or colloquially as "Photoshopping," is the process of altering images. It can be done with modern digital techniques or with traditional analog processes. Photo imaging, as it relates to graphic/digital design practices is unique in the expression of design ideas. • We will be focusing on the capturing and digitising of images as well as the application of creative explorations into commercial outcomes.
  • 14. BASIC TERMINOLOGY USED IN DIGITAL IMAGING • RESOLUTION is the ability to distinguish fine spatial detail. Dots-per-inch (dpi) or pixels-per-inch (ppi) are common and synonymous terms used to convey the resolution of digital images. • PIXEL DIMENSIONS are the horizontal and vertical measurements of an image expressed in pixels. The pixel dimensions may be determined by multiplying both the width and the height by the dpi. Example: An 8" x 10" document that is scanned at 300 dpi has the pixel dimensions of 2,400 pixels (8" x 300 dpi) by 3,000 pixels (10" x 300 dpi).
  • 15. • BIT DEPTH is determined by the number of bits used to define each pixel. The greater the bit depth, the greater the number of tones (grayscale or color) that can be represented. Digital images may be produced in black and white (bitonal), grayscale, or color. • A bitonal image is represented by pixels consisting of 1 bit each, which can represent two tones (typically black and white), using the values 0 for black and 1 for white or vice versa. A grayscale image is composed of pixels represented by multiple bits of information, typically ranging from 2 to 8 bits or more. A color image is typically represented by a bit depth ranging from 8 to 24 or higher. BASIC TERMINOLOGY
  • 16. • DYNAMIC RANGE is the range of tonal difference between the lightest light and darkest dark of an image. • Dynamic range also describes a digital system's ability to reproduce tonal information. This capability is most important for continuous-tone documents that exhibit smoothly varying tones, and for photographs it may be the single most important aspect of image quality. BASIC TERMINOLOGY
  • 17. • FILE SIZE is calculated by multiplying the surface area of a document (height x width) to be scanned by the bit depth and the dpi2. Because image file size is represented in bytes, which are made up of 8 bits, divide this figure by 8. • COMPRESSION is used to reduce image file size for storage, processing, and transmission. • FILE FORMATS consist of information on how to read and interpret the file. File formats vary in terms of resolution, bit-depth, color capabilities and support for compression and metadata. • We will discuss this terms in detail and also use them in our work as we go ahead. BASIC TERMINOLOGY