Graphic Design | SAKIM IMPACT

1. Introduction to Graphic Design

Graphic Design: Graphic design is the practice of planning and creating visual communication using elements such as typography, colour, imagery, shapes and space to communicate a message to a specific audience.

Objectives of Graphic Design

Communicate information clearly and effectively.
Attract and maintain the audience's attention.
Create visually appealing communication.
Establish identity and recognition.
Persuade or influence an audience.
Organize complex information into understandable formats.

Applications of Graphic Design

Advertising

Posters, adverts, promotional materials and campaigns.

Branding

Logos, identity systems, packaging and brand guidelines.

Publishing

Books, magazines, newspapers, brochures and reports.

Digital Design

Websites, applications, digital adverts and social media graphics.

Packaging

Labels, boxes, bottles and product presentation materials.

Environmental Graphics

Signs, wayfinding systems, exhibitions and public displays.

Example: A poster for a college event may use colour to attract attention, typography to communicate information and imagery to support the main message.

2. Elements of Graphic Design

Design elements are the basic visual components used to construct a graphic design.

1. Line

A line is a mark connecting two or more points. It can be straight, curved, thick, thin, horizontal, vertical or diagonal.

Uses: separation, direction, movement and emphasis.

2. Shape

Shapes are two-dimensional areas defined by boundaries. They can be geometric, organic, abstract or symbolic.

3. Form

Form refers to objects that appear three-dimensional and can be created through shading, lighting and perspective.

4. Colour

Colour adds emotion, meaning, hierarchy and visual interest.

5. Texture

Texture describes the visual or physical surface quality of an object.

6. Space

Space refers to areas around and between design elements.

7. Typography

Typography is the arrangement of type to make written communication readable and visually effective.

8. Imagery

Photographs, illustrations, icons and other visual assets can communicate ideas faster than text alone.

3. Principles of Graphic Design

Design principles are guidelines that help designers organize visual elements into effective compositions.

Balance

Distributes visual weight within a composition.

Contrast

Creates differences between visual elements.

Emphasis

Directs attention to the most important element.

Hierarchy

Establishes an order of importance.

Alignment

Creates visual order by positioning elements.

Repetition

Reinforces consistency by repeating visual features.

Proximity

Groups related elements together.

Movement

Guides the viewer's eyes through a composition.

Unity

Makes all elements work together as one visual experience.

Practice Activity: Choose an advertisement and identify the balance, contrast, hierarchy, alignment and repetition used in the design.

4. Colour Theory

Colour Theory: The study of how colours interact, combine and influence visual perception.

Primary Colours

RED

YELLOW

BLUE

Secondary Colour Process

Red + Yellow

→

Orange

Yellow + Blue

→

Green

Blue + Red

→

Purple

ORANGE

GREEN

PURPLE

Colour Characteristics

Term	Meaning
Hue	The basic colour family, such as red, blue or green.
Saturation	The intensity or purity of a colour.
Value	The lightness or darkness of a colour.
Tint	A colour mixed with white.
Shade	A colour mixed with black.
Tone	A colour mixed with grey.

Colour Harmonies

Monochromatic: Variations of one colour.
Analogous: Colours located next to each other.
Complementary: Colours opposite each other.
Triadic: Three colours evenly spaced around the colour wheel.

5. Typography

Typography: The arrangement and styling of text to make communication readable, functional and visually appealing.

Type	Description	Common Uses
Serif	Letters have small finishing strokes.	Books, newspapers and formal publications.
Sans Serif	Letters do not have finishing strokes.	Websites, interfaces and modern branding.
Script	Designed to resemble handwriting or calligraphy.	Invitations and decorative designs.
Display	Expressive fonts designed to attract attention.	Posters, headlines and advertising.

Important Typography Terms

Font: A particular style of type.
Font Family: A collection of related type styles.
Kerning: Space between individual characters.
Tracking: Overall spacing across characters.
Leading: Vertical space between lines.
Alignment: Positioning of text within a layout.
Weight: Thickness of letterforms.

