MODEL CURRICULUM

Qualification Name: Graphics & Web Designer

Assistant
Qualification Code:
Version: 2.0
NSQF Level: 4.0
Model Curriculum Version: 2.0

Submitted By:
MSME TECHNOLOGY CENTRE
O/o DC MSME, Ministry of Micro, Small and Medium Enterprises
Govt. of India
A-Wing, 7th Floor, Nirman Bhawan, Maulana Azad Road
New Delhi-110108
Contact No. +91-674-2654700
Email- [email protected]
 NOS / MODULE TEMPLATE

NOS /Module: Mastering the fundamentals of Art and Illustration

NOS /Module Code: MSME/GWD/01

Outcomes:

After completion of course Student should be able to:

 Upon successful completion of the Art and Illustration course, students will emerge as
proficient artists with a focused expertise in the field of illustration.
 They will have honed their artistic skills, including drawing, painting, and digital
illustration techniques, equipping them with the ability to craft captivating visual
narratives.
 Students will have developed a deep understanding of visual storytelling, enabling
them to convey complex ideas and emotions through their artwork.
 Their knowledge of design principles and composition techniques will ensure that their
illustrations are not only aesthetically pleasing but also conceptually strong.
 Furthermore, they will have the capacity to adapt their style to meet the demands of a
variety of clients and industries, from editorial and publishing to advertising and digital
media.
 his course empowers students to pursue a career in illustration, armed with a portfolio
that showcases their artistic prowess and a firm foundation for creative success in the
professional world.

Theory Hours: 30 Practical Hours: 60 Theory Marks: 50 Practical Marks: 50

Unit Unit Name Unit level outcomes Contents TR PR TR PR

No. (chapters/topi Ho Mar
Ho MAR
cs) ur ks
ur KS
s
s

1 Introduction 1. Learners will be able to navigate and 1 2 1 1

·Welcome to
utilize basic features of Adobe Adobe
Illustrator. Illustrator

2. Learners will have successfully ·Installing

installed Adobe Illustrator on their Illustrator

devices.

3. Learners will demonstrate familiarity

with the interface and basic
functionalities of Adobe Illustrator.

4. Learners will understand the

importance of Adobe Illustrator in the
context of art and illustration.

5. Learners will be prepared to move on

 to more advanced topics in subsequent
units.

2 Quick-Start 1. Learners will demonstrate proficiency 1 2 2 2

·Walk-through
Exercise in setting up a new document in Adobe setup
Illustrator.
·Walk-through
2. Learners will be able to navigate
through basic setup options including
document size, orientation, and
artboards.

3. Learners will understand the purpose

and significance of different setup
options for various illustration projects.

4. Learners will apply basic drawing and

editing techniques through a guided
walk-through exercise.

5. Learners will gain confidence in

utilizing essential tools and commands
within Adobe Illustrator to create simple
illustrations.

6. Learners will be prepared to apply

the skills learned in this unit to more
complex projects in subsequent units.

3 The Illustrator 1. Learners will demonstrate an ·The Illustrator 1 2 2 2

Environment understanding of the Adobe Illustrator workspace
workspace, including the main interface
·Panels
elements and their functions.
·Panning and
2. Learners will be able to identify and
zooming
utilize various panels in Adobe
Illustrator for different purposes such as ·Using the

layers, tools, and color. Navigator

panel
3. Learners will develop proficiency in
panning and zooming within the
Illustrator workspace using different
methods including keyboard shortcuts
and navigation tools.

4. Learners will effectively utilize the

Navigator panel to navigate and
manipulate artwork within larger
documents.

5. Learners will demonstrate improved

efficiency and productivity in navigating
 and working within the Illustrator
environment.

6. Learners will be equipped with

foundational skills to explore more
advanced Illustrator techniques and
workflows in subsequent units.

4 Selection 1. Learners will demonstrate proficiency ·The Selection 1 2 2 2

in using various selection tools available tools
in Adobe Illustrator, including the
·The Direct
Selection Tool, Direct Selection Tool,
Selection too
and Lasso Tools.
·The Lasso
2. Learners will understand the
tools
differences between each selection tool
and when to use them effectively for ·Automatic

different illustration tasks. selections

3. Learners will be able to make precise ·Saving

selections using the Direct Selection selections

Tool to manipulate individual anchor

points and paths.

4. Learners will master the use of Lasso

Tools for making freehand selections
and selecting specific areas within an
illustration.

5. Learners will explore and apply

automatic selection techniques such as
Magic Wand and Quick Selection to
expedite the selection process.

6. Learners will learn how to save

selections for future use, enhancing
their workflow efficiency and project
organization.

7. Learners will be equipped with

essential selection skills to enhance
their ability to edit and manipulate
artwork effectively in Adobe Illustrator.

8. Learners will be prepared to apply

selection techniques in practical
projects and more advanced illustration
tasks covered in subsequent units.

5 Shape and 1. Learners will demonstrate proficiency ·Drawing basic 1 2 3 3

Line Drawing in using Adobe Illustrator's shape and shapes
line drawing tools to create basic
Tools geometric shapes and objects. ·Drawing
polygons and
2. Learners will understand the various
stars
methods for drawing basic shapes,
including rectangles, ellipses, and ·Drawing with
polygons, and will be able to apply the Line tools
these techniques in their artwork.
·Drawing with
3. Learners will be able to create the Grid tools
polygons and stars using Illustrator's
dedicated tools, and will understand
how to adjust their properties such as
number of sides and indentation.

4. Learners will master the Line tools in

Illustrator, enabling them to create
straight lines, curves, and other custom
shapes with precision.

5. Learners will explore and utilize the

Grid tools to create grid-based designs
and layouts, understanding how to
adjust grid settings to suit different
design requirements.

6. Learners will develop foundational

skills in shape and line drawing, laying
the groundwork for more complex
illustration techniques covered in
subsequent units.

7. Learners will be equipped to create

basic shapes, patterns, and line art for
use in various illustration projects and
design tasks.
6 Colour 1. Learners will understand different ·Colour models 1 2 3 3
color models used in Adobe Illustrator, in Illustrator
including RGB, CMYK, and HSB, and will
·The Swatches
be able to choose appropriate color
panel
models for different types of projects.
·Global
2. Learners will effectively navigate and
swatches
utilize the Swatches panel in Illustrator
for managing and applying colors to ·Spot colours

artwork. ·Using tints

3. Learners will grasp the concept of ·Colour groups

global swatches and their significance in
·The Colour
maintaining consistency across artwork.
Guide panel
4. Learners will demonstrate proficiency
in using spot colors for precise color
matching and printing requirements.

5. Learners will learn to create and use

tints to achieve various shades and
gradients of colors in their illustrations.

6. Learners will organize colors

efficiently using color groups, enabling
better management and selection of
colors within their projects.

7. Learners will explore the functionality

of the Color Guide panel to generate
color harmonies and experiment with
different color schemes.

8. Learners will develop a strong

understanding of color theory and its
application in digital illustration,
enhancing the visual appeal and
effectiveness of their artwork.

9. Learners will be equipped to use

color effectively to communicate
messages, evoke emotions, and
enhance the visual impact of their
illustrations.

10. Learners will be prepared to apply

color theory principles and techniques
to practical projects in subsequent
units, elevating the quality and
professionalism of their artwork.
7 Strokes 1. Learners will understand stroke ·Stroke 1 2 2 2
attributes in Adobe Illustrator, including attributes
stroke weight, color, and alignment,
·Creating
and will be able to manipulate these
dashed and
attributes to achieve desired visual
dotted lines
effects.
·Creating
2. Learners will demonstrate proficiency
arrowheads
in creating dashed and dotted lines
using Illustrator's stroke settings, ·Variable-width

understanding how to adjust strokes

parameters such as dash length and

gap spacing.

3. Learners will master the creation and

customization of arrowheads, enabling
them to add directional elements to
lines and shapes within their artwork.

4. Learners will explore and utilize

variable-width strokes to create
dynamic and expressive lines with
varying thickness along their paths.

5. Learners will experiment with

different stroke styles and combinations
to enhance the visual appeal and
convey specific meanings or moods
within their illustrations.

6. Learners will develop a strong

understanding of how stroke attributes
contribute to the overall composition
and impact of their artwork.

7. Learners will be equipped to use

strokes effectively to define shapes, add
emphasis, and create visual interest in
their illustrations.

8. Learners will be prepared to apply

stroke techniques creatively to practical
projects in subsequent units, expanding
their repertoire of illustration styles and
techniques.

8 Arranging and 1. Learners will demonstrate proficiency ·Aligning 2 4 2 2

Ordering in aligning objects within Adobe objects
Illustrator, including aligning to
·Distributing
selection, artboard, and key object, to
objects
achieve precise positioning and layout.
2. Learners will effectively distribute ·Aligning points
objects evenly along a specified axis or
·Changing the
distribute space between multiple
stacking
objects, enhancing the visual balance
order
and organization of their artwork.
·Using the
3. Learners will understand how to align
drawing
anchor points of paths and shapes to
modes
achieve symmetrical and precise
designs within their illustrations. ·Using layers

4. Learners will master changing the ·Targeting

stacking order of objects, including objects using

arranging objects to the front, back, layers

forward, and backward, to control

layering and overlapping within their
artwork.

5. Learners will explore and utilize

different drawing modes such as Draw
Normal, Draw Inside, and Draw Behind
to create artwork with varied
composition and layering effects.

6. Learners will grasp the concept of

layers in Adobe Illustrator and
understand their significance in
organizing and managing complex
artwork.

7. Learners will effectively target

objects using layers, enabling them to
select and manipulate specific elements
within their artwork more efficiently.

8. Learners will develop a strong

understanding of how arranging and
ordering techniques contribute to the
visual hierarchy and composition of
their illustrations.

9. Learners will be equipped to use

arranging and ordering techniques
creatively to enhance the clarity,
organization, and visual impact of their
artwork.

10. Learners will be prepared to apply

arranging and ordering techniques to
practical projects in subsequent units,
optimizing their workflow and
productivity in Adobe Illustrator.
9 Groups 1. Learners will demonstrate proficiency ·Working with 2 4 2 2
in working with groups in Adobe groups
Illustrator, understanding how to
·The Group
create, edit, and manage groups of
Selection tool
objects within their artwork.
·Using Isolation
2. Learners will effectively utilize the
Mode
Group Selection tool to select and
manipulate individual objects within a
group without ungrouping them.

3. Learners will master the use of

Isolation Mode to isolate and focus on
specific groups or objects within a
complex illustration, enhancing
workflow efficiency and precision.

4. Learners will understand the

advantages of using groups to organize
and manage artwork, including
improved editing capabilities and
enhanced readability.

5. Learners will explore advanced

techniques for working with groups,
such as duplicating groups, moving
objects between groups, and applying
transformations to grouped objects.

6. Learners will develop a strong

understanding of how to use groups
strategically to streamline their
workflow and optimize productivity in
Adobe Illustrator.

7. Learners will be equipped to use

group-related tools and features
creatively to organize and manage their
artwork effectively, improving clarity
and coherence.

8. Learners will be prepared to apply

group-related techniques to practical
projects in subsequent units, enhancing
their proficiency and versatility in Adobe
Illustrator.

10 1. Learners will demonstrate proficiency ·Using the 1 2 2 2

