• Full Stack Web Development
  • Become A Professional UI Designer

Become A Professional UI/UX Designer

Create your own Design and Become Expect in Graphic Designing With Website Designing

  • 10 - 20 weeks
  • 102 Lectures
  • 1000+ Student Enrolled
4.8
  • Offer by ATTITUDE ACADEMY
  • Last updated:- Feb 20, 2024
7.jpg
Actual Price

₹999.00 97% Off

Course Features
  • 150+ Practical Videos For Covering Course
  • e-Content with Assignments
  • 100% Job Assistance
  • Access on All Device
  • 24*7 Lifetime Access
  • ISO 9001 : 2008 Company
  • Internship Programme for Learners
  • Govt. Recognized Certificate
  • One of the Finest Education Brand in India
  • Live Project provided for practice
  • Course Related Blogs & Articles

What you'll learn

  • Have a deep understanding of typography, color theory, photos, layout, blocking and other design theory and skills
  • Understand and learn the essential tools and capabilities of Adobe Photoshop, Illustrator and InDesign
  • Create logos and branding packages for potential clients
  • Master the pen tool, shape builder tool and other essential vector design tools in Adobe Illustrator.
  • How to create editorial spreads and magazine layouts using Adobe InDesign
  • Understand solid logo design and ad design principles to create compelling campaigns and logos
  • Work through the entire package design process
  • Work through an event flyer design to understand strong type hierarchy, balance and overall design layout
  • Learn the basics of Affinity Designer and learn the difference between Adobe Illustrator and Affinity Designer
  • NEW! Learn how to work with multiple page layouts in Adobe InDesign and create a cookbook cover and book
  • NEW! Learn the step-by-step process to becoming a UI designer
  • NEW! Learn word mapping and brainstorming techniques to increase your creativity in logo design and branding projects
  • NEW! Create Vector Art in Adobe Illustrator
  • NEW! Learn How to Encourage and Spark Creativity
  • NEW! How to create YouTube thumbnails and social media graphics
  • NEW! Understand how to create 3d objects and typography in Adobe Illustrator
  • Explore modern web design tools
  • Plan, design and code robust and fully custom, responsive websites and applications
  • Code websites & applications with HTML5 & CSS3
  • Learn how to easily set up web hosting & domain names

Requirements

  • Innovative and Creative Ideas
  • Basic Knowledge of Computer

What placement assistance will you receive?

Free Placement Preparation Training

Access to curated Internships & Current Job Openings.

Top performers will be highlighted on Attitude Job portal

Requirements

Do you want to learn all the skills and techniques you need to create incredible designs? Do you want to know the process of creating logos and branding packages And Website Design?

Are you intimidated by learning photoshop, illustrator , InDesign, HTML, CSS & Java Script and want to learn through practical real-world projects? Then This Course will be for you! 

We will extensively review Typography, color theory, layout and composition, how to use photos in design, photo manipulations and editing and magazine layout designbranding and logo design, Build Your Own Website, or become a freelancer, just to name a few. 

 

Course Circullum

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

Take the final exam online to complete the Become A Professional UI/UX Designer after which you will be able to download your certificate from Attitude Trainings.

attitude-certificate

How will your training work?

Thought

Classes

Watch recorded & live videos to learn various concepts & get Live Sessions with Trainer for Doubts Clearing.

Planning

Exams

Test your knowledge through quizzes & module tests. Take online exam & get instant result.

Implement

Projects

Get hands on practice by doing assignments and live project

Result

Certificate

Take the final exam to get certified in Become A Professional UI/UX Designer

  • Videos
  • Lectures
  • Exp.

out of 5.0
5 Star 0%
4 Star 0%
3 Star 0%
1 Star 0%

Reviews - 0

Releated Courses

₹1299
  • 8682 Views
  • 4.7 Reviews
₹4500
  • 8682 Views
  • 4.7 Reviews
₹4500
  • 8682 Views
  • 4.7 Reviews

How will your doubts get solved?

You can post your doubts on the Q&A forum which will be answered by the teachers within 24 hours.

100% Placement Assistance

Meet Our Placed Students

KULDEEP

ACCOUNTANT

RNFI SERVICES PVT LTD 

FAIZ

FUNDING EXECUTIVE

RNFI SERVICES PVT LTD 

ABHAY SHARMA

FUNDING EXECUTIVE

RNFI SERVICES PVT LTD 

SHIVANI

Kazima Pvt. Ltd.

Sales & Marketing Trainee

PREETI VERMA

SHRIRAM TELILINK

COMPUTER OPERATOR

VAISHNAVI

ATTRACTIVE WEB SOLUTIONS 

FRONT END DEVLOPER INTERN

AAKASH SINGHAL

SEO Executive Intern

Udhyog Bazar

SHIVANI

Sales and Marketing Trainee

Kazima Pvt. Ltd.

DIVYA CHAUHAN

Graphic Designer

Out Right Systems Pvt. Ltd.

KHUSHI

Digital Marketing Trainee

Kazima Pvt. Ltd.

Commonly Asked Questions

There are no prerequisites for this training as it is of beginner level. Everything that you need to know about Become A Professional UI/UX Designer would be taught to you from scratch.

You can watch the videos and take quizzes & tests on any device including mobile. However, for assignments and practice, use of desktop or laptop is required.

To do this training, you would need a computer with a minimum 1 GB ram and Windows 8 or later (64 bit).

You can choose your preferred batch date while signing up for the training program and start accordingly.

No, you will be only getting a soft copy of the certificate which you can download and print out if required.

  • You will receive free access to Placement Preparation Training on the platform which covers resume writing, cover letter writing, how to search and apply for internships and jobs on Attitude, and interview preparation. This training comes with a lifetime access meaning you can use it later also if you are not applying for internships or jobs right now.
  • Access to curated internships & jobs related to the training - after completing the training, you would receive a list of handpicked internships or jobs every week that you can apply to as per your preference.
  • If you are a top performer, a badge of achievement will be added to your Attitude resume and shown to the employers when you apply to internships or jobs on Attitude.

While many of our students have found their desired internships or jobs after completing their training, Attitude Trainings does not guarantee an internship or job. However, if you study sincerely (including doing exercises, assignments, and projects) and make good use of our placement assistance feature, it will become easier for you to get a placement using the skills learned in the training.

You could try making the payment from a different card or account (of a friend or family). Otherwise, you can follow the instructions on how to make an offline payment.

The amount deducted will come back to your account within 3-5 working days. This is the normal duration your bank will take to credit the amount back into your account.

₹999.00 97% Off

Join Thousand of Happy Students!

Subscribe our newsletter & get latest news and updation!