UI & UX Designer Training in Pune

User Interface (UI) and User Experience (UX) are two areas within the Web Design industry that focus on providing a smooth interactive experience to the users to improve their overall satisfaction.

While UI design is about the look and feel of the website or app, UX design improves the overall experience of the users when they interact with the website or app. Viduhsi Gyaanpeeth’s User Interface & User Experience Design (UI-UX Design) is a comprehensive course that trains you on all aspects of user interface and user experience design to make you job ready.

UI & UX  is a professional job oriented course. There are huge opportunities available for students who want to work in this field. Many private and public organizations hire UI and UX designer. With the rapid advent of the online industry, the demand for UI & UX  professionals is increasing and this has created huge job opportunities for the aspirants in the upcoming days.

Career options

  • UX Designer
  • UI Developer
  • UI Designer
  • Information Architecture (IA)
  • Interaction Designer (IXD)
  • Visual Designer
  • UX Tester
  • Creative Designer
  • Product Designer

Course Contents UI & UX Designer

 

Adobe Photoshop

  • Introduction of Stock Photography
  • Types of Image Graphics
  • Introduction to Adobe Photoshop
  • Interface Tour of Photoshop
  • Color Modes
  • Resolution and Presets
  • Move Tool
  • Marque Tool
  • Lasso Tool
  • Quick Selection, Magic Wand
  • Crop, Slicing Tool
  • Healing Brush, Patch Tool
  • Brush Tool
  • History Brush
  • Eraser Tool
  • Pattern Stamp, Clone Stamp
  • Gradient Tool
  • Blur and Exposure Tool
  • Pen Tool, Shape Tool
  • Text Tool
  • Other Photoshop Tools
  • Layers, Groups and Smart Object
  • Blending Options
  • Filter Effects
  • Client requirement analysis
  • Real-time Website Layout Design
  • Practical Task in Layout Design

CSS 

  • CSS Basics
  • CSS Selectors
    • The Element Selector
    • The Id Selector
    • The Class Selector
    • Grouping Selectors
  • Ways of Insert CSS
    • External Style Sheet
    • Internal Style Sheet
    • Inline Style
  • CSS Fonts
  • CSS Box Model
    • Content
    • Padding
    • Border
    • Margin
  • CSS Dimension
  • CSS3

Frameworks And Web APIs

  • Bootstrap
    • Bootstrap Basics
    • Bootstrap Tables
    • Bootstrap Images
    • Bootstrap Button
    • Bootstrap Glyphicon
    • Bootstrap Pagination
    • Bootstrap Forms
    • The Carousel Plugin
    • Bootstrap Menu
    • Bootstrap Navigation Bar
    • Google APIs
      • Google Map
      • Place Autocomplete
    • HTML Geolocation

HTML 5

  • Introduction to HTML5
  • Features of HTML5
  • HTML5 DocType
  • New Structure Tags
  • Section
  • Nav
  • Article
  • Aside
  • Header
  • Footer
  • Designing an HTML Structure of Page
  • New Media Tags
  • Audio Tag
  • Video Tag
  • Canvas and SVG Tag
  • Introduction to HTML5 Forms
  • New Attributes
  • Placeholder Attribute
  • Require Attribute
  • Pattern Attribute
  • Autofocus Attribute
  • email, tel, url types
  • number type
  • date type
  • range type
  • voice search
  • Examples of Form

JavaScript

  • JavaScript Basics
  • JavaScript Syntax
  • JavaScript Variables
  • JavaScript Statements
  • JavaScript Operators
  • JavaScript Data Types
  • JavaScript Functions
  • JavaScript Objects
  • JavaScript Events
  • JavaScript Statements
  • JavaScript Regular Expressions
  • JavaScript HTML DOM
  • JavaScript Popup Alert
  • JavaScript Library

jQuery

  • jQuery Basics
  • jQuery Effects
  • jQuery HTML
  • jQuery Traversing
  • jQuery AJAX

Angular JS

  • Configuration
  • How to Create 1-page website with Angular JS
  • Integrating Angular JS With Database via AJAX
  • etc

Project