Transforms
in using specific transform tools specific
including Move, Scale, Rotate, and Transform
Reflect in Adobe Illustrator, tools (Move,
 understanding how to apply precise Scale,
transformations to objects within their Rotate,
artwork. Reflect)

2. Learners will effectively utilize the ·Using the Free

Free Transform tool ('E') to perform Transform
non-uniform transformations such as tool ('E')
skewing and distorting objects, enabling
·Using
creative manipulation and adjustment
Transform
of shapes.
Again
3. Learners will master the use of the ('CTRL+D')
Transform Again command ('CTRL+D')
·The Transform
to repeat the last transformation
Each
applied, facilitating rapid duplication
command
and arrangement of objects within their
illustrations. ·Transforms as
an effect
4. Learners will understand the
functionality of the Transform Each
command, allowing for simultaneous
transformation of multiple selected
objects based on specified parameters
such as scale, rotation, and position.

5. Learners will explore and apply

transforms as an effect, understanding
how to apply transformations
dynamically to create stylized effects
and visual enhancements within their
artwork.

6. Learners will develop a strong

understanding of how to use transform
tools and commands strategically to
achieve desired compositions and
effects within Adobe Illustrator.

7. Learners will be equipped to use

transform techniques creatively to
manipulate and arrange objects within
their artwork effectively, enhancing
visual impact and storytelling.

8. Learners will be prepared to apply

transform techniques to practical
projects in subsequent units, expanding
their repertoire of illustration styles and
techniques in Adobe Illustrator.

11 Drawing by 1. Learners will demonstrate proficiency ·Compound 1 2 3 3

in creating compound paths and shapes paths and
Construction in Adobe Illustrator using the Ctrl+8 shapes
shortcut, understanding how to combine ('Ctrl+8')
multiple shapes into a single compound
·The Pathfinder
object for advanced editing and
panels
manipulation.
·The Shape
2. Learners will effectively navigate and
Builder
utilize the Pathfinder panels to perform
('Shift+M')
Boolean operations such as unite,
intersect, subtract, and exclude, ·Live Paint

enabling precise shape manipulation ('Ctrl+Alt+X'

and creation. ) ('K' Paint)

3. Learners will master the use of the ·Clipping masks

Shape Builder tool (Shift+M) to ('Ctrl+7')

intuitively merge, divide, and

manipulate shapes, facilitating efficient
construction and refinement of complex
illustrations.

4. Learners will understand the concept

of Live Paint ('Ctrl+Alt+X' or 'K' Paint)
and its significance in creating editable
regions for coloring and painting within
artwork, enabling flexible and dynamic
coloring workflows.

5. Learners will explore and utilize

clipping masks ('Ctrl+7') to control
visibility and define boundaries of
objects within their artwork, allowing
for non-destructive editing and creative
composition.

6. Learners will develop a strong

understanding of drawing by
construction techniques in Adobe
Illustrator, enabling them to create
complex illustrations with precision and
efficiency.

7. Learners will be equipped to use

drawing by construction tools and
techniques creatively to construct,
refine, and manipulate shapes and
objects within their artwork effectively.

8. Learners will be prepared to apply

drawing by construction techniques to
practical projects in subsequent units,
expanding their repertoire of illustration
styles and techniques in Adobe
 Illustrator.

12 Drawing Tools 1. Learners will demonstrate proficiency ·The Pen tools 1 2 2 2

in using the Pen tools in Adobe
·The Curvature
Illustrator to create and edit Bezier
Pen tool
curves, understanding how to
manipulate anchor points and control ·The Pencil

handles to achieve precise shapes and tools

paths. ·Drawing with

2. Learners will effectively utilize the the Eraser

Curvature Pen tool to draw smooth and tool

fluid curves with intuitive controls, ·Improving

enabling faster and more natural paths
creation of paths.

3. Learners will master the use of the

Pencil tools to draw freeform shapes
and paths, understanding how to adjust
settings for greater control and
accuracy.

4. Learners will explore and experiment

with the Eraser tool to remove parts of
paths and shapes, understanding its
various settings and how to use it
effectively for editing artwork.

5. Learners will learn techniques for

improving paths, including refining
anchor points, adjusting handles, and
smoothing curves, to achieve cleaner
and more precise paths within their
illustrations.

6. Learners will develop a strong

understanding of drawing tools in Adobe
Illustrator and their respective
strengths and applications for different
illustration tasks.

7. Learners will be equipped to use

drawing tools creatively to sketch,
outline, and refine shapes and paths
within their artwork effectively.

8. Learners will be prepared to apply

drawing tool techniques to practical
projects in subsequent units, expanding
their proficiency and versatility in Adobe
 Illustrator.

13 Using Guides 1. Learners will demonstrate proficiency ·Using grids 1 2 2 2

and Grids in using grids and guides in Adobe and guides
Illustrator to assist in precise alignment
·Making guides
and layout of artwork.
from objects
2. Learners will effectively utilize grids
to create structured layouts and
maintain consistent spacing and
proportions within their illustrations.

3. Learners will understand the

importance of guides in defining specific
areas and alignment points within their
artwork, enabling precise positioning
and arrangement of objects.

4. Learners will master the technique of

making guides from objects,
understanding how to convert selected
objects into guides to use them as
reference points for alignment and
arrangement.

5. Learners will explore advanced

techniques for utilizing grids and
guides, including creating custom grids
and using multiple sets of guides for
complex layouts.

6. Learners will develop a strong

understanding of how grids and guides
contribute to the precision and
organization of artwork within Adobe
Illustrator.

7. Learners will be equipped to use

grids and guides creatively to assist in
the composition, alignment, and
arrangement of objects within their
artwork effectively.

8. Learners will be prepared to apply

grid and guide techniques to practical
projects in subsequent units, optimizing
their workflow and productivity in
Adobe Illustrator.
14 Gradients 1. Learners will demonstrate proficiency ·Linear 1 2 2 2
in creating and applying linear gradients gradients
in Adobe Illustrator, understanding how
·Radial
to adjust angle, direction, and color
gradients
stops to achieve desired effects.
·Freeform
2. Learners will effectively utilize radial
gradients
gradients to create smooth transitions
from one color to another, ·Gradients on

understanding how to adjust radius, strokes

center point, and color stops for varied

effects.

3. Learners will master the use of

freeform gradients to create complex
and organic color blends, understanding
how to add and manipulate color points
to control the gradient's shape and
distribution.

4. Learners will explore and experiment

with applying gradients to strokes,
understanding how to create gradient
strokes with varying thickness and
opacity for creative effects.

5. Learners will understand the

principles of color theory and how to
apply them effectively when creating
gradients, ensuring harmonious and
visually appealing results.

6. Learners will develop a strong

understanding of the different types of
gradients available in Adobe Illustrator
and their respective applications for
creating depth, dimension, and visual
interest in artwork.

7. Learners will be equipped to use

gradients creatively to enhance the
visual impact and realism of their
artwork, adding depth, texture, and
dimension to objects and illustrations.

8. Learners will be prepared to apply

gradient techniques to practical projects
in subsequent units, expanding their
repertoire of illustration styles and
techniques in Adobe Illustrator.
15 Patterns 1. Learners will demonstrate proficiency ·Creating a 1 2 2 2
in creating patterns in Adobe Illustrator, pattern
understanding how to define and repeat
·Pattern
a design to create seamless and tiled
strokes
patterns.
·Transforming
2. Learners will effectively utilize
patterns
pattern strokes to apply patterns along
paths, understanding how to adjust
settings such as scale and spacing for
varied effects.

3. Learners will master the technique of

transforming patterns, including scaling,
rotating, and mirroring, to customize
and modify patterns to suit specific
design requirements.

4. Learners will explore and experiment

with different pattern creation methods,
such as using existing artwork, creating
patterns from scratch, and importing
patterns from external sources.

5. Learners will understand the

principles of pattern design, including
symmetry, repetition, and balance, and
how to apply them effectively when
creating patterns.

6. Learners will develop a strong

understanding of the various
applications of patterns in design,
including textiles, wallpapers,
illustrations, and graphic design.

7. Learners will be equipped to use

patterns creatively to enhance the
visual appeal and texture of their
artwork, adding depth, interest, and
personality to designs.

8. Learners will be prepared to apply

pattern techniques to practical projects
in subsequent units, expanding their
repertoire of illustration styles and
techniques in Adobe Illustrator.

16 Symbols 1. Learners will demonstrate proficiency ·Static symbols 2 4 2 2

in creating and utilizing static symbols
·Dynamic
in Adobe Illustrator, understanding how
 to convert artwork into reusable symbols
symbols for efficient editing and
replication.

2. Learners will effectively utilize

dynamic symbols to create interactive
and responsive elements within their
artwork, understanding how to define
variables and behaviors for dynamic
symbol instances.

3. Learners will master the technique of

managing symbols, including creating,
editing, organizing, and deleting
symbols within the Symbols panel.

4. Learners will explore and experiment

with different applications of symbols in
design, including creating symbol
libraries, applying symbols for repeated
elements in illustrations, and using
symbols for interactive elements in
UI/UX design.

5. Learners will understand the benefits

of using symbols in design, including
improved workflow efficiency,
consistency, and flexibility in editing
and updating artwork.

6. Learners will develop a strong

understanding of how to use symbols
creatively to enhance the efficiency and
versatility of their artwork, streamlining
the design process and promoting
consistency across projects.

7. Learners will be equipped to leverage

symbols effectively in various design
contexts, including graphic design,
illustration, web design, and user
interface design.

8. Learners will be prepared to apply

symbol techniques to practical projects
in subsequent units, expanding their
repertoire of illustration styles and
techniques in Adobe Illustrator.

17 Blends, 1. Learners will demonstrate proficiency ·Using blends 1 2 2 2

Blending, and in using blends in Adobe Illustrator to
·Using blending
create smooth transitions and
Transparency intermediate steps between two or modes
more objects or shapes.
·Using opacity
2. Learners will effectively utilize masks
blending modes to apply various
blending effects such as transparency,
color burn, and overlay to achieve
desired visual effects and moods within
their artwork.

3. Learners will master the technique of

using opacity masks to control the
transparency of objects or groups,
understanding how to create complex
and nuanced opacity effects within their
illustrations.

4. Learners will explore and experiment

with different blending techniques and
effects, including creating gradient
blends, pattern blends, and opacity
blends to add depth, dimension, and
visual interest to artwork.

5. Learners will understand the

principles of transparency and blending
in design, including how to use these
techniques to create visual hierarchy,
depth, and emphasis within
compositions.

6. Learners will develop a strong

understanding of how to use blends,
blending modes, and transparency
creatively to enhance the visual impact
and storytelling of their artwork.

7. Learners will be equipped to leverage

blends, blending modes, and
transparency effectively in various
design contexts, including illustration,
graphic design, and digital art.

8. Learners will be prepared to apply

blending and transparency techniques
to practical projects in subsequent
units, expanding their repertoire of
illustration styles and techniques in
Adobe Illustrator.
18 Appearances 1. Learners will understand the ·The power of 1 2 2 2
significance and versatility of appearances
appearances in Adobe Illustrator,
·The
recognizing how they allow for non-
Appearance
destructive editing and styling of
panels
objects.
·Illustrator and
2. Learners will demonstrate proficiency
Photoshop
in utilizing the Appearance panel to
effects
apply and manage multiple
appearances, including strokes, fills, ·Editing or