Typography Rule: Avoid using too many unrelated typefaces in one design.

6. Layout and Composition

Composition is the process of arranging visual elements so that they communicate effectively as a complete design.

The Grid System

A grid is a framework of columns, rows, margins and guides used to organize content.

Composition Process

Identify Content

→

Create Grid

→

Arrange Elements

→

Create Hierarchy

→

Review Layout

Visual Hierarchy Can Be Created Using

Size
Colour
Contrast
Position
Typography
Spacing
Shape

Rule of Thirds

The rule of thirds divides a composition into nine sections using two horizontal and two vertical lines. Important elements can be placed near the intersections to create a balanced composition.

Negative Space

Negative space is the empty area surrounding and between objects. It can improve clarity and emphasis by preventing the design from becoming overcrowded.

7. Branding and Visual Identity

Brand Identity: The visual and verbal system through which an organization presents itself to its audience.

Components of Brand Identity

Logo

A visual identifier for an organization or product.

Colour Palette

A selected system of colours used consistently.

Typography

A consistent type system for communication.

Imagery

A consistent style for photography and illustration.

Iconography

Icons and symbols used as part of the identity.

Guidelines

Rules for applying the brand consistently.

Characteristics of an Effective Logo

Simple
Memorable
Relevant
Distinctive
Scalable
Appropriate for the target audience
Functional in different applications

8. Photography, Illustration and Image Use

Important Image Considerations

Image quality and resolution.
Composition and cropping.
Colour consistency.
Lighting.
Subject relevance.
Audience suitability.
Copyright and licensing.

Raster vs Vector Graphics

Raster	Vector
Made from pixels.	Made from mathematical paths.
Best for photographs.	Best for logos, icons and illustrations.
Can lose quality when enlarged significantly.	Can generally be scaled without losing sharpness.
JPG, PNG and TIFF are common examples.	SVG, AI, EPS and PDF are common examples.

Copyright: Do not assume an image found online is automatically free to use. Check licensing and usage rights.

9. Graphic Design Software and Tools

Category	Typical Purpose
Vector Design	Logos, icons, illustrations and scalable graphics.
Image Editing	Photo manipulation, retouching and compositing.
Page Layout	Books, magazines, brochures and publications.
UI/UX Design	Websites, mobile applications and interfaces.
Presentation Design	Slides, presentations and visual reports.

Important Skills Beyond Software

Creativity

Generating useful and original ideas.

Problem Solving

Finding suitable visual solutions.

Communication

Understanding and presenting design ideas.

Research

Understanding audiences and subject matter.

Typography

Using type effectively and clearly.

Time Management

Planning and completing work on schedule.

10. The Graphic Design Process

A professional design project normally follows a structured process from understanding the problem to producing the final work.

Brief

→

Research

→

Concept

→

Sketch

→

Design

→

Feedback

→

Revision

→

Final Production

1

Brief

Understand objectives, audience, deliverables and constraints.

2

Research

Study the audience, subject matter and relevant visual references.

3

Concept

Generate ideas using brainstorming, mind maps and mood boards.

4

Sketch

Explore several possible compositions and ideas.

5

Design

Develop the selected concept using suitable tools.

6

Feedback

Present the work and collect useful feedback.

7

Revision

Improve the design based on relevant feedback.

8

Final Production

Prepare the final files for their intended output.

11. Print Design Fundamentals

Common Print Materials

Business cards
Flyers
Posters
Brochures
Magazines
Books
Packaging
Banners
Certificates

Important Print Concepts

Concept	Explanation
Bleed	Extra artwork extending beyond the final trim area.
Trim	The final edge where printed material is cut.
Margins	Space between important content and document edges.
CMYK	A colour model commonly used for process printing.
Resolution	The amount of image detail.

12. Digital Graphic Design

Digital design is created for screens and digital environments.

Examples

