UI/UX Design Training by Experts

;

Our Training Process

UI/UX Design - Syllabus, Fees & Duration

Figma Syllabus (15 Hours)

      Module 1: Figma Fundamentals (3 Hours)

        Introduction to Figma

      • Understanding the Figma interface and tools.
      • Layers, frames, and pages.
      • Shapes, text, and alignment.

        Design Basics

      • Color theory and typography basics.
      • Grids and layout principles.
      Module 2: Prototyping with Figma (3 Hours)

        Wireframing Basics

      • Creating low-fidelity wireframes for mobile and web apps.

        Prototyping Features

      • Adding interactions and transitions.
      • Clickable prototypes for user testing.
      Module 3: Mobile App Design Project (4 Hours)

        Designing a Mobile App

      • Screens for a sample app (e.g., task manager or food delivery).
      • Login, home, and profile pages.

        Components and Variants

      • Reusable buttons, icons, and cards.
      • Typography and color styles.

        Prototyping and Feedback

      • Linking screens and testing navigation.
      Module 4: Web App Design Project (5 Hours)

        Designing a Web App

      • Landing page, login screen, and dashboard for a web app.
      • Auto-layout for responsive designs.

        Final Prototype

      • Responsive breakpoints for desktop, tablet, and mobile.
      • Functional prototype with interactions.
    Web Development Syllabus (15 Hours)
      Module 1: HTML, CSS, and Bootstrap Basics (5 Hours)

        HTML Fundamentals (2 Hours)

      • Structuring web pages (header, footer, sections).
      • Essential tags: headings, lists, images, and links tables etc..

        CSS Basics (2 Hours)

      • Styling text and layout using CSS.
      • Box model, positioning, and Flexbox basics.

        Bootstrap Basics (1 Hour)

      • Setting up Bootstrap in a project.
      • Grid system and responsive layouts.
      • Common components: navbar, buttons, and cards.
      Module 2: Responsive Landing Page Conversion (5 Hours)

        Figma to Code Workflow (2 Hours)

      • Importing Figma designs for reference.
      • Structuring HTML and CSS with Bootstrap.

        Responsive Design (3 Hours)

      • Using media queries and Bootstrap utilities.
      • Creating a responsive navigation bar and hero section.
      • Ensuring design consistency with the Figma prototype.
      Module 3: Interactivity with JavaScript & Advanced Bootstrap (3 Hours)

        JavaScript Basics

      • Adding interactivity with JavaScript (e.g., form validation).
      • Bootstrap JavaScript components: modals, dropdowns, and carousels.

        CSS Animations & Transitions

      • Enhancing visuals with hover effects and animations.
      Module 4: Final Project and Deployment (2 Hours)

        Final Project: Responsive Landing Page

      • Convert a complete Figma design into a functional landing page.
      • Use Bootstrap and JavaScript for responsiveness and interactivity.

        Hosting and Deployment

      • Publish the project online using GitHub Pages or Netlify.
      Deliverables

        Figma:

      • Prototyped mobile app and web app designs.

        Web Development:

      • Fully responsive landing page with Bootstrap and interactivity.
      • Hosted live project link.

Download Syllabus - UI/UX Design
This syllabus is not final and can be customized as per needs/updates
 
10000+
20+
50+
25+

UI/UX Design Jobs in Paya Lebar

Enjoy the demand

Find jobs related to UI/UX Design in search engines (Google, Bing, Yahoo) and recruitment websites (monsterindia, placementindia, naukri, jobsNEAR.in, indeed.co.in, shine.com etc.) based in Paya Lebar, chennai and europe countries. You can find many jobs for freshers related to the job positions in Paya Lebar.

  • ui designer
  • ux designer
  • ui/ux designer
  • ui/ux developer
  • graphic designer
  • multimedia creator
  • photoshop
  • adobe illustrator
  • web design
  • html developer

UI/UX Design Internship/Course Details

UI/UX Design internship jobs in Paya Lebar
UI/UX Design Anatomy of a CSS ruleset Selecting multiple elements Different types of a selector Fonts and text Boxes, boxes, it’s all about boxes Changing the page color Sorting the body out Positioning and styling our main page title Centering the image Backgrounds and Borders Image values and replaced Content Text Effects 2D/3D Transformations Animations Multiple Column Layout User Interface . Photoshop may be a powerful and widespread image editing software that helps you to apply numerous effects easily and acquire consistent results. Additionally as people who want to boost their current workflows to work quicker and more efficiently. Photoshop includes a selection of quality tools and is easily customizable to fit your work style. Our JavaScript training course inDubai includes all the core Core topics such as Data Types, Object-oriented concepts, Variables, Functions, Conditions, HTML, CSS3, Loops, Syntax, and DOM Scripting under the training of Expert JavaScript professionals . Our core features of the bootstrap training in Dubai includes: Design layouts adhering to a fluid grid Understand how the HTML, CSS and JavaScript components of Bootstrap work Customise a Bootstrap installation Optimise a Bootstrap design for target device features Create responsive images and graphics . For editing images, various other online applications are available today, but photoshop is the foundation of everything. concepts such as clusters, variables, operators, functions, and control structure in JavaScript Demonstrable knowledge of Functions - Passing the data to functions, JavaScript Function Syntax, Concise Body syntax, Return Keyword, and ES6 arrow functions basics of jQuery that assist you to boost your skills in Scriptwriting. Most of graphic designers use photoshop for their professional work because photoshop is one of the most professional editing software available today. We offer Adobe InDesign training online that will prepare you for the Adobe Certified skilled Exam.