effects, and graphic styles, to objects removing

within their artwork. effects

3. Learners will explore the integration ·Graphic styles

between Illustrator and Photoshop ·The Brush

effects, understanding how to apply and tools
customize various effects to achieve
·The
desired visual effects and styles.
Eyedropper
4. Learners will master the technique of tools
editing or removing effects applied to
objects, understanding how to adjust
effect parameters or remove effects
entirely while preserving object
integrity.

5. Learners will effectively utilize

graphic styles to apply predefined sets
of appearances to objects, streamlining
the styling process and promoting
consistency across artwork.

6. Learners will explore and experiment

with different brush tools in Illustrator,
including the Paintbrush Tool and Blob
Brush Tool, understanding how to
create and customize artistic strokes
and effects.

7. Learners will understand the

functionality of the Eyedropper tools,
including the ability to sample and
apply appearance attributes such as
colors, strokes, and effects from one
object to another.

8. Learners will develop a strong

understanding of how to use
appearances, effects, graphic styles,
and brushes creatively to enhance the
visual impact and storytelling of their
 artwork.

9. Learners will be equipped to leverage

appearances and effects effectively in
various design contexts, including
illustration, graphic design, and digital
art.

10. Learners will be prepared to apply

appearance and effect techniques to
practical projects in subsequent units,
expanding their repertoire of illustration
styles and techniques in Adobe
Illustrator.

19 Type 1. Learners will demonstrate proficiency ·Using point 1 2 2 2

in using point type in Adobe Illustrator type
to create single lines or individual words
·Character
of text, understanding how to click on
options
the artboard to create a text object.
·Paragraph
2. Learners will effectively utilize
options
character options to modify text
attributes such as font, size, weight, ·The Touch

style, kerning, and tracking, enhancing Type tool

the visual appearance and readability of ·Using Type on

text within their artwork. A Path tool

3. Learners will master paragraph ·Outlining type

options to control text alignment,
justification, indentation, spacing, and
hyphenation within text blocks,
ensuring proper formatting and layout
of paragraphs.

4. Learners will understand the

functionality of the Touch Type tool,
allowing for intuitive and precise editing
of individual characters within text
objects, including scaling, rotating, and
skewing.

5. Learners will effectively use the Type

on a Path tool to create text that follows
the shape of a curved or straight path,
understanding how to adjust the
position and orientation of text along
the path.

6. Learners will explore and experiment

with outlining type, converting text into
vector shapes to enable further
 manipulation and editing, such as
applying fills, strokes, and effects.

7. Learners will develop a strong

understanding of typography principles
and techniques, including proper type
selection, formatting, and placement, to
effectively convey messages and
enhance visual communication in their
artwork.

8. Learners will be equipped to use type

creatively to add context, meaning, and
visual interest to their artwork,
leveraging typographic elements to
complement and enhance overall design
compositions.

9. Learners will be prepared to apply

type techniques to practical projects in
subsequent units, expanding their
repertoire of illustration styles and
techniques in Adobe Illustrator.

20 Images in 1. Learners will demonstrate proficiency ·Placing images 1 2 2 2

Illustrator in placing images into Adobe Illustrator
·Embedding
documents, understanding how to
images
import raster images from external
sources such as JPEG, PNG, or TIFF ·Cropping

files. images

2. Learners will effectively utilize the

embedding function to include images
within Illustrator documents, ensuring
that the image data is stored within the
document itself rather than linked
externally.

3. Learners will master the technique of

cropping images within Illustrator,
including using clipping masks or the
crop tool to remove unwanted parts of
an image while retaining its original
resolution and quality.

4. Learners will explore and experiment

with different methods of image
manipulation and adjustment within
Illustrator, such as resizing, rotating,
and applying filters or effects to images.

5. Learners will understand the benefits

 and considerations of using raster
images within vector-based artwork,
including scalability, resolution, and file
size management.

6. Learners will develop a strong

understanding of how to incorporate
images effectively into Illustrator
artwork, leveraging them to enhance
visual storytelling and communication.

7. Learners will be equipped to use

images creatively within their artwork,
understanding how to integrate them
seamlessly with vector elements to
create cohesive and engaging
compositions.

8. Learners will be prepared to apply

image manipulation techniques to
practical projects in subsequent units,
expanding their repertoire of illustration
styles and techniques in Adobe
Illustrator.

21 Pixels to 1. Learners will demonstrate proficiency ·Using Image 2 4 2 2

Vectors in converting raster images into vector Trace
graphics using the Image Trace feature
·Using
in Adobe Illustrator, understanding how
Photoshop
to adjust settings to achieve desired
with Image
levels of detail and accuracy.
Trace
2. Learners will effectively utilize Image
Trace to convert complex raster images,
such as photographs or scanned
artwork, into scalable vector graphics
(SVG) for use in print or digital media.

3. Learners will master the technique of

using Photoshop in conjunction with
Image Trace, understanding how to
prepare raster images in Photoshop
before importing them into Illustrator
for tracing.

4. Learners will explore and experiment

with different Image Trace presets and
options, including color modes,
threshold settings, and advanced
options, to achieve optimal results for
different types of images.
 5. Learners will understand the benefits
and limitations of using Image Trace for
converting raster images to vectors,
including considerations such as file
size, complexity of detail, and output
resolution.

6. Learners will develop a strong

understanding of how to optimize the
conversion process from pixels to
vectors, ensuring that the resulting
vector graphics maintain visual fidelity
and clarity while minimizing file size and
complexity.

7. Learners will be equipped to use

Image Trace creatively to convert raster
artwork into scalable vector graphics,
enabling greater flexibility and
versatility in design and illustration
projects.

8. Learners will be prepared to apply

pixel-to-vector conversion techniques to
practical projects in subsequent units,
expanding their repertoire of illustration
styles and techniques in Adobe
Illustrator.

22 Modifying 1. Learners will demonstrate proficiency ·Recolour 1 2 2 2

Artwork in recoloring artwork in Adobe artwork
Illustrator, understanding how to adjust
·The Puppet
the color of fills, strokes, and gradients
Warp tool
using various tools and methods.

2. Learners will effectively utilize the

Recolor Artwork feature to apply global
coloradjustments to artwork, including
changing hue, saturation, brightness,
and recoloring artwork based on
predefined color themes.

3. Learners will master the technique of

using the Puppet Warp tool to distort
and manipulate selected objects or
paths within artwork, understanding
how to create and adjust control points
to achieve desired transformations.

4. Learners will explore and experiment

with different recoloring techniques,
 including using color groups, creating
color swatch libraries, and applying
custom color adjustments to specific
elements within artwork.

5. Learners will understand the

principles of color theory and how to
apply them effectively when modifying
artwork, ensuring harmonious and
visually appealing color schemes and
compositions.

6. Learners will develop a strong

understanding of how to use recoloring
and distortion techniques creatively to
enhance the visual impact and
storytelling of their artwork.

7. Learners will be equipped to leverage

recoloring and distortion tools
effectively in various design contexts,
including illustration, graphic design,
and digital art.

8. Learners will be prepared to apply

modification techniques to practical
projects in subsequent units, expanding
their repertoire of illustration styles and
techniques in Adobe Illustrator.

23 Artboards 1. Learners will demonstrate proficiency ·Working with 1 2 2 2

in working with artboards in Adobe artboards
Illustrator, understanding how to
·Arranging
create, manage, and navigate between
artboards
multiple artboards within a single
document.

2. Learners will effectively utilize

artboards to organize and structure
their artwork, including creating
separate artboards for different design
variations, layouts, or iterations.

3. Learners will master the technique of

arranging artboards within the
document, including aligning,
distributing, and rearranging artboards
to optimize workspace efficiency and
organization.

4. Learners will explore and experiment

with different artboard settings and
 options, including adjusting artboard
size, orientation, and spacing, to
accommodate various design
requirements and output formats.

5. Learners will understand the benefits

of using artboards for managing multi-
page or multi-artwork projects,
including improved organization,
navigation, and presentation of artwork.

6. Learners will develop a strong

understanding of how to use artboards
creatively to plan, develop, and present
their artwork effectively, facilitating
collaboration and iteration throughout
the design process.

7. Learners will be equipped to leverage

artboards effectively in various design
contexts, including illustration, graphic
design, web design, and print layout.

8. Learners will be prepared to apply

artboard techniques to practical
projects in subsequent units, expanding
their repertoire of illustration styles and
techniques in Adobe Illustrator.

24 Output 1. Learners will demonstrate proficiency ·Packaging 3 6 2 2

in packaging Adobe Illustrator files, Illustrator
understanding how to gather and collect files
all linked assets and fonts used in the
·Export as
document to ensure portability and
other file
compatibility when sharing or
types
transferring files.
·Asset Export
2. Learners will effectively utilize the
export function in Adobe Illustrator to
save artwork as other file types such as
JPEG, PNG, PDF, or SVG, understanding
how to adjust settings such as
resolution, compression, and color
mode for different output requirements.

3. Learners will master the technique of

asset export, including exporting
individual elements or layers from
Illustrator documents for use in other
software applications or platforms.

4. Learners will explore and experiment

 with different export options and
formats, understanding how to optimize
file size and quality while preserving
visual fidelity and compatibility across
different devices and platforms.

5. Learners will understand the

importance of proper file management
and organization when outputting
artwork from Adobe Illustrator,
including naming conventions, folder
structures, and version control.

6. Learners will develop a strong

understanding of how to prepare and
output artwork effectively for various
purposes and platforms, including print,
web, and digital media.

7. Learners will be equipped to leverage

output techniques creatively to ensure
that their artwork is presented and
distributed in the most appropriate and
effective manner for its intended
audience and context.

8. Learners will be prepared to apply

output techniques to practical projects
in subsequent units, ensuring that their
artwork is properly prepared and
optimized for sharing, printing, or
publication.

NOS/Module Name: Acquire proficiency in Computer Graphics

NOS/Module Code: MSME/GWD/02
NOS/Module Outcome:

● Understand the fundamentals of computer graphics.

● Install and navigate software for computer graphics.
● Create and manage documents, panels, and workspaces.
● Differentiate between file types, resolution, and colour modes.
● Make selections and perform basic compositing techniques.
● Use layers and masks effectively for editing.
● Apply cropping, transformations, and perspective warping.
● Adjust images using histograms and adjustment layers.
● Perform localized retouching and photo enhancements.
● Utilize typography, guides, and grids for design layouts.
● Manage libraries, save files, and export projects efficiently.

Theory Hours: 30 Practical Hours: 60 Theory Marks: NA Practical Marks: 100

Unit Unit Name Unit Outcome Content (Chapter/Topics) TR TR PR PR

No Hours Marks Hours Marks
1 Introduction to Unit Level Outcomes: ● Basics of Computer 3 - 6 10
Computer 1. Learners will understand the basics Graphics
Graphics of computer graphics, including ● Software’s Installation
fundamental concepts such as pixels,
resolution, color models, and raster
vs. vector graphics.
2. Learners will demonstrate
proficiency in installing Adobe
Photoshop software on their computer
systems, understanding the steps
involved in downloading, installing,
and activating the software.
3. Learners will be able to navigate the
Photoshop interface, including the
menu bar, tool panels, workspace
layout, and options bar, to familiarize
themselves with the software's
features and functionality.
4. Learners will explore and
experiment with basic Photoshop tools
and commands, including selection
tools, painting tools, text tools, and
layer management, to begin creating
and editing digital images and
graphics.
5. Learners will develop a strong
understanding of the role of Adobe
Photoshop in computer graphics,
including its applications in photo
editing, digital art, graphic design,
and multimedia production.
6. Learners will be equipped to apply
basic Photoshop techniques and
principles to practical projects in
subsequent units, building a
foundation for more advanced topics
in computer graphics.

