Web Plus UX-UI Design
This is a 7 to 8 months skill-based certification course that helps student enhancing their creative skills accompanied with updated technology with various principles of design.
-
Industry Experienced Instructors
-
Online/Offline Classes
-
100% job Oriented
-
ISO Certified Certificate
-
Tools/Software covered in this curriculum.
15+
Total Courses
23K+
Enrolled Students
18K+
Total Placed Students
12K+
Portfolio Showcased
15+
Total Courses
23K+
Enrolled Students
18K+
Total Placed Students
12K+
Portfolio Showcased
Graphic Design Curriculum
Vector Vibes
- Introduction to Adobe Illustrator Interface
- Understanding Vector Graphics
- Essential Tools and Basic Shapes
- Creating Your First Logo
- Bonus: Exploring Illustrator's Libraries and Assets
Week 1
Mastering the Pen
- Advanced Pen Tool Techniques
- Working with Colors, Gradients, and Swatches
- Pathfinders and Shape Builder Magic
- Creating Illustrative Icons
- Bonus: Customizing Workspaces for Efficiency
Week 2
Design Beyond Boundaries
- Mastering Typography in Illustrator
- Working with Brushes, Patterns, and Textures
- Introduction to Clipping Masks & Layers
- Mini Project: Create a Complete Poster Design
- Bonus: Exporting for Web and Print
Week 3
Pixels in Perfection
- Understanding the Photoshop Interface
- Basic Image Corrections and Adjustments
- Working with Layers and Layer Masks
- Essential Selection Tools and Techniques
- Bonus: Introduce Free Platforms
Week 4
Retouch Like a Pro
- Advanced Photo Retouching Techniques
- Understanding Blend Modes & Adjustment Layers
- Filters, Effects, and Smart Objects
- Compositing: Combining Images Seamlessly
- Bonus: Creating Cinemagraphs and Animated GIFs
Week 5
Digital Artistry
- Creating Social Media Graphics
- Introduction to Digital Painting Techniques
- Working with Brushes, Gradients, and Patterns
- Mini Project: Create a Photo Manipulation Artwork
- Bonus: Social Media Creative Post
Week 6
Corel Creativity
- Introduction to CorelDRAW Interface & Tools
- Vector Basics and Drawing Shapes
- Working with Text and Typography
- Creating Simple Logos and Graphics
- Bonus: Exporting Files for Print and Web
Week 7
Precision in Design
- Advanced Vector Illustration Techniques
- Layout Design for Print Media (Brochures, Flyers)
- Using Effects, Fills, and Textures
- Mini Project: Design a Business Card & Flyer
- Bonus: Using CorelDRAW's Interactive Tools
Week 8
Layout Like a Pro
- Introduction to Adobe InDesign Interface
- Working with Pages, Master Pages, and Spreads
- Text Formatting and Styles
- Designing a Simple Magazine Spread
- Bonus: Exporting for Print and Digital Publications
Week 9
Crafting Your Creative Identity
- Understanding Portfolio Basics and Structure
- Selecting and Organizing Your Best Works
- Designing a Unique Portfolio Layout
- Bonus: Developing a Personal Branding Strategy
Week 10
Polish and Present
- Refining Designs for the Portfolio
- Creating Mockups and Presenting Work Professionally
- Building a Digital Portfolio (PDF/Web)
- Bonus: Preparing for Portfolio Presentation of Your Work
Week 11
Portfolio Showcase
- Final Portfolio Reviews
- Feedback Sessions and Revisions
- Preparing for Interviews and Showcasing Your Work
- Bonus: Networking Tips and Building an Online Presence
Week 12
UX-UI Design Curriculum
Basic of UX-UI Design
- Introduction to UX
- UX vs UI
- Introduction to interaction design (IxD)
- Understanding human computer interaction (HCI)
- UX Design: What, Why, and How?
- Good Vs Bad Products
Week 1
Foundations First!
- UX Laws
- Heuristic Evaluation
- Design Thinking: Solving real problems creatively
- Design Thinking Process: Empathize, Define, Ideate, Prototype, Test
- Problem statement finalise
Week 2
Dive deep into UX Design
- Concept Presentation
- User-Centered Design: Building for Real People
- Stakeholder interview
- Qualitative and Quantitative research.
- Understanding User Needs through Research & Surveys
Week 3
Improve UX With Practical Examples
- Design Strategy
- Types of Task Analysis
- Eco System model
- A complete guide to using FigJam
- Introduction to 6D Process
- Human and Machine Interaction Activity
- Group Activity
Week 4
Bringing It All Together
- Synthesizing Research Insights: Crafting User-Centric Solutions
- Telling the Story of Your Design
- Building UX Documentation
- User Personas
- Mapping: Empathy, Affinity, Blue Print
- Real-World Design Challenges
Week 5
Visual Storytelling for UX
- The Role of Visuals in UX: Clarity & Aesthetics
- Creating User Scenarios: Designing for Different Contexts
- Storyboarding
- Conducting Competitive Analysis: Learning from the Market
- Card Sorting & Tree Testing: Ensuring User-Friendly Navigation
Week 6
Sketch, Scribble, Shine!
- Information Architecture: Organizing Content for Easy Navigation
- Turning Wireframes into Interactive Models
- The Role of Logos in UX: First Impressions & Brand Recall
- 101: Gathering Real Feedback
- Preparing for UX Design Interviews: Mock Sessions
Week 7
UI Fundamentals & First Steps in Figma
- Introduction to UI Design
- Figma Overview & Basic Tools
- Colors, Typography, and Grids in UI
- Introduce Grid Calculator
- Figma Tips & Tricks
- Complete Guide to Mid-fidelity Wireframes
Week 8
Advanced UI Theory & Technique
- Basics of UI Colour Systems
- Types of Fonts
- Choosing the Right Fonts: Pairing and Font Psychology
- Color Harmony Rules
- Creating Color Palettes in Figma
- Layouts Spacing & Grids
Week 9
Layout Like a Pro
- Basics of Frames & Autolayout
- Master Styles & Libraries in Figma
- Basics of Components & Variants
- Learn Figma Variables
- Design Systems 101
- Developer Handoff
Week 10
Polish & Present
- Perfecting Visual Details: Shadows, Borders, and Depth
- Preparing UI Designs for Presentation: Mockups and Case Studies
- Figma Community: Sharing and Finding Resources
- Peer Review Session: Feedback on Final Projects
Week 11
Design Jam: Collaborate & Create!
- Real-World Design Challenges: Group Exercises
- How to improve your App's Interface
- Redesigning Website
- Redesigning Mobile App
- UI Group Project
Week 12
Portfolio & Pitch Perfect!
- Portfolio Complete Guide 1-O-1
- Prototyping Basics: From Ideas to Interactive Models
- Documentation & Handoff: Preparing for Developer Collaboration
- UX RESEARCH (User Analysis)
- Qualitative and Quantitative research.
- UX RESEARCH METHODOLOGY
Week 13
Graduation with Style!
- Crafting Mock Interviews & Presentations
- Final Project Submission & Peer Review
- Networking Tips for Designers
- Feedback Session
- Graduation Ceremony & Certification
Week 14
Web Design Curriculum
Introduction to HTML5
- HTML Heading Elements
- HTML Paragraph Elements
- Self Closing Tags
- The List Element
- Nesting and Indentation
- Anchor Elements
- Image Elements
- [Project] Birthday Invite
Phase 1
Multi-Page Website
- Computer File Paths
- What are Webpages?
- Table Strucures
- Iframe
- Form Elements
- Symantech Elements
- Marquee with text animation
- [Project] Portfolio Website
Phase 2
Introduction CSS3
- Why do we need CSS?
- CSS Selectors
- CSS Colours
- Font Properties
- Inspecting CSS
- The CSS Box Model
- [Project] Motivational Poster Website
Phase 3
Intermediate CSS3
- Combining CSS Selectors
- CSS Positioning
- CSS Display
- CSS Float
- How to Create Responsive Website
- Media Queries
- Z-index, Oveflow, Inline-block, Opacity
- CSS icons
Phase 4
Advanced CSS3
- Flexbox/Grid
- CSS Gradients
- Shadow Effects
- 2D, 3D Transforms
- CSS Pseudo-classes
- Transitions, Animations
- CSS Variables
- [Project] Flexbox Layout
Phase 5
Hands-On: Project Kickoff
- Key elements of a high-converting website (CTAs, landing pages).
- Design to Development Handoff
- Gathering References & Inspiration
- [Project]PSD/Figma to Development
- Provide Material for more practice
- Personal Resume (CV) Portfolio Website
Phase 6
bootstrap v5.0
- Bootstrap Quick start
- Starter template/Installation
- Customize: Color, CSS variables
- Layout: Breakpoint, Grid, Columns
- Content: Typography, Images, Tables
- Forms, Helpers, Utilities, Icons
- Bootstrap Components
- [Project] PSD/Figma to Development
Phase 7
JavaScript Jumpstart
- What is JavaScript?
- Variables: let, const, var
- Data Types
- Conditional Statements
- Looping Magic
- The Power of Logical Operators
- Objects Properties
- String Method
Phase 8
Array/DOMination(DOM)
- Array Methods
- Essential Array Method
- Date Methods
- JS Math Methods
- [Project]Calender
- Selecting Elements
- Modifying HTML & CSS with JavaScript
- Event Listeners & Handling Events
Phase 9
Toolbox Treasures - Modern JavaScript Tools & Libraries
- ES6+ Features: let, const, Template Literals, Destructuring
- Block Scope in ES6: let vs. var
- Immutability with const
- Arrow Functions
- Template Literals
- Spread and Rest Operators
- [Mini Project]
Phase 10
jQuery
- What is jQuery?
- Installation
- jQuery Effects
- jQuery HTML
- jQuery Selectors
- jQuery Animation
- Event Methods
- jQuery - Chaining
Phase 11
Wordpress
- Overview of the WordPress
- WordPress.com vs. WordPress.org
- Setting Up XAMPP
- Installing Themes
- Widgets for Navigation
- Plugins and Installation
- [Project]Introduction to Theme Builders (e.g., Elementor, Divi)
Phase 12
Note: The sequence of topics and software may be subject to change. Your learning path might begin with any of the listed tools depending on scheduling and course flow.
Get More this course
Empowering Students to reach their potential Goal For Next Level Challenge.
This is a 7 to 8 months skill based diploma course specially combined for those interested in web design along with UX/UI training. This course provides full fledge training of all the tools of Graphics, UX/UI and various languages such as HTML, CSS which are essential to learn web designing. In this course proper guidance and emphasis is given on students learning for various tools such as CorelDraw, Illustrator, InDesign, Photoshop, HTML5, CSS3, Dreamweaver, JavaScript, jQuery, Bootstrap, WordPress, UX/UI Capsule and many more along with Web/Graphic project(online).
Enquire Now