Become A Professional UI/UX Designer

MODULE- I

• Photoshop introduction        
• CTRL+N (New Page, New Layer)        
• Assignment (Rectangle, Circle)        
• Practice (Shapes)        

MODULE- II

• Move Tool (v)        
• Rectangle, Circle, Single Row, Single Column Tool        
• Assignment (Chess Black & White)         
• Practice (Chess Color Full)

MODULE- III 

• All Selection Tool        
• (Lasso,Polygonal,Magnetic Tool)        
• Assignment (Image Cutting)        
• Practice (Three Tool Three Images Cutting & Background Change)    

MODULE- IV

• Quick Selection, Magic Wand Tool        
• Crop,Perspective Crop, Slice, Slice Select Tool        
• Eyedropper,Color Sampler, Ruler, Note, Count Tool        
• Assignment (Image Crop,Color Pick)        
• Practice (Tool Use Images Cutting & Background Cutting)

MODULE- V

• Spot Healing, Healing Brush,Patch,Content-Aware Move, Red Eye Tool        
• Brush,Pencil,Color Replacement,Mixer Brush Tool        
• Assignment (Image Face Pimple clean)        
• Practice (3 Image Clean & New Brush Create)

MODULE- VI

• Clone Stamp,Pattern Stamp, History Brush,Art History Tool        
• Eraser,Background Eraser,Magic Eraser Tool        
• Assignment (Image Remove Editing)        
• Practice (3 Image Background Remove)

MODULE- VII

• Gradient,Paint Bucket Tool        
• Blur,Sharpen,Smudge,Dodge,Burn,Sponge Tool        
• Assignment (Image duplicate Part)        
• Practice (New Gradient Create & Image Blur)

MODULE- VIII

• Pen Tool        
• Freeform Pen,Add Anchor,Delete Anchor,Convert Point Tool        
• Path Selection,Direct Seleetion Tool        
• Assignment (Logo Tracing)        
• Practice (Cutting Image)

MODULE- IX

• Horizontal Type,Vertical Type Tool        
• Assignment (Type Paragraph)        
• Practice (Create Box & Type Paragraph)

MODULE- X

• Rectangle,Rounded Rectangle,Ellipse,polygon,line,Custom Shap Tool     
• Assignment (Create Shap & Color Fill)        
• Practice (Design Shap & Color Fill)

MODULE- XI 

• Hand,Rotate View Tool,Zoom,Color        
• Edit in Quick Mask Mode Tool,Full Screen Mode        
• Assignment (Image Face Light Effect)        
• Practice (Two Pic Light Effect)

MODULE- XII

• Layer Style(Blending Options)        
• Assignment (Create Post,Shadow,Strok)        
• Practice (One Poster,Chocolate Effect)    

 MODULE- XIII

• Filter Menu        
• Fire Effect         
• Assignment (Image Use Filter)        
• Practice All Filter

 MODULE- XIV

• Image Menu        
• Edit Menu        
• Assignment (Use Image Effect)        
• Practice (Create Passport Size Photo)

 MODULE- XV

• How To Create Banner        
• Assignment Two Banner Design        
• Practice (Three Banner Design Home)

MODULE- XVI

• How To Create GIF & Collage        
• Assignment New Design GIF        
• Practice (Friend Collage)

MODULE- XVII

• How Create Rain Effect        
• Assignment (Girl Pick Rain)        
• Practice To GIF File    

MODULE- XVIII

• Face Change Effect        
• Assignment (Girl Pick Change)        
• Practice (Poster)    

MODULE- XIX

• How To Create Website Layout        
• Assignment (Business Layout)        
• Practice (Education layout)

MODULE- XX

• Text Effect In Image        
• Assignment (One Image Text Effect)        
• Practice 

MODULE- XXI

• Photoshop Effect Online Website        
• https://www.photoshopessentials.com        
• Practice (Two Effect) 

MODULE- XXII

• Photoshop Poster Online Website        
• https://www.freepik.com        
• Practice (Two Poster)

MODULE- XXIII

• Photoshop Mockup Online Website        
• https://www.mockupworld.co        
• Practice (Three Design)

MODULE- XXIV

• Photoshop Mockup Online Website        
• https://www.mockupworld.co        
• Practice (Three Design)

MODULE- I Introduction to UI/UX Design

• Understanding user interface (UI) and user experience (UX) design    
• The role of UI/UX in product development    
• Introduction to Figma and its features    

MODULE- II Design Fundamentals

• Principles of design (e.g., layout, typography, color, contrast)    
• Usability and user-centered design principles    
• Design thinking and the design process    

MODULE- III Figma Basics

• Getting started with Figma: setting up an account, creating a project    
• Exploring Figma's interface and tools    
• Navigating and organizing design files

 MODULE- IV Creating User Interfaces

• Wireframing and prototyping with Figma    
• Designing for various screen sizes and devices    
• Using Figma components and libraries for consistency

 MODULE- V Visual Design in Figma

