Graphics & Digital Design – 20-Class
Syllabus
Module Goal:
To develop foundational and intermediate skills in graphic design through theory, practical
tasks, and creative projects using modern digital tools.
Phase 1: Introduction to Design (Weeks 1–3)
Class 1: Basics of Graphic Design
- Elements: Line, shape, color, texture, space
- Principles: Balance, contrast, alignment, repetition
- Tool: Canva
Class 2: Color Theory & Typography
- Color wheel, complementary/analogous colors
- Fonts, hierarchy, spacing
- Tool: Coolors.co, Google Fonts
Class 3: Layouts and Composition
- Rule of thirds, grids, whitespace
- Poster/banner creation
Mini Project 1: Design a social media post using Canva for a fictional event
Phase 2: Working with Raster Graphics (Weeks 4–6)
Class 4: Image Editing Basics
- Cropping, filters, brightness/contrast
- Tool: Photopea
Class 5: Layering, Masks & Selection Tools
- Cutouts, backgrounds, overlays
Class 6: Design a Creative Poster
- Applying learned tools
Mini Project 2: Redesign a movie or music album poster using Photopea
Phase 3: Vector Graphics (Weeks 7–9)
Class 7: Introduction to Vector Graphics
- Difference between raster and vector
- Tool: Vectr, Boxy SVG
Class 8: Shapes, Pen Tool & Icons
- Creating your own logo
Class 9: Illustration Practice
- Minimal flat illustrations, icons
Mini Project 3: Create a personal or brand logo using a vector tool
Phase 4: Branding & Design Application (Weeks 10–12)
Class 10: Design for Print vs Digital
- File formats, DPI, bleed, RGB vs CMYK
Class 11: Branding Essentials
- Brand identity, color scheme, font selection
Class 12: Mockup Creation
- Tool: Smartmockups.com, Canva Mockup
Mini Project 4: Design a brand identity kit (logo, colors, mockup)
Phase 5: UI/UX & Web Graphics (Weeks 13–15)
Class 13: Basics of UI/UX Design
- Wireframing, layout thinking
Class 14: Designing App Interfaces
- Tool: Figma
Class 15: Web Banners and Ads
- Ad sizes, calls to action (CTAs)
Mini Project 5: Design a landing page or app screen in Figma
Phase 6: Motion Graphics & Fun Design (Weeks 16–18)
Class 16: Intro to Animation & Motion Design
- Tool: Canva GIF maker, Crello (VistaCreate)
Class 17: Creating GIFs and Short Animations
- Meme GIFs, transitions
Class 18: Infographics & Data Visualization
- Tool: Venngage, Piktochart
Mini Project 6: Create an animated Instagram story/GIF
Final Phase: Independent & Fun Projects (Weeks 19–20)
Class 19: Portfolio Building + Peer Review
- Compile using Canva or Google Slides
Class 20: Final Project
- Choose one: Social media campaign | Mini brand | Website UI | Illustrated poster
- Present to class or upload online