Web & Graphics Designing [6 months]

Syllabus:

Month 1: Introduction to Design Principles and Tools

Module 1: Introduction to Graphic Design

• Week 1: Fundamentals of Graphic Design

  • Basic design principles: balance, contrast, alignment, proximity.
  • Introduction to color theory and typography.
  • Understanding visual hierarchy and composition.

• Week 2: Design Tools and Software

  • Overview of design software: Adobe Photoshop, Illustrator, and CorelDRAW.
  • Basic functionalities and tools in Photoshop: layers, masks, filters.
  • Basic functionalities and tools in Illustrator: vectors, paths, shapes.

Module 2: Web Design Fundamentals

• Week 3: Introduction to Web Design

  • Basic principles of web design: usability, accessibility, responsive design.
  • Understanding web design terminology and concepts.
  • Introduction to HTML and CSS basics.

• Week 4: Layout Design

  • Creating wireframes and mockups.
  • Using design tools to create web layouts: Adobe XD, Figma.
  • Understanding grids and layout systems in web design.

Month 2: Advanced Graphic Design Techniques

Module 3: Advanced Graphic Design Tools

• Week 5: Advanced Photoshop Techniques

  • Working with advanced layer techniques, blending modes, and adjustment layers.
  • Photo manipulation and retouching.
  • Creating complex compositions and effects.

• Week 6: Advanced Illustrator Techniques

  • Working with advanced vector tools: pathfinder, gradient mesh.
  • Creating complex illustrations and vector art.
  • Understanding and using brushes and symbols.

Module 4: Branding and Identity Design

• Week 7: Branding Fundamentals

  • Understanding brand identity and visual branding.
  • Designing logos, business cards, and letterheads.
  • Creating brand style guides and maintaining consistency.

• Week 8: Project Work

  • Hands-on project: Design a complete brand identity package.
  • Presentation and critique of branding projects.

Month 3: Web Development Basics

Module 5: HTML and CSS Deep Dive

• Week 9: Advanced HTML

  • HTML5 elements and semantic markup.
  • Forms, media elements, and embedding content.

• Week 10: Advanced CSS

  • CSS3 properties and animations.
  • Flexbox and Grid layout systems.
  • Responsive design techniques and media queries.

Module 6: JavaScript Basics

• Week 11: Introduction to JavaScript

  • Basic JavaScript syntax and concepts.
  • DOM manipulation and event handling.
  • Introduction to libraries and frameworks (e.g., jQuery).

• Week 12: JavaScript and Web Design

  • Enhancing user interaction with JavaScript.
  • Creating simple web applications and forms.
  • Integrating JavaScript with HTML and CSS.

Month 4: Advanced Web Design and Development

Module 7: User Experience (UX) Design

• Week 13: UX Principles

  • Understanding user research and persona creation.
  • Conducting usability testing and user feedback.
  • Designing user flows and wireframes.

• Week 14: UX Tools and Techniques

  • Using tools like Adobe XD, Figma, and InVision for UX design.
  • Prototyping and creating interactive mockups.
  • Conducting user testing and analysis.

Module 8: Advanced Web Technologies

• Week 15: Introduction to Responsive Web Design

  • Advanced responsive design techniques and frameworks (e.g., Bootstrap).
  • Creating adaptive layouts for different devices.

• Week 16: Web Design Live Project

  • Hands-on project: Design and develop a fully responsive website.
  • Presentation and critique of web design projects.

Month 5: Interactive and Motion Design

Module 9: Interactive Design

• Week 17: Introduction to Interactive Design

  • Principles of interactive design and user interaction.
  • Creating interactive elements with JavaScript and CSS animations.

• Week 18: Tools for Interactive Design

  • Using tools like Adobe Animate and Principle.
  • Designing and prototyping interactive experiences.

Module 10: Motion Graphics

• Week 19: Introduction to Motion Graphics

  • Basics of motion graphics and animation principles.
  • Using Adobe After Effects for animation and video effects.

• Week 20: Advanced Motion Graphics

  • Creating complex animations and transitions.
  • Integrating motion graphics into web design and branding.

Month 6: Final Projects and Portfolio Development

Module 11: Final Web Design Project

• Week 21-22: Project Work
  • Design and develop a comprehensive web design project integrating all learned skills.
  • Focus on UX, responsive design, and interactive elements.

Module 12: Portfolio Development and Presentation

• Week 23: Building a Design Portfolio

  • Creating a professional design portfolio showcasing projects.
  • Tips for presenting work effectively and creating a personal brand.

• Week 24: Final Presentation

  • Presentation of final projects and portfolio to peers and instructors.
  • Receiving and providing feedback on design work.

Training highlights:

• In-house placement opportunity.
• Trained by experienced developers.
• Work on live projects with core development team.
• Classes equipped with wifi & projector.
• Certification of training completion.
• 100% Placement assistance.
• Team Learning concept

About ToXSL:

• Tremendous Growth Opportunity!!
• Work with the newest and most cutting edge technologies!
• High Visibility, Autonomous Role in a Collaborative Environment!
• Outstanding Work/Life Balance!
• Competitive Compensation, Benefits, and other Perks!!