2 Quick-Start Unit Level Outcomes: 3 - 6 10

● The Start Workspace
Exercise 1. Learners will demonstrate proficiency in
navigating the Adobe Illustrator start ● Creating New Documents
workspace, understanding its layout and
● Mac and Windows Differences
functionality for accessing recent files, creating
new documents, and accessing tutorials and ● Art boards
templates. ● Working with Panels
2. Learners will effectively create new
documents in Adobe Illustrator, understanding ● Customize Panels
how to specify document settings such as ● Customize the Toolbar
artboard size, orientation, and units, to suit
different design requirements. ● Keyboard Shortcuts and Menu Commands
3. Learners will identify and understand the ● Using Workspaces
differences in interface elements and keyboard
shortcuts between Mac and Windows versions ● Interface Shading Options
of Adobe Illustrator, enabling them to navigate ● Screen Modes
and operate the software effectively on their
respective operating systems. ● Working with Multiple Documents
4. Learners will master the use of artboards in ● Tab Preferences
Adobe Illustrator, including creating, resizing,
duplicating, and arranging artboards within a ● Document Navigation
single document to accommodate various ● Preferences Dialog Box
design iterations and layouts.
5. Learners will proficiently work with panels in
Adobe Illustrator, including opening, closing,
docking, and rearranging panels to customize
their workspace and optimize workflow
efficiency.
6. Learners will explore and customize panels
and the toolbar in Adobe Illustrator, including
adding, removing, and rearranging tools and
panels to create a personalized workspace
tailored to their specific workflow and
preferences.
 7. Learners will develop a strong understanding
of keyboard shortcuts and menu commands in
Adobe Illustrator, understanding how to access
and execute common tasks and commands
efficiently to streamline their workflow.
8. Learners will effectively use workspaces in
Adobe Illustrator, understanding how to save,
load, and switch between custom workspace
configurations to adapt to different tasks or
project requirements.
9. Learners will explore interface shading
options and screen modes in Adobe Illustrator,
including adjusting the interface brightness and
switching between different screen modes for
optimal visibility and focus during the design
process.
10. Learners will demonstrate proficiency in
working with multiple documents in Adobe
Illustrator, understanding how to open,
navigate, arrange, and switch between multiple
documents within the application.
11. Learners will explore and customize tab
preferences in Adobe Illustrator, including
adjusting tab behavior and appearance to suit
their workflow preferences and screen space
availability.
12. Learners will effectively navigate and control
document navigation in Adobe Illustrator,
including zooming, panning, scrolling, and
navigating between artboards and pages within
a document.
13. Learners will understand and customize
preferences in Adobe Illustrator, including
accessing and adjusting application settings to
tailor the software to their specific workflow
and preferences.

3 Digital Imaging Unit Level Outcomes: 3 - 6 10

Concepts 1. Learners will demonstrate proficiency in
understanding different file types used in digital ● Understanding File Types
imaging, including raster (JPEG, PNG, TIFF) and ● Reviewing RAW Formats
vector (SVG, EPS, AI) formats, and their
● Bitmaps vs. Vectors
respective characteristics and applications.
2. Learners will effectively review RAW formats ● Understanding Resolution
commonly used in digital photography,
● Resize vs. Resample Images
understanding their benefits, limitations, and
workflow considerations for processing and ● Print Size
editing RAW images.
● Colour Modes
3. Learners will differentiate between bitmaps
and vectors in digital imaging, understanding
the characteristics, uses, and advantages of
each type of graphic format for different design
and illustration purposes.
4. Learners will master the concept of resolution
in digital imaging, including understanding pixel
dimensions, DPI (dots per inch), PPI (pixels per
inch), and their significance in determining
image quality, size, and output capabilities.
5. Learners will understand the difference
between resizing and resampling images,
including when and how to adjust image
dimensions without changing the pixel count
(resize) and when to adjust both dimensions
and pixel count (resample) to maintain image
quality.
6. Learners will proficiently calculate and
determine print size based on image resolution
and dimensions, understanding how to convert
pixel dimensions to physical dimensions for
printing purposes.
7. Learners will explore different color modes
used in digital imaging, including RGB (Red,
Green, Blue) for digital displays, CMYK (Cyan,
 Magenta, Yellow, Black) for print, and
grayscale, understanding their characteristics,
uses, and conversion methods between modes.

4 Making Unit Level Outcomes: 3 - 6 10

Selections and 1. Learners will demonstrate proficiency in using
Basic selection tools in Adobe Photoshop, ● Selection Tool Overview
Compositing understanding the purpose and functionality of ● Practical Marquee Selection
tools such as the Marquee, Lasso, and Quick
● Feather a Selection
Selection tools for making precise selections in
digital images. ● Copy and Paste
2. Learners will effectively utilize practical
● Scaling the Image
marquee selection techniques to select
rectangular or elliptical areas within an image, ● Modifying Selections
understanding how to adjust selection
● Quick Selection and Magic Wand Tools
parameters such as size, shape, and position.
3. Learners will master the technique of ● Select Subject
feathering a selection to create soft, gradual
● Select and Mask Workspace
transitions between selected and unselected
areas, enhancing blending and compositing ● Quick Mask Mode
effects within the image. ● Colour Range Command
4. Learners will proficiently copy and paste
selected areas of an image, understanding how ● Saving Selections
to duplicate or move selected content within
the same image or to another document.
5. Learners will understand the concept of
scaling an image, including resizing selected
content proportionally or non-proportionally
using transformation tools such as the Free
Transform or Scale tool.
6. Learners will explore and experiment with
modifying selections using various techniques
such as adding, subtracting, intersecting, or
refining selection edges to achieve desired
results.
7. Learners will demonstrate proficiency in using
advanced selection tools and commands such
as the Quick Selection, Magic Wand, and Select
Subject tools to automatically select objects or
areas within an image based on color, tone, or
content.
8. Learners will effectively utilize the Select and
Mask workspace in Adobe Photoshop to refine
and adjust selections, including modifying edge
properties, smoothing, feathering, and
contracting or expanding selection borders.
9. Learners will master the use of Quick Mask
mode to visualize and edit selections using
painting and editing tools directly on the image
canvas, enabling precise selection refinement
and adjustment.
10. Learners will explore the Color Range
command to create selections based on specific
color ranges within an image, understanding
how to adjust settings to target and select
specific colors or tonal values.
11. Learners will proficiently save selections as
alpha channels or masks within Adobe
Photoshop documents, understanding how to
reuse and edit selections later in the editing
process.
5 Layers and Unit Level Outcomes: 3 - 6 10
Masks 1. Learners will demonstrate proficiency in using
the undo and redo functions in Adobe ● Undo and Redo
Photoshop, understanding how to revert to ● Background Layer
previous editing states or restore changes made
● Opening Images to Layers
during the editing process.
2. Learners will effectively manage the ● Layer Basics
background layer in Adobe Photoshop,
● Selecting Layers
understanding its role as the bottommost layer
in the layer stack and its special properties ● Layer Panel Options
compared to other layers.
● Locking Layers
3. Learners will master the technique of opening
 images as layers in Adobe Photoshop, including
● Distribute and Align Layers
importing external images or documents and
placing them onto separate layers within the ● Layer Groups
active document.
● Layer Opacity Options
4. Learners will understand the basics of
working with layers in Adobe Photoshop, ● Understanding Blend Modes
including creating, deleting, renaming, ● Layer Mask Basics
reordering, and merging layers to organize and
manage artwork elements. ● Gradient Layer Masks
5. Learners will proficiently select layers in ● Layer Styles
Adobe Photoshop, understanding how to use
the Layers panel, the Move tool, or keyboard ● Flatten Layers
shortcuts to select individual layers or multiple
layers simultaneously.
6. Learners will explore and customize layer
panel options in Adobe Photoshop, including
adjusting panel display settings, viewing layer
thumbnails, and organizing layers using layer
filtering and grouping options.
7. Learners will effectively lock layers in Adobe
Photoshop to prevent accidental edits or
modifications to layer content, understanding
how to lock layer transparency, position, or
entire layers as needed.
8. Learners will demonstrate proficiency in
distributing and aligning layers in Adobe
Photoshop, including using alignment and
distribution tools to arrange layers relative to
each other or within the canvas.
9. Learners will understand the concept of layer
groups in Adobe Photoshop, including creating,
organizing, and managing groups of layers to
streamline workflow and improve organization.
10. Learners will explore layer opacity options in
Adobe Photoshop, including adjusting layer
opacity and fill opacity to control the visibility
and transparency of layer content.
11. Learners will understand the principles of
blend modes in Adobe Photoshop, including
how blend modes interact with underlying
layers to create various blending effects and
composite images.
12. Learners will master the basics of layer
masks in Adobe Photoshop, including creating,
editing, and applying layer masks to selectively
reveal or hide portions of layer content.
13. Learners will proficiently create gradient
layer masks in Adobe Photoshop,
understanding how to use gradient fills to
create smooth transitions and blending effects
between multiple layers.
14. Learners will explore and apply layer styles
in Adobe Photoshop, including adding effects
such as drop shadows, glows, bevels, and
overlays to layer content to enhance visual
appearance and realism.
15. Learners will understand the concept of
flattening layers in Adobe Photoshop, including
merging visible layers into a single layer or
flattening the entire layer stack to simplify
artwork and reduce file size.

6 Crops, Unit Level Outcomes: 3 - 6 10

Transformations, 1. Learners will demonstrate proficiency in using
and Warps the Crop Tool in Adobe Photoshop, ● Using the Crop Tool
understanding how to define and apply ● Non-destructive Crops
cropping boundaries to selectively remove
● Crop to Add Canvas
unwanted areas from an image.
2. Learners will effectively apply non-destructive ● Canvas Size Dialog Box
cropping techniques in Adobe Photoshop,
● Perspective Crop Tool
including using adjustment layers or smart
objects to preserve original image data and ● Straighten an Image
revert changes if needed.
 3. Learners will master the technique of
● Transform
cropping to add canvas in Adobe Photoshop,
including expanding the canvas size while ● Content-aware Scale
preserving existing image content or using the
● Puppet Warp
Crop Tool with the Content-Aware option to fill
in missing areas. ● Perspective Warp
4. Learners will proficiently use the Canvas Size
dialog box in Adobe Photoshop to adjust the
dimensions of the canvas area, understanding
how to specify pixel dimensions, units, and
anchor points for resizing.
5. Learners will understand the purpose and
functionality of the Perspective Crop Tool in
Adobe Photoshop, including correcting
perspective distortions and straightening
skewed or tilted images.
6. Learners will effectively straighten images in
Adobe Photoshop, understanding how to use
the Straighten Image option or the Ruler tool to
align horizontal or vertical elements within the
image.
7. Learners will master the Transform command
in Adobe Photoshop, including scaling, rotating,
skewing, and distorting selected image content
to modify its size, orientation, and perspective.
8. Learners will proficiently use the Content-
Aware Scale feature in Adobe Photoshop to
resize images while preserving important visual
elements and avoiding distortion or stretching.
9. Learners will understand the purpose and
functionality of the Puppet Warp tool in Adobe
Photoshop, including manipulating and
distorting selected image areas using control
points to create natural deformations or
transformations.
10. Learners will explore and experiment with
the Perspective Warp feature in Adobe
Photoshop, understanding how to adjust the
perspective of selected image areas to match
the desired viewpoint or composition.