Web banners
Social media graphics
Website layouts
Mobile application interfaces
Digital advertisements
Email graphics
Digital presentations

Digital Design Considerations

Screen size and responsive layouts.
Accessibility and readability.
File size and performance.
Colour display on different devices.
Navigation and interaction.
Consistent visual identity.

13. Introduction to UI and UX Design

UI: User Interface. It concerns the visual interface through which people interact with a digital product.

UX: User Experience. It concerns the overall experience a person has while using a product or service.

Good Interface Design Should Consider

Clarity

Users should understand what to do.

Consistency

Similar elements should behave similarly.

Accessibility

The design should consider different users.

Feedback

The system should respond to user actions.

Navigation

Users should move through the product easily.

Ease of Use

Tasks should be simple and understandable.

14. Design Ethics and Professional Practice

Copyright

Copyright protects original creative works. Designers should respect the rights of photographers, illustrators, type designers and other creators.

Plagiarism

Plagiarism involves presenting another person's creative work or ideas as one's own.

Responsible Design

Avoid intentionally misleading communication.
Consider cultural context.
Consider accessibility.
Use images responsibly.
Respect intellectual property.
Communicate honestly with clients and audiences.

15. Practical Student Assignments

Assignment 1: Design Elements

Create a composition demonstrating line, shape, colour, texture and space.

Assignment 2: Colour Poster

Create poster versions using monochromatic, complementary and analogous colour schemes.

Assignment 3: Typography Poster

Design a poster using typography as the main visual element.

Assignment 4: Logo Design

Develop a logo for an imaginary company from research to final design.

Assignment 5: Brand Identity

Create a logo, colour palette, typography system and example applications.

Assignment 6: Advertising Campaign

Create a poster, social media graphic and web banner for the same product.

Assignment 7: Portfolio Project

Develop a complete design project from brief through final presentation.

16. Suggested Assessment Criteria

Criterion	Suggested Weight
Understanding of design principles	20%
Creativity and originality	20%
Typography and hierarchy	15%
Colour and visual consistency	15%
Technical execution	15%
Presentation and explanation	10%
Professionalism and file organization	5%

17. Quick Revision Guide

Remember the Main Elements

Line + Shape + Form + Colour + Texture + Space + Typography + Imagery

Remember the Main Principles

Balance + Contrast + Emphasis + Hierarchy + Alignment + Repetition + Proximity + Movement + Unity

Questions to Ask Before Designing

What problem am I trying to solve?
Who is my target audience?
What message should the audience receive?
What medium will be used?
What visual style is appropriate?
What colours communicate the intended message?
Is the typography readable?
Is the visual hierarchy clear?
Have I used appropriate imagery?
Does every element have a purpose?

Key Principle: Good graphic design is not decoration alone. It is purposeful visual communication.

18. Online Quiz

Test your understanding of Graphic Design.

1. What is graphic design mainly concerned with? Repairing computer hardware Planning and creating visual communication Installing an operating system

2. Which is an element of graphic design? Colour Hard disk Keyboard cable

3. What does hierarchy do in a design? Deletes unnecessary files Establishes an order of importance Changes the computer password

4. Which colour harmony uses colours opposite each other? Complementary Monochromatic Grayscale

5. What is typography? The arrangement and styling of text The repair of printers The installation of memory

6. What is a vector graphic commonly suitable for? Logos and icons Only video files Only sound recording

7. What should normally happen after feedback in the design process? Revision Delete the computer Ignore the project

19. Generate New Graphic Design Project

Generate a new Graphic Design project. The generator uses different combinations of project type, subject, audience, style, deliverables and requirements to avoid repeating the same project.

🎨 Unlimited Graphic Design Project Generator

Each project is generated to match the Graphic Design course content. The project type, brief and requirements change with each new project.

20. Saved Projects

Saved Graphic Design projects will appear below. They remain stored in the browser after refreshing the page.

21. Generate New Graphic Design Exam

Generate new combinations of Graphic Design examination questions.