• Working with typography and fonts    
• Creating and customizing icons and illustrations    
• Applying color theory and creating design palettes

MODULE- VI User Experience Design

• Understanding user personas and user journeys    
• Information architecture and navigation design    
• Usability testing and user feedback

MODULE- VII Interaction Design

• Designing interactive prototypes in Figma    
• Using Figma's prototyping tools for user testing    
• Animating and adding transitions to UI elements

MODULE- VIII Collaborative Design in Figma

• Collaborating with team members and clients in Figma    
• Version control and design history    
• Design handoff to developers

MODULE- IX Mobile and Web Design    

• Designing mobile app interfaces    
• Designing responsive web layouts    
• Adapting designs for different platforms

MODULE- X Real-World Projects and Portfolio Building

• Applying UI/UX design principles to real projects    
• Building a portfolio of design work using Figma    
• Presentation and critique of portfolio projects    

MODULE- I

• Introduction Of Web Designing        
• What Is HTML? (CTRL+N (New Page)        
• Assignment (Basic Example Html)         
• Practice (Heading Tags,Image Tag)

MODULE- II

• HTML Paragraphs Tags        
• HTML Block Elements,HTML Inline Elements        
• Assignment (div,span,p,a Tags)        
• Practice (all Tags )

MODULE- Ill

• Formatting Tags        
• All Formatting Tags,HTML Quotation,HTML Comments        
• Assignment (Paragraphs Edit All Formatting Tags)        
• Practice (All Tags Use)

MODULE- IV

• Form Element All Tags        
• Input Type Attributes        
• Assignment (Use All Tags Forms)        
• Practice (How To Create Form All Tags Use)        
• Practice        

MODULE- V

• Table Tags        
• Table Heading Tag,Tfoot,Thead,Tbooy,Use        
• Assignment (2 Table All Tags Use)        
• Practice (2 Table Create Colspan, Rowspan Tags)

MODULE- VI

• Anchor Tags        
• Html Links, Images        
• Assignment (Link Use Online Website)        
• Practice (Images Link Online & Offline)

MODULE- VII

• List Tags        
• Unordered List,Ordered List,Description List        
• Assignment (10 item list Use Ol Tags)        
• Practice (15 Items List Use Ul Ol li Tags)

MODULE- VIII

• Iframe Tags        
• Entities (characters) symbols html        
• Assignment (Use Iframe & image)        
• Practice (Paragraphs Use Symbols Codes)    

MODULE- IX

• URL Encode FullFrom (http,https,ftp)        
• Common URL Schemes        
• Assignment        
• Practice

MODULE- X

• What Is Multimedia?        
• Html Media,  Video,  Audio, Html Plug-ins (you tube, social media, maps)        
• Assignment (Create Google Map)        
• Practice (1 Video ,1 Audio,Use Tags)

MODULE- I 

• Introduction Of CSS CSS Inclusion (Type of CSS)
• INLINE CSS Use
• Assignment (Html Tags Use Inline Css) 
• Practice (Heading,P,Span,Etc Use Css)

MODULE- II 

• INTERNAL CSS Use Head Part
• CSS Syntax, Selector 
• Assignment (5 Class Create & 5 Id Create) 
• Practice (Use To Syntax & Selector)

MODULE- III 

• CSS Fonts, Text & Colors
• font-family,font-size,font-style,font-weight
• Assignment (5 Class Create & 5 Id Create) 
• Practice (Use To Syntax & Selector)

MODULE- IV 

• CSS Backgrounds
• Background-image, Background-attachment,Background
• Assignment 
• Practice

MODULE- V 

• CSS Border( style/color/radius)
• border Property
• Assignment 
• Practice

MODULE- VI 

• CSS Dimension
• Height,Width,Line-height,Max-height & Max-width
• Assignment 
• Practice

MODULE- VII 

• CSS Anchors
• links, & Pseudo Classes
• Assignment 
• Practice

MODULE- VIII 

• CSS Margins, Padding
• Shadow Effects
• Assignment 
• Practice

MODULE- IX 

• Website Menu Bar Design
• Assignment 
• Practice 

MODULE- X 

• Website Dropdown Menu Bar
• Assignment 
• Practice

MODULE- XI 

• Website Form Part Design
• Assignment 
• Practice

MODULE- XII 

• Website Our Service Part
• Assignment 
• Practice

MODULE- XIII 

• Website Gallery-Part-Design
• Assignment 
• Practice

MODULE- XIV 

• How To Create Website
• Assignment 
• Practice

MODULE- XV 

• How To Use Media Query
• Assignment 
• Practice

MODULE- I 

• Introduction To Bootstrap
• Assignment 
• Practice

MODULE- II 

• How To Use Website In Bootstrap
• Assignment 
• Practice 

MODULE- III 

• How To Use Jquery Plugin
• Assignment 
• Practice 

MODULE- IV 

• How To Use  Jquery Plugin
• Assignment 
• Practice