7 Adjustments Unit Level Outcomes: 3 - 6 10

1. Learners will demonstrate proficiency in
reviewing the histogram in Adobe Photoshop, ● Reviewing the Histogram
understanding how to interpret the distribution ● Adjustment Layers
of tonal values in an image and identify
● Levels Adjustment
potential exposure or color balance issues.
2. Learners will effectively utilize adjustment ● Adjustment Layer Mask
layers in Adobe Photoshop to apply non-
● Clipping to the Adjustment Layer
destructive adjustments to image tone, color,
and contrast, understanding how to stack ● Curves Adjustment
multiple adjustment layers for cumulative
● Hue/Saturation Adjustment
effects.
3. Learners will master the technique of using ● Vibrance Adjustment
the Levels adjustment in Adobe Photoshop to
● Photo Filter Adjustment
adjust the tonal range and distribution of
shadows, midtones, and highlights in an image ● Remove a Colour Cast
for optimal contrast and exposure. ● Black and White Adjustment
4. Learners will proficiently apply adjustment
layer masks in Adobe Photoshop to selectively
apply adjustments to specific areas of an image,
understanding how to paint on the mask to
reveal or hide adjustment effects.
5. Learners will understand the concept of
clipping adjustment layers to the layer below in
Adobe Photoshop, including restricting
adjustment effects to only affect the contents
of the layer immediately below.
6. Learners will explore and apply the Curves
adjustment in Adobe Photoshop to fine-tune
tonal and color adjustments using control
points to create custom contrast and color
balance adjustments.
 7. Learners will effectively use the
Hue/Saturation adjustment in Adobe
Photoshop to modify the hue, saturation, and
lightness of individual color channels within an
image to achieve desired color effects.
8. Learners will proficiently apply the Vibrance
adjustment in Adobe Photoshop to enhance or
reduce the intensity of muted colors while
preserving skin tones and preventing
oversaturation.
9. Learners will explore and experiment with the
Photo Filter adjustment in Adobe Photoshop to
apply warming or cooling color filters to an
image for creative or corrective color effects.
10. Learners will demonstrate proficiency in
using adjustment layers to remove color casts
from images in Adobe Photoshop,
understanding how to use tools such as the
White Balance or Color Balance adjustment to
correct color temperature or tint issues.
11. Learners will explore and apply the Black
and White adjustment in Adobe Photoshop to
convert color images to grayscale or
monochrome while controlling the tonal values
of individual color channels for creative or
aesthetic effects.

8 Localized Unit Level Outcomes: 3 - 6 10

Adjustments and 1. Learners will demonstrate proficiency in using
Photo toning tools in Adobe Photoshop, such as ● Toning Tools
Retouching Dodge, Burn, and Sponge, to selectively adjust ● Spot Healing Brush
tonal values, highlights, shadows, and
● Healing Brush
saturation in specific areas of an image.
2. Learners will effectively utilize the Spot ● Patch Tool
Healing Brush tool in Adobe Photoshop to
● Content-aware Fill
remove small imperfections, blemishes, or
unwanted objects from an image by ● Content-aware Move
automatically sampling surrounding pixels to
● Eraser Tools
blend seamlessly with the surrounding area.
3. Learners will master the technique of using ● Sharpening an Image
the Healing Brush tool in Adobe Photoshop to
remove imperfections, scratches, or larger
objects from an image by blending sampled
pixels from a source area with the surrounding
pixels to achieve a seamless repair.
4. Learners will proficiently use the Patch Tool in
Adobe Photoshop to remove larger areas of
unwanted content from an image by selecting
and replacing the area with content from
another part of the image or a sampled source
area.
5. Learners will understand the concept and
functionality of Content-Aware Fill in Adobe
Photoshop, including its ability to intelligently
fill in selected areas of an image with
surrounding content while seamlessly blending
with the rest of the image.
6. Learners will explore and experiment with the
Content-Aware Move tool in Adobe Photoshop,
understanding how to select and move objects
within an image while automatically filling in
the original location with surrounding content.
7. Learners will effectively use eraser tools in
Adobe Photoshop to selectively remove
portions of an image or adjustment layer,
understanding how to adjust brush settings and
opacity for precise and controlled erasing.
8. Learners will demonstrate proficiency in
sharpening images in Adobe Photoshop using
techniques such as the Sharpen tool, Unsharp
Mask filter, or High Pass filter to enhance image
clarity, detail, and edge definition.
9 Type, Guides, Unit Level Outcomes: 3 - 6 10
and Grids 1. Learners will demonstrate proficiency in using
the Type Tool in Adobe Illustrator to create and ● Type Tool
edit text, understanding how to click on the ● Area Type Tool
canvas to create point text or click and drag to
● Displaying Rulers
create area text boxes.
2. Learners will effectively utilize the Area Type ● Using Guides
Tool in Adobe Illustrator to flow text within a
● Add a Guide Layout
defined area or shape, understanding how to
click and drag to create a text box and adjust its ● Smart Guides
size and shape.
● Showing the Grid
3. Learners will master the technique of
displaying rulers in Adobe Illustrator, ● Grid Preferences
understanding how to enable rulers along the
top and side of the canvas to provide visual
reference for measuring and aligning objects.
4. Learners will proficiently use guides in Adobe
Illustrator to assist with aligning and positioning
objects, understanding how to create, move,
and delete guides using the ruler guides or the
Guide panel.
5. Learners will understand how to add a guide
layout in Adobe Illustrator, including defining
guide positions and spacing to create custom
grid layouts for aligning and organizing artwork
elements.
6. Learners will explore and utilize smart guides
in Adobe Illustrator, understanding how to
enable smart guides to dynamically snap
objects to alignment guides, anchor points,
paths, and spacing cues for precise positioning.
7. Learners will effectively show the grid in
Adobe Illustrator, understanding how to toggle
the visibility of the grid lines to provide
additional visual reference for aligning and
spacing objects on the canvas.
8. Learners will customize grid preferences in
Adobe Illustrator, including adjusting gridline
color, spacing, subdivisions, and units to suit
specific design requirements and workflow
preferences.

10 Libraries, Unit Level Outcomes: 3 - 6 10

Output, and 1. Learners will demonstrate proficiency in using
Updates Creative Libraries in Adobe Creative Cloud ● Creative Libraries
applications, understanding how to create, ● Shared Libraries
organize, and access libraries of assets such as
● Saving Files
graphics, colors, character styles, and logos for
reuse across projects. ● Quick Export
2. Learners will effectively utilize Shared
Libraries in Adobe Creative Cloud,
understanding how to collaborate with team
members by sharing and accessing libraries of
assets across multiple users and devices.
3. Learners will master the technique of saving
files in Adobe Creative Cloud applications,
including saving projects locally or to the cloud
storage provided by Adobe Creative Cloud,
understanding how to specify file formats,
names, and locations.
4. Learners will proficiently use the Quick Export
feature in Adobe Creative Cloud applications to
quickly export artwork or designs in commonly
used file formats such as JPEG, PNG, or PDF,
understanding how to adjust export settings
and quality options as needed.

NOS/Module Name: Understand and Develop a website

NOS/Module Code: MSME/GWD/03

NOS/Module Outcome:

● Understand the basics of the web, including the Internet and URLs.
● Gain knowledge of HTML and its components, such as tags, attributes, and elements.
● Learn how to structure and format text, create hyperlinks, and insert images in HTML.
● Understand the concept of fair use and copyright in relation to web content.
● Learn how to create lists, tables, and apply styling using HTML.
● Understand the difference between CSS and HTML and how to style web pages using CSS.
● Gain proficiency in using CSS selectors, including selecting by tag, class, and id.
● Understand the cascade and the order of selector precedence in CSS.
● Apply the concepts learned to create a personal homepage project.
● Explore advanced topics in HTML and CSS, including splitting sites into separate files and
combining CSS selectors.
● Learn about user interface design techniques and considerations for creating engaging
interfaces.
● Gain knowledge of accessibility issues and readability in web design.
● Understand the concept of lite sites and rapid prototyping for web development.
● Learn about user testing and the importance of iterating and collaborating in web design
projects.
● Apply the concepts covered in the course to create a final project, demonstrating creativity
and project scoping skills.
● Understand the principles of responsive web design and how to implement it using
Bootstrap.
● Learn about common device dimensions, the grid system, and CSS media queries for
responsive design.
● Gain proficiency in using JavaScript for client-side scripting, including variables, conditions,
loops, and functions.
● Learn the basics of jQuery, including its features, syntax, and commonly used actions and
plugins.
● Explore Adobe Flash/Animate and learn how to create animations, banners, intros, and
websites using the software.
● Understand the basics of web hosting, including different hosting packages, domain
registration, and using control panels.
● Learn how to create emails and use FTP clients for website maintenance.

Theory Hours: NA Practical Hours: 210 Theory Marks: NA Practical Marks: 100

Unit Unit Name Unit Outcome Content (Chapter/Topics) PR Marks

No Hours
1 Getting Started - Unit Level Outcomes: ● Subject introduction 4 4
What is the Web? 1. Learners will understand the basics of web ● Goal setting
technologies through the introduction of the ● The Internet
subject, including its significance, evolution, and its ● URLs
role in modern society. ● How a web page gets
2. Learners will effectively set goals for their learning to your computer
journey in web technologies, understanding the
importance of defining clear objectives and
milestones to track progress and measure
success.
3. Learners will comprehend the concept of the
Internet, including its infrastructure, protocols, and
global connectivity that enables the transfer of data
and communication across networks.
4. Learners will master the understanding of Uniform
Resource Locators (URLs), including their
structure, components, and how they are used to
identify and locate resources on the World Wide
Web.
 5. Learners will explore the process of how a web
page is requested and delivered to their computer,
including concepts such as DNS resolution, HTTP
request-response cycle, and data transmission
over the Internet.

2 HTML - Unit Level Outcomes: ● How do we build web 30 10