Meet a Few of our Industry Experts 🚀 Your Pathway to IT Career

Veena

Mobile: +91 91884 77559
Location: Calicut, Online (Paya Lebar)
Qualification: B tech

Experience: Seo smm Done 3 months training in seo   more..

Adarsh

Mobile: +91 91884 77559
Location: Kannur kerala, Online (Paya Lebar)
Qualification: Bsc computer science

Experience: Writing test cases manual testing automation testing J meter API testing Postman bugzilla jira  more..

Anagha

Mobile: +91 89210 61945
Location: Thrissur, Online (Paya Lebar)
Qualification: B tech in ECE

Experience: Manual testing Automation testing java selenium jmeter  more..

Datta

Mobile: +91 9895490866
Location: Nashik, Online (Paya Lebar)
Qualification: BE Computer

Experience: I have a total 8 plus years of hands-on experience in web development with backend technology PHP framework CodeIgniter &  more..

Sandip

Mobile: +91 94975 90866
Location: Banglore , Online (Paya Lebar)
Qualification: Mca

Experience: C and cop Core java android flutter   more..

Ashwini

Mobile: +91 91884 77559
Location: Navi Mumbai , Online (Paya Lebar)
Qualification: B.E. computer

Experience: On page off page and technical seo   more..

Hriday

Mobile: +91 9895490866
Location: Assam, Online (Paya Lebar)
Qualification: Master of computer application

Experience: Vapt ethical hacking hardware and software support   more..

Aditya

Mobile: +91 9895490866
Location: Maharashtra, Online (Paya Lebar)
Qualification: Bachelor of Engineering (Computer Science)

Experience: Programming Languages: c java python Html Css Javascript Libraries Frameworks: Django Django-Rest SpringBoot Angular Firebase Bootstrap Agile Tools Platforms: AWS  more..

Sumit

Mobile: +91 89210 61945
Location: Nainital, Online (Paya Lebar)
Qualification: Btech

Experience: Looking for nodejs developer And working in flyweis technology for 1 5 years Proficient in using TWILIO to get otp  more..

BIPINNATH

Mobile: +91 8301010866
Location: Kerala, Online (Paya Lebar)
Qualification: BTech

Experience: I have 2 years of experience in PHP working as faculty cum developer at infodawn Pathanamthitta Have completed 3 live  more..

Bharat

Mobile: +91 91884 77559
Location: Ahmadpur, Online (Paya Lebar)
Qualification: Bsc

Experience: angular typescript CSS3 HTML JAVASCRIPT NODEJS MYSQLApplication for Angular JS  more..

Christo

Mobile: +91 8301010866
Location: Kerala, Online (Paya Lebar)
Qualification: BA English Language and Literature

Experience: During my 6-month internship at Mentrow Technologies Pvt Ltd I gained invaluable experience in the field of data science Working  more..

Ponnapati

Mobile: +91 91884 77559
Location: Andhra Pradesh, Online (Paya Lebar)
Qualification: B.tech

Experience: Hi I hv overall 4 year's of experience information security testing and I have more exp web applications and I  more..

Feba

Mobile: +91 91884 77559
Location: Kollam, Online (Paya Lebar)
Qualification: BCA

Experience: Java Python C C++ html php and now I am pursuing MCA  more..

rohini

Mobile: +91 91884 77559
Location: Maharashtra, Online (Paya Lebar)
Qualification: M. Sc. I. T

Experience: C# sql javascript- jquery asp Net wcf html css azure  more..

Tanuj

Mobile: +91 8301010866
Location: Haryana, Online (Paya Lebar)
Qualification: B.E. in ECE

Experience: I have worked as an Academic counsellor in inurture Skills: Technical skills including Computer programming and MS Excel my soft  more..

Kanika

Mobile: +91 89210 61945
Location: Tirupur, Online (Paya Lebar)
Qualification: 3rd year BE.CS

Experience: HTML CSS JavaScript: Web development technologies for content design and interactivity Git: Version control for code management and collaboration Java:  more..

kalkani

Mobile: +91 94975 90866
Location: Gujarat, Online (Paya Lebar)
Qualification: B.E. E.C.

Experience: i have 6 + year experience in android and year experience in flutter  more..

Success Stories

The enviable salary packages and track record of our previous students are the proof of our excellence. Please go through our students' reviews about our training methods and faculty and compare it to the recorded video classes that most of the other institutes offer. See for yourself how TechnoMaster is truly unique.

Photos of Training / Internships

Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar
Internship/projects in paya-lebar

Trained more than 10000+ students who trust Nestsoft TechnoMaster

Get Your Personal Trainer