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 Orange

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 Orange, chennai and europe countries. You can find many jobs for freshers related to the job positions in Orange.

  • 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 Orange
UI/UX Design The Illustrator CC interface contains the tools, panels, menu, commanda, document, window, and artboards you will use when creating or editing an illustrator document. We offer Adobe InDesign training online that will prepare you for the Adobe Certified skilled Exam. 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 . Adobe Illustrators is a vector-based creative program designed for those involved with graphic design. Using Adobe Photoshop can allow you to design and discover something you want. In this course you will learn too use the Bootstrap 3 CSS framework to build websites with fluid and adaptive grid layouts. Literally, you'll create anything with Adobe Photoshop software. 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. Our CSS training course includes common CSS styling that you'll need when you start off designing your pages ,to position your elements, lay out your elements relative to your documents, and style your HTML using predefined CSS values. knowledge of arrays and know-how of the data structure of the JavaScript is used for storing the data lists.

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

sumana

Mobile: +91 94975 90866
Location: India, Online (Orange)
Qualification: Post graduate

Experience: I have total 7 years exp in seo smo ads email marketing wordpress html design  more..

Manoj

Mobile: +91 91884 77559
Location: Bengaluru, Online (Orange)
Qualification: Bachelors

Experience: I am Manoj P having a total of 3 5 years of hands-on experience in software testing Key Skills :  more..

Ravi

Mobile: +91 9895490866
Location: Delhi, Online (Orange)
Qualification: Graduation (B.tech)

Experience: I have 2 years experience in website development my skills are: wordpress woo commerce html css bootstrap javascript   more..

palanivelrajan

Mobile: +91 94975 90866
Location: tiruppur, Online (Orange)
Qualification: be (cse)

Experience: php mysql html css javascript(5 years) jquery(4 years) wordpress opencart(2 years) codeigniter(1 year)   more..

RAMACHANDRAN

Mobile: +91 98474 90866
Location: Tamil Nadu, Online (Orange)
Qualification: B.E

Experience: • Experience in AWS Services like EC2(AMAZON LINUX RHEL) VPC IAM S3 ELB RDS Cloud Watch Cloud Trail Cloud front  more..

Narra

Mobile: +91 9895490866
Location: Andhra Pradesh, Online (Orange)
Qualification: B. Tech

Experience: My Skills :SDLC STLC Agile Java Automation Testing as well as Manual testing API Testing Mobile Application Testing Automation Framework  more..

Bringo

Mobile: +91 9895490866
Location: Tamil Nadu, Online (Orange)
Qualification: B.Tech

Experience: HTML CSS JavaScript Bootstrap React Js Git Github SQL I have the experience of working as a react Js Developer  more..

Mohammad

Mobile: +91 98474 90866
Location: Hyderabad, Online (Orange)
Qualification: B tech

Experience: Ms office and Ms excel I have a knowledge on coding programming 0 years experience   more..

Tushar

Mobile: +91 94975 90866
Location: Uttarakhand, Online (Orange)
Qualification: Bachelors

Experience: Computer languages C C++ Java Python JavaScript HTML CSS TypeScript Bash Assembly Solidity Golang Software Packages Git Github Docker Linux  more..

Prasanna

Mobile: +91 91884 77559
Location: Tamil Nadu, Online (Orange)
Qualification: B.E

Experience: I have been Working for the past two years in illustration trainer job I have good knowledge for Adobe illustrator  more..

Chhayaka

Mobile: +91 9895490866
Location: Gujarat, Online (Orange)
Qualification: MCA,pgdca

Experience: C php asp python java html  more..

Bhushan

Mobile: +91 8301010866
Location: Maharashtra, Online (Orange)
Qualification: Bachelor of engineering

Experience: I completed my bachelor of engineering in computer technology I have completed more projects in Java and Frontend development   more..

Deepak

Mobile: +91 91884 77559
Location: Delhi, Online (Orange)
Qualification: B.tech

Experience: I have total 1 4 years experience of on page off page activities technical seo content management project management and  more..

Disha

Mobile: +91 91884 77559
Location: Pune, Online (Orange)
Qualification: Pursing in Bsc in Media Graphics and Animation

Experience: one year of hands-on experience in graphic and video editing I have cultivated a deep passion for the realm of  more..

SHRIKANT

Mobile: +91 98474 90866
Location: Maharashtra, Online (Orange)
Qualification: Master Degree 'MBA' (Operation field)

Experience: Skills: ✓ Sap MM ✓ Advance Excel (Pivot table MIS Vlookup) ✓ Typing 30w p m & 40w p m  more..

Anandhu

Mobile: +91 91884 77559
Location: Kerala, Online (Orange)
Qualification: BCA - Computer Application

Experience: I have a strong background in website development field and have been working in this field for 2+ years i  more..

Kavin

Mobile: +91 91884 77559
Location: Tamil Nadu, Online (Orange)
Qualification: Bsc computer science

Experience: As a UI UX Designer with 1+ years of Experience I specialize in creating a User Center Designs that provide  more..

Chothani

Mobile: +91 94975 90866
Location: Gujarat, Online (Orange)
Qualification: BCA

Experience: Proficiency in Android app development using Java Kotlin Strong understanding of Android SDK APIs and architecture components Experience with Android  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 orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange
Internship/projects in orange

Trained more than 10000+ students who trust Nestsoft TechnoMaster

Get Your Personal Trainer