Structuring 1. Learners will understand the process of building pages?
Websites web pages, including the role of markup languages ● Markup Languages
and their significance in structuring content for the ● HTML
web. ● HTML tags
2. Learners will effectively distinguish markup ● HTML attributes
languages, focusing on HTML (Hypertext Markup
● HTML elements
Language) as the primary language used for
● The Anatomy of an
creating web pages.
3. Learners will comprehend HTML tags, recognizing HTML page
their syntax, purpose, and usage in defining the ● Formatting text
structure and content of web pages. ● Hyperlinks
4. Learners will master the concept of HTML ● Images
attributes, understanding how they provide ● Copyright fair use
additional information or functionality to HTML ● Lists
elements. ● Nesting tags
5. Learners will be able to identify HTML elements, ● Tables
understanding their role in organizing and ● Styling with HTML
presenting content within a web page. ● HTML Colours
6. Learners will analyze the anatomy of an HTML
page, including the essential components such as
the document type declaration, `<html>`, `<head>`,
and `<body>` tags.
7. Learners will effectively format text using HTML,
including applying basic text formatting such as
headings, paragraphs, emphasis, and strong
emphasis.
8. Learners will proficiently create hyperlinks using
HTML `<a>` tags, understanding how to link to
other web pages, resources, or email addresses.
9. Learners will demonstrate the ability to embed
images in web pages using HTML `<img>` tags,
understanding how to specify image sources,
alternative text, and image dimensions.
10. Learners will understand the concept of
copyright fair use in the context of web content,
including guidelines and best practices for using
copyrighted materials legally and ethically.
11. Learners will effectively create lists using HTML
`<ul>`, `<ol>`, and `<li>` tags, understanding how
to create unordered lists (bulleted) and ordered
lists (numbered).
12. Learners will demonstrate proficiency in nesting
HTML tags, understanding how to structure and
organize content hierarchically by placing tags
within other tags.
13. Learners will proficiently create tables using
HTML `<table>`, `<tr>`, `<td>`, and `<th>` tags,
understanding how to define rows and columns to
present tabular data.
14. Learners will explore styling web pages using
HTML, including inline styles and internal
stylesheets to apply basic formatting and layout to
HTML elements.
15. Learners will understand the concept of HTML
colors, including using color names, hexadecimal
notation, and RGB values to specify colors for text,
backgrounds, and other elements on web pages.

3 CSS - Styling Unit Level Outcomes: ● How do we style web 20 10

Websites 1. Learners will understand the process of styling pages?
web pages using CSS (Cascading Style Sheets), ● CSS vs HTML
including its role in defining the presentation and ● CSS Selectors
layout of HTML content. ● Selecting by tag
2. Learners will effectively distinguish between CSS ● Selecting by class
and HTML, recognizing CSS as the language used
● Selecting by id
to apply styles and aesthetics to HTML elements.
● The Cascade (order of
3. Learners will comprehend CSS selectors,
understanding how they are used to target specific selector precedence)
HTML elements for styling.
4. Learners will demonstrate proficiency in selecting
 HTML elements by tag name using CSS,
understanding how to apply styles to all instances
of a particular HTML element.
5. Learners will effectively select HTML elements by
class using CSS, understanding how to apply
styles to specific groups of elements sharing the
same class attribute.
6. Learners will proficiently select HTML elements by
ID using CSS, understanding how to apply styles to
individual elements with unique identifiers.
7. Learners will understand the concept of the
Cascade in CSS, including the order of selector
precedence and how styles are applied based on
specificity, inheritance, and the order of
appearance in the stylesheet.

4 Project - Create Unit Level Outcomes: ● Combination of the 12 8

Your Homepage 1. Learners will integrate the concepts learned in concepts learned thus
previous units, including HTML structure, CSS far
styling, and basic web development principles, to ● Allow students to think
create a homepage for a personal or fictional creatively about the
website. applications of the
2. Learners will demonstrate creativity and critical
concepts they have
thinking skills in applying the concepts learned to
learned
design and develop a unique and visually
appealing web page. ● Designing a web page
3. Learners will effectively apply HTML markup to from scratch
structure the content of their homepage, including
headings, paragraphs, lists, images, hyperlinks,
and other relevant elements.
4. Learners will proficiently use CSS to style their
homepage, including defining colors, fonts, layouts,
and other visual properties to enhance the
appearance and usability of the web page.
5. Learners will demonstrate problem-solving skills in
overcoming challenges and implementing desired
features or design elements in their homepage
project.
6. Learners will effectively collaborate, share ideas,
and provide feedback to peers during the design
and development process, fostering a supportive
and collaborative learning environment.
7. Learners will present their completed homepage
projects, explaining their design choices, thought
process, and implementation strategies,
demonstrating their understanding and mastery of
web development concepts.

5 Advanced HTML Unit Level Outcomes: ● Splitting your site into 16 10

and CSS 1. Learners will demonstrate proficiency in splitting separate files
their website into separate HTML files, ● iframes and
understanding how to organize and modularize embedding
content for better maintainability and scalability. ● <div>
2. Learners will effectively use iframes and ● <span>
embedding techniques to integrate external
● Combining CSS
content such as videos, maps, or social media
selectors
feeds into their web pages, enhancing user
experience and functionality. ● Special CSS selectors
3. Learners will understand the purpose and usage ● Reading
of `<div>` elements in HTML, including how to use documentation
them as container elements for grouping and ● Avoiding repeated
styling content blocks on web pages. code
4. Learners will proficiently use `<span>` elements in
HTML to apply inline styling or manipulate specific
portions of text within larger content blocks,
enhancing visual presentation and semantics.
5. Learners will demonstrate mastery in combining
CSS selectors to target specific HTML elements
with complex or specific styling requirements,
understanding how to use compound selectors,
descendant selectors, and attribute selectors
effectively.
6. Learners will explore and apply special CSS
selectors such as pseudo-classes (`:hover`,
`:focus`, `:nth-child()`) and pseudo-elements
(`::before`, `::after`) to create interactive and
dynamic effects or style elements based on their
 position or state.
7. Learners will develop the ability to read and
understand documentation for HTML and CSS,
including official specifications, tutorials, reference
guides, and online resources, to deepen their
understanding and expand their knowledge of web
development techniques and best practices.
8. Learners will effectively avoid repeated code in
their HTML and CSS files, understanding the
importance of modularity, reusability, and
maintainability in web development, and employing
techniques such as classes, inheritance, and
mixins to streamline their codebase.

6 Designing User Unit Level Outcomes: ● What makes an 12 8

Interfaces 1. Learners will understand the key factors that engaging interface?
contribute to an engaging user interface (UI), ● Various User Interface
including usability, aesthetics, clarity, consistency, (UI) Design
and responsiveness. techniques
2. Learners will explore various UI design ● Accessibility issues
techniques, including layout design, typography,
● Readability
color theory, visual hierarchy, and navigation
● Lite sites
patterns, to create intuitive and visually appealing
interfaces. ● Rapid prototyping
3. Learners will recognize and address accessibility ● User testing
issues in UI design, including ensuring
compatibility with assistive technologies, providing
alternative text for images, and designing with
consideration for users with disabilities.
4. Learners will demonstrate proficiency in
optimizing readability in UI design, including
selecting appropriate font styles, sizes, and line
spacing, and ensuring sufficient contrast between
text and background elements.
5. Learners will understand the concept of lite sites,
including designing lightweight and fast-loading
interfaces optimized for low-bandwidth or mobile
environments, and employing techniques such as
responsive design and lazy loading.
6. Learners will explore rapid prototyping
techniques, including wireframing, mockups, and
interactive prototypes, to quickly visualize and
iterate on UI designs and gather feedback from
stakeholders.
7. Learners will conduct user testing to evaluate the
effectiveness and usability of UI designs, including
observing user interactions, collecting feedback,
and iteratively refining designs based on user
feedback and usability testing results.

7 Final Project Unit Level Outcomes: ● Allow students to think 20 10

1. Learners will demonstrate creativity and critical creatively about the
thinking skills in applying the concepts covered in applications of the
the course to design and develop a website project concepts covered in
from scratch. the course
2. Learners will effectively scope their project by ● Scoping a project
defining clear objectives, requirements, and
● Designing a website
deliverables, considering factors such as target
from scratch
audience, purpose, functionality, and design
aesthetic. ● Incremental
3. Learners will design a website from scratch, development
including creating wireframes, mockups, and ● Creating and iterating
prototypes to visualize and communicate the on prototypes
structure, layout, and user experience of the ● User testing
website. ● Collaboration
4. Learners will practice incremental development by
breaking down the website project into
manageable tasks or features and implementing
them iteratively, allowing for continuous feedback
and improvement.
5. Learners will create and iterate on prototypes of
their website project, using tools such as Adobe
XD, Sketch, Figma, or InVision to design
interactive prototypes for user testing and
feedback.
6. Learners will conduct user testing to evaluate the
usability, effectiveness, and user experience of
 their website prototypes, gathering feedback from
target users and iterating on designs based on
user feedback.
7. Learners will collaborate with peers, instructors, or
stakeholders throughout the website development
process, sharing ideas, providing feedback, and
working together to achieve project goals and
deliverables.

8 Responsive Web Unit Level Outcomes: ● Introduction to 24 12

Design with 1. Learners will understand the principles of Responsive Design
Bootstrap responsive design, including the importance of ● Introduction to
creating websites that adapt and respond to Bootstrap
various screen sizes and devices. ● Design concepts
2. Learners will be introduced to Bootstrap, a (Mobile & Desktop)
popular front-end framework for building
● Installation of
responsive and mobile-first websites.
Bootstrap
3. Learners will grasp design concepts for both
mobile and desktop layouts, including ● Common Device
considerations for layout, navigation, typography, Dimensions
and content hierarchy. ● Grid System
4. Learners will successfully install Bootstrap and set ● View-Port Tag
up their development environment for building ● Forms
responsive websites. ● CSS Media Queries
5. Learners will familiarize themselves with common ● Buttons
device dimensions and breakpoints used in ● Menu Conversion
responsive design to ensure consistency across Script
different devices. ● Icons Integration
6. Learners will master the Bootstrap grid system, ● Custom Layout
understanding how to create flexible and
● CSS3 in Layout
responsive layouts using rows, columns, and
responsive utility classes.
7. Learners will understand the role of the viewport
meta tag in controlling the layout and scaling of
web pages on mobile devices.
8. Learners will effectively implement forms in their
Bootstrap-based websites, including styling form
elements and utilizing Bootstrap's form
components and validation features.
9. Learners will demonstrate proficiency in using
CSS media queries to apply custom styles and
layout adjustments based on screen size and
device orientation.
10. Learners will utilize Bootstrap's button styles and
classes to create visually appealing and consistent
buttons for their websites.
11. Learners will implement menu conversion scripts
to create responsive navigation menus that adapt
to different screen sizes and devices.
12. Learners will integrate icons into their Bootstrap-
based websites using icon libraries such as Font
Awesome or Bootstrap Icons.
13. Learners will create custom layouts using
Bootstrap's grid system and CSS3 features such
as flexbox and grid layout.
14. Learners will apply CSS3 features to enhance
the layout and appearance of their Bootstrap-
based websites, including animations, transitions,
shadows, and gradients.

9 Java Script Unit Level Outcomes: ● Introduction to Client- 32 10

1. Learners will understand the concept of client-side Side Scripting
scripting and its role in enhancing web interactivity ● Introduction to Java
and functionality. Script
2. Learners will be introduced to JavaScript as a ● JavaScript Types
programming language for client-side scripting, ● Variables in JS
including its syntax, features, and capabilities.
● Operators in JS
3. Learners will comprehend JavaScript types,
including primitive data types (such as numbers, ● Conditions Statements
strings, booleans) and complex data types (such ● Java Script Loops
as arrays and objects). ● JS Popup Boxes
4. Learners will effectively declare and use variables ● JS Events
in JavaScript, understanding variable scope, ● JS Arrays
hoisting, and best practices for naming ● Working with Arrays
conventions. ● JS Objects
5. Learners will demonstrate proficiency in using ● JS Functions
operators in JavaScript, including arithmetic, ● Using Java Script in
 assignment, comparison, logical, and bitwise Realtime
operators. ● Validation of Forms
6. Learners will master conditional statements in
JavaScript, including if statements, else
statements, switch statements, and ternary
operators for making decisions and controlling
program flow.
7. Learners will proficiently implement JavaScript
loops, including for loops, while loops, and do-while
loops, for iterating over arrays, objects, or
performing repetitive tasks.
8. Learners will understand and utilize JavaScript
popup boxes, including alert, confirm, and prompt
dialogs, for displaying messages, confirming
actions, and receiving user input.
9. Learners will explore JavaScript events, including
mouse events, keyboard events, form events, and
document events, for handling user interactions
and triggering script execution.
10. Learners will effectively work with arrays in
JavaScript, including creating, accessing,
modifying, and iterating over arrays to store and
manipulate collections of data.
11. Learners will demonstrate proficiency in using
JavaScript objects, including creating object
literals, accessing object properties, and using
object methods for organizing and manipulating
data.
12. Learners will implement JavaScript functions,
including declaring functions, passing arguments,
returning values, and using function expressions
and arrow functions for code reuse and
abstraction.
13. Learners will apply JavaScript in real-time
scenarios, including enhancing web forms with
form validation, implementing interactive features,
and manipulating DOM elements dynamically.
14. Learners will demonstrate the ability to validate
web forms using JavaScript, including
implementing client-side validation logic to ensure
data integrity and enhance user experience.

10 jQuery Unit Level Outcomes: ● Introduction to jQuery 16 8

1. Learners will understand the purpose and benefits ● jQuery Features
of using jQuery as a JavaScript library for ● Installing jQuery
simplifying DOM manipulation, event handling, and ● jQuery Syntax
animation on web pages. ● jQuery Ready
2. Learners will be introduced to the features and Function
capabilities of jQuery, including its lightweight
● jQuery Selectors
nature, cross-browser compatibility, and extensive
● jQuery Actions
collection of plugins.
3. Learners will successfully install jQuery and ● jQuery plugins
integrate it into their web projects, understanding ● jQuery Validation
different methods such as downloading the library plugin
locally or linking to a CDN (Content Delivery ● jQuery Slideshow
Network). ● jQuery Dropdown
4. Learners will grasp the syntax of jQuery, including
how to select DOM elements using jQuery
selectors and perform actions on them using
jQuery methods.
5. Learners will demonstrate proficiency in using the
jQuery ready function to ensure that JavaScript
code is executed only after the DOM has fully
loaded, improving performance and preventing
issues with accessing DOM elements.
6. Learners will effectively utilize jQuery selectors to
target and manipulate HTML elements on web
pages, including selecting elements by tag name,
class, ID, attribute, or traversing the DOM tree.
7. Learners will master jQuery actions, including
methods for manipulating HTML content, handling
events, animating elements, and making AJAX
requests for dynamic data retrieval.
8. Learners will explore jQuery plugins,
understanding how to extend the functionality of
jQuery by integrating pre-built plugins for common
tasks such as form validation, sliders, dropdown
 menus, and more.
9. Learners will implement the jQuery Validation
plugin to add client-side form validation to their web
forms, ensuring that user input meets specified
criteria before submission.
10. Learners will create jQuery slideshows using
plugins or custom scripts, allowing for the dynamic
display of images or content in a slideshow format
with various transition effects.
11. Learners will implement jQuery dropdown menus
to enhance website navigation, including creating
dropdown menus that respond to user interactions
such as hover or click events.

11 Adobe Flash / Unit Level Outcomes: ● Introduction to 16 8

Animate 1. Learners will understand the principles and Animation
techniques of animation, including the use of ● Introduction to Adobe
motion, timing, and sequencing to create the Flash
illusion of movement. ● Tools in Adobe Flash
2. Learners will be introduced to Adobe Flash (now ● Shape Tween and
Adobe Animate), understanding its role as a
Motion Tween
powerful tool for creating interactive and
● Frame Animation
multimedia-rich animations for the web and other
platforms. ● Various Flash Effects
3. Learners will become familiar with the tools ● Creating Flash
available in Adobe Flash for creating and Banners
manipulating shapes, text, symbols, and other ● Creating Flash Intro’s
graphic elements within the application. ● Creating Flash
4. Learners will master shape tweening and motion Website
tweening techniques in Adobe Flash, ● Basics of Action
understanding how to transform shapes and Scripting.
objects smoothly between keyframes to create fluid
animations.
5. Learners will explore frame-by-frame animation in
Adobe Flash, including creating animations by
manually adjusting objects and properties on
individual frames.
6. Learners will experiment with various Flash
effects, including filters, blending modes, and
special effects, to enhance the visual appeal and
creativity of their animations.
7. Learners will demonstrate proficiency in creating
Flash banners, understanding how to design and
animate banners for advertising and promotional
purposes on websites and other digital platforms.
8. Learners will create Flash intros, including short
animated sequences that introduce a website or
multimedia project, capturing attention and setting
the tone for the user experience.
9. Learners will design and develop Flash websites,
understanding how to create interactive interfaces,
navigation systems, and multimedia content using
Adobe Flash.
10. Learners will grasp the basics of ActionScripting,
the programming language used in Adobe Flash
for creating interactive elements, animations, and
dynamic content. They will understand concepts
such as variables, functions, events, and basic
interactivity.

12 Web Hosting Unit Level Outcomes: ● Web Hosting Basics 8 2

1. Learners will understand the fundamentals of web ● Types of Hosting
hosting, including the concept of hosting servers, Packages
storage space, bandwidth, and server ● Registering domains
management. ● Defining Name
2. Learners will be introduced to different types of Servers
hosting packages, including shared hosting, virtual
● Using Control Panel
private servers (VPS), dedicated hosting, and
● Creating Emails in
cloud hosting, understanding their features,
benefits, and use cases. cPanel
3. Learners will comprehend the process of ● Using FTP Client
registering domain names, including selecting a ● Maintaining a website
domain registrar, searching for available domain
names, and completing the registration process.
4. Learners will demonstrate proficiency in defining
name servers for domain names, understanding
how to point domain names to the appropriate
 hosting servers using DNS (Domain Name
System) settings.
5. Learners will effectively use control panel
software such as cPanel or Plesk to manage web
hosting accounts, including tasks such as creating
subdomains, managing databases, and configuring
security settings.
6. Learners will demonstrate the ability to create
email accounts associated with their domain
names using control panel software, understanding
how to set up email addresses, manage email
forwarding, and configure email clients.
7. Learners will effectively use FTP (File Transfer
Protocol) clients to upload, download, and manage
files on web hosting servers, understanding how to
connect to hosting accounts securely and transfer
files between local computers and remote servers.
8. Learners will understand the importance of
maintaining a website, including regular backups,
software updates, security monitoring, and
performance optimization, to ensure the reliability,
security, and performance of their web presence.

NOS /Module: Understanding to Work with Figma & Adobe XD

NOS /Module Code: MSME/GWD/04

Outcomes:

After completion of course Student should be able to:

1.Understand User-Centered Design: Embrace the user-centered approach to design,

putting user needs and preferences at the forefront of the design process.

2.Conduct User Research: Plan, execute, and analyze user research, including user
interviews, surveys, and usability testing to inform design decisions.

3.Create Wireframes and Prototypes: Develop wireframes and interactive prototypes to

visualize and test design concepts and user interactions.

4.Design User-Friendly Interfaces: Craft aesthetically pleasing and intuitive user interfaces
that facilitate efficient and enjoyable user experiences.

5.Implement Interaction Design: Apply principles of interaction design to create

meaningful and engaging user interactions through elements like buttons, navigation,
and forms.

6.Design for Mobile and Responsive Web: Develop designs that are responsive and
adaptive, ensuring a seamless experience across various devices and screen sizes.

7.Information Architecture: Organize content effectively, creating clear hierarchies and

navigation structures that aid user understanding and content discoverability.

Theory Hours: NA Practical Hours: 120 OJT: 60 Practical Marks: 100

Unit No. Unit Name Unit level outcomes Contents (chapters/topics) PR PR

Marks
Hours
1 Figma Unit Level Outcomes: 1. The difference between UX 8 6
and UI
Unit 1 1. Learners will differentiate between User Experience
(UX) and User Interface (UI), understanding that UX 2. Intro To Figma and
focuses on the overall experience and satisfaction of Download & Install Figma to
users when interacting with a product, while UI focuses your desktop
on the visual and interactive aspects of the product.
3. Figma Interface/Dashboard
2. Learners will be introduced to Figma as a design tool
for creating user interfaces and collaborative design
projects, understanding its features, benefits, and
applications in the design process.

3. Learners will successfully download and install

Figma to their desktop computers, understanding the
steps involved in the installation process and ensuring
that they have access to the software for hands-on
practice.

4. Learners will familiarize themselves with the Figma

interface and dashboard, understanding the layout,
navigation, and organization of tools, panels, and
features within the application.

5. Learners will demonstrate proficiency in navigating

the Figma interface, including accessing and managing
projects, creating and editing design files, and
collaborating with team members using cloud-based
features.

6. Learners will explore and understand the various

tools and panels available in the Figma interface,
including the canvas area, layers panel, properties
panel, design tools, and prototyping features.

2 Unit 2 Unit Level Outcomes: 4. Import Figma Files in Figma 8 6

4. Learners will successfully import Figma files into the 5. Tools in Figma
Figma application, understanding the process and
6. Figma Layers Panel
options available for importing design files from
external sources or other Figma projects. 7. Figma Components

5. Learners will explore the various tools available in

Figma for designing user interfaces, including selection
tools, drawing tools, shape tools, text tools, and other
tools for creating and editing design elements.

6. Learners will understand the functionality of the

Layers panel in Figma, including organizing design
elements into layers, rearranging layers, renaming
layers, and adjusting layer properties for better
organization and management of design files.

7. Learners will explore the concept of components in

Figma, understanding how components allow for
reusability and consistency in design by creating
reusable elements such as buttons, icons, and
 navigation bars that can be easily replicated and
updated throughout a design project.

3 Unit 3 Unit Level Outcomes: 8. Design Tab/Panel 8 6

8. Learners will explore the Design tab/panel in Figma,

9. Text Tool and Fonts
understanding its role in controlling design-related
settings such as layout grids, spacing, and constraints
10. Images in Figma
to ensure consistent and responsive design across
different devices and screen sizes.

9. Learners will demonstrate proficiency in using the

Text tool in Figma to add text elements to their designs,
including typing, formatting, and styling text using
various font options, sizes, weights, and styles
available in the application.

10. Learners will effectively incorporate images into

their designs in Figma, understanding how to import,
place, resize, crop, and manipulate images within their
design projects to enhance visual appeal and convey
information effectively.

4 Unit 4 Unit Level Outcomes: 11. Boolean Operations in 8 6

Figma
11. Learners will master Boolean operations in Figma,
understanding how to use Union, Subtract, Intersect,
12. Alignment & Distribution
and Exclude operations to create complex shapes and
Figma
vector-based designs by combining or subtracting
overlapping shapes.
13. Figma Team Libraries
12. Learners will demonstrate proficiency in alignment
and distribution techniques in Figma, including aligning 14. The Code Panel in Figma

objects relative to each other or to the canvas, as well

as distributing objects evenly along a horizontal or
vertical axis to achieve balanced and visually appealing
layouts.

13. Learners will explore Figma Team Libraries,

understanding their role in facilitating collaboration and
maintaining design consistency across projects by
allowing teams to share and access reusable
components, styles, and assets.

14. Learners will understand the Code Panel in Figma,

including its capabilities for inspecting and exporting
design elements and specifications, generating CSS
and SVG code for developers, and ensuring seamless
handoff between designers and developers during the
design-to-development process.

5 Unit 5 Unit Level Outcomes: 15. Prototyping in Figma 8 6

15. Learners will effectively use prototyping features in

16. Horizontal & Vertical
Figma, understanding how to create interactive
Scrolling
prototypes by linking frames, adding hotspots, and
 defining interactions such as click, hover, and drag to 17. Masks in Figma
simulate user flows and demonstrate functionality.
18. Figma Exports | .JPG .PNG
16. Learners will explore horizontal and vertical
.SVG .PDF | Save Project into
scrolling techniques in Figma, understanding how to
.fig
create scrollable areas within frames to accommodate
content that extends beyond the viewport, such as long
pages or lists.

17. Learners will demonstrate proficiency in using

masks in Figma to control the visibility of design
elements and create clipping masks for displaying
content within defined shapes or boundaries,
enhancing visual presentation and layout flexibility.

18. Learners will understand the process of exporting

assets and design files from Figma, including exporting
to common image formats such as JPG, PNG, and
SVG, as well as exporting to PDF for documentation
purposes. Additionally, learners will learn to save their
Figma projects into the .fig format for version control
and future editing.

6 Unit 6 Unit Level Outcomes: 19. Mockup in photoshop 8 7

19. Learners will gain proficiency in creating mockups

20. Plugins in Figma
in Photoshop, understanding how to use the software
to visualize and present designs in a realistic context,
21. 5 MUST HAVE Plugins For
including techniques for creating device mockups,
Figma Designers!
screen presentations, and product prototypes.

20. Learners will explore the use of plugins in Figma to

extend its functionality and streamline design
workflows, understanding how plugins can enhance
productivity, automate repetitive tasks, and add new
features and capabilities to the application.

21. Learners will identify and evaluate five must-have

plugins for Figma designers, understanding their
features, benefits, and use cases. Additionally, learners
will demonstrate proficiency in installing, configuring,
and utilizing these plugins to improve their design
process and productivity in Figma.

7 Unit 7 Unit Level Outcomes: 22. What Is Wireframing? 8 7

22. Learners will understand the concept of wireframing

23. Wireframing with Figma
as a fundamental step in the design process, involving
the creation of low-fidelity sketches or layouts to define
24. How To Create Wireframe
the structure, layout, and functionality of a digital
in wireframe.cc
product or website.

23. Learners will gain proficiency in wireframing with

Figma, understanding how to use the software to
create wireframes for digital products, including
techniques for laying out content, defining navigation
 flows, and communicating design concepts effectively.

24. Learners will explore the process of creating

wireframes in wireframe.cc, understanding its features
and capabilities for quickly sketching and prototyping
user interfaces, wireframes, and mockups with a focus
on simplicity and ease of use.

8 Unit 8 Unit Level Outcomes: 25. Create a New Project and 8 7

File in Figma
25. Learners will demonstrate the ability to create a
new project and file in Figma, understanding the steps
26. Collaborate in real-
involved in setting up a new design project, creating
time(Teams)
artboards or frames, and organizing design files within
the application.

26. Learners will explore real-time collaboration

features in Figma, understanding how to collaborate
with team members or stakeholders in real-time by
sharing design files, providing feedback, and making
simultaneous edits to design projects. They will
understand the benefits of real-time collaboration,
including improved communication, increased
productivity, and streamlined workflows in design
teams.

9 Adobe XD Unit Level Outcomes: ·Introduction to UX 8 7

Unit 9 1. Learners will gain an understanding of User ·Getting started

Experience (UX) principles, including the importance of
·What is UI vs UX
designing products and interfaces that provide
meaningful and satisfying experiences for users. ·The UX brief & persona

2. Learners will become familiar with the Adobe XD

interface and its basic functionalities, enabling them to
navigate the software and perform essential tasks to
create user interfaces and interactive prototypes.

3. Learners will differentiate between User Interface

(UI) and User Experience (UX), understanding that UI
focuses on the visual and interactive aspects of a
product, while UX encompasses the overall experience
and satisfaction of users when interacting with the
product.

4. Learners will understand the concept of a UX brief

and persona in the design process, including the
importance of defining project goals, user needs, and
target audience characteristics to inform design
decisions and create user-centered solutions.
10 Unit Level Outcomes: ·Wireframing (low fidelity) 8 7
Unit 10
1. Learners will demonstrate proficiency in creating low- ·Existing UI kits
fidelity wireframes in Adobe XD, understanding how to
·Working with type
use simple shapes and placeholders to outline the
structure and layout of a digital product or interface. ·Basic colors& buttons

2. Learners will explore existing UI kits available in

Adobe XD, understanding their role in providing pre-
designed components, elements, and templates that
can be used to streamline the design process and
maintain consistency in UI design.

3. Learners will master working with type in Adobe XD,

understanding how to add text elements, format
typography, and apply typographic principles to
enhance readability and visual hierarchy in UI designs.

4. Learners will grasp the basics of color theory and

button design in UI design, including selecting
appropriate color schemes, applying colors to UI
elements, and designing visually appealing and user-
friendly buttons for interactive elements.

11 Unit 11 Unit Level Outcomes: ·Free UI Icons 8 7

1. Learners will explore resources for obtaining free UI ·Footer & Lorem Ipsum
icons, understanding how to integrate them into Adobe
·New Pages & Artboards
XD projects to enhance visual design and user
experience. ·Project 01 - Wireframe

2. Learners will understand the importance of designing ·Prototyping & Interactivity

footers in UI layouts, including providing essential
navigation links, contact information, and other relevant
content. They will also learn to use Lorem Ipsum
placeholder text as a temporary measure for content
filling.

3. Learners will gain proficiency in creating new pages

and artboards in Adobe XD, understanding how to
organize and structure their design projects effectively
to accommodate multiple screens or sections.

4. Learners will apply their knowledge and skills to

complete Project 01, focusing on wireframing a digital
product or interface using Adobe XD. They will
demonstrate the ability to translate design concepts
into wireframe prototypes that outline the structure,
layout, and functionality of the product.

5. Learners will explore prototyping and interactivity

features in Adobe XD, understanding how to create
interactive prototypes by linking artboards, defining
navigation flows, and adding interactive elements such
as buttons, menus, and gestures to simulate user
interactions and demonstrate functionality.
12 Unit 12 Unit Level Outcomes: ·Create a Popup Modal 8 7

1. Learners will demonstrate the ability to create popup ·Project 02 - Prototype

modals in Adobe XD, understanding how to design and
·Groups & Isolation Mode
prototype modal windows for displaying additional
content or interactive elements within a user interface. ·How to use symbols

2. Learners will apply their skills to complete Project 02, ·Production Video - Left Nav
focusing on creating a prototype for a digital product or
·Repeat Grid
interface using Adobe XD. They will demonstrate
proficiency in translating design concepts into ·Updating symbols and

interactive prototypes that showcase the functionality repeat grids

and user experience of the product.

3. Learners will understand the concept of groups and

isolation mode in Adobe XD, including techniques for
organizing and managing layers and elements within a
design project to maintain clarity and efficiency.

4. Learners will master the use of symbols in Adobe

XD, understanding their role in creating reusable
design elements and maintaining consistency across
multiple artboards or screens within a project.

5. Learners will explore techniques for creating

production videos in Adobe XD, including capturing and
exporting video recordings of interactive prototypes to
showcase design concepts and functionality to
stakeholders or clients.

6. Learners will learn to use the repeat grid feature in

Adobe XD, understanding how to quickly create and
replicate layout patterns or design elements such as
lists, grids, and card layouts for efficient design
workflows.

7. Learners will understand how to update symbols and

repeat grids in Adobe XD, including techniques for
making changes to master components or grid items
and propagating those changes across instances
throughout a design project.

13 Unit 13 Unit Level Outcomes: ·Prototype Tricks 8 7

1. Learners will explore various prototype tricks in ·Navigation Tips and Tricks
Adobe XD, including advanced techniques for creating
·Project 03 - Symbols
interactive and dynamic prototypes, such as using
overlays, timed transitions, drag gestures, and ·Mocking Up an app
keyboard triggers.
·XD App on your phone
2. Learners will master navigation tips and tricks in
Adobe XD, understanding how to optimize navigation
design for better user experience, including techniques
for creating navigation bars, menus, breadcrumbs, and
interactive navigation elements.

3. Learners will apply their skills to complete Project 03,

 focusing on using symbols in Adobe XD to create
reusable design components and maintain consistency
across multiple screens or artboards within a project.

4. Learners will gain proficiency in mocking up an app

in Adobe XD, understanding how to translate design
concepts into high-fidelity prototypes for mobile
applications, including designing screens, adding
interactions, and prototyping user flows.

5. Learners will learn to preview Adobe XD prototypes

on their mobile devices using the XD app,
understanding how to sync design files, view
prototypes, and test interactions directly on iOS or
Android devices for real-time feedback and usability
testing.

14 Unit 14 Unit Level Outcomes: ·iPhone & Android status 8 7

icons
1. Learners will understand the significance of iPhone
and Android status icons in mobile app design, ·Fixing the position
including common icons used to indicate device status,
·Production Video - Login
notifications, connectivity, and system functions.
·Sharing wireframes
2. Learners will learn techniques for fixing the position
of elements in Adobe XD, ensuring that UI elements
remain anchored or positioned correctly within the
design layout across different screen sizes and
orientations.

3. Learners will create production videos focusing on

the login process of a digital product or application
using Adobe XD, demonstrating proficiency in capturing
and exporting video recordings of interactive prototypes
to showcase design concepts and functionality.

4. Learners will explore methods for sharing wireframes

and design prototypes with stakeholders, team
members, or clients using Adobe XD, including
techniques for generating shareable links, inviting
collaborators, and presenting design concepts for
feedback and review.

15 Unit 15 Unit Level Outcomes: ·Recording your interactions 8 7

1. Learners will gain proficiency in recording ·Class Project - Wireframe

interactions within Adobe XD, understanding how to feedback
capture and document user interactions, such as clicks,
·Columns or grids
taps, swipes, and transitions, to create interactive
design prototypes.

2. Learners will engage in a class project focused on

wireframe feedback, where they will share their
wireframe designs with peers or instructors for critique
and review, allowing for constructive feedback and
improvement of design concepts.
 3. Learners will explore the use of columns or grids in
Adobe XD, understanding how to create and customize
layout grids to establish consistent spacing, alignment,
and structure within UI designs, enhancing visual
hierarchy and readability.

COURSES / MODULE TEMPLATE

NOS /Module: Employability Skill

NOS /Module Code: MSME/ES/01

THEORY HOURS: 30 PRACTICAL HOURS: -00 THEORY MARKS: 100

PRACTICAL MARKS: -

Refer Standard Curriculum developed by NCVET.

(https://nqr.gov.in/downloads/pdfs/30-hours_MC_Employability_Skills.pdf)