Eligibility: Any Graduate
Diploma in UI/UX
About Profound UI/UX Classes
UI refers to the screens, buttons, toggles, icons, and other visual elements that you interact with when using any website, App, or other electronic device. UX refers to the entire interaction you have with a product, including how you feel about the interaction.
User interface is important to meet user expectations and support the effective functionality of your site. A well-executed user interface facilitates effective interaction between the user and the program, app or machine through contrasting visuals, clean design and responsiveness.
UX design is researching and planning out how the user will experience a product. Could an application be more usable ? How user-friendly is the design ? These are the broader questions that a UX designer should be focused on. Everything in UX design is centered on the user, as they are the most important part.
Course Overview
- HTML 5.0
- HTML Basics: Structure, Elements and Attributes
- Various Input fields in html
- Tables, Frames, Lists, Layouts
- Fonts, Colors
- Images
- HTML Forms
- Cascading Style Sheet (CSS 3.0)
- Introduction to Bootstrap
- What is Bootstrap ?
- History of Bootstrap.
- About Container, Layout, Grid system and breakpoints
- Bootstrap Grid
- apply Bootstrap Grid
- Bootstrap Typography
- Bootstrap Tables
- Bootstrap Button
- display images
- display text
- Bootstrap Components
- What is Bootstrap Components
- Glyphicons Component
- Dropdown Menu Component
- Button Groups and Button Toolbar
- Navigation Pills & Tabs Components
- Navbar Component& Responsive Navbar
- Forms
- Pagination Component
- Labels / Badge Components
- Jumbotron
- Alerts & Dismissible Alerts
- Progress Bar
- Media Objects Component
- List Group Component
- Panel Component
- Bootstrap Plug-Ins
- Modal
- Collapse
- Tool Tip
- Carousel
- Dropdown
- Java Script
- Java Script Language basics
- Variables, Data Types, Functions, Operators
- Control flow using conditional and Iterative statements
- Managing HTML DOM and Events
- Java Script Objects
- jQuery – Basics
- String, Numbers, Boolean, Objects, Arrays
- Functions
- Arguments
- Scope
- Built-in Functions
- Selectors
- CSS Element Selector and ID Selector
- CSS Element Universal Selector AND Class Selector
- CSS Multiple Elements like E, F, G Selector
- Callback Functions
- DOM Attributes
- Get Attribute Value
- Set Attribute Value
- DOM Traversing
- Find Elements by index
- Filtering out Elements
- Locating Descendent Elements
- DOM Traversing Methods
- CSS Methods
- Apply CSS Properties and Multiple CSS Properties
- Setting Element Width & Height
- Effect Methods, Hide and Show
- Toggle
- Slide – slideDown, slideUp, slideToggle
- Fade – fadeIn, fadeOut, fadeTo
- Custom Animation
- chaining
- AJAX
- load(), get(), post(), ajax()
- jQuery – JSON
- getJSON()
- Black & White to Colour
- Day To Night
- Restoration
- Image Manipulsion
- Double Exposure
- Gradient Effect
- Digital Painting
- Poster Design
- Advanced Compositing
- Social Media Post
- Typography
- Matte Painting
- GIF
- Logo
- Masking and wrapingr
- Working with text ( Typography)
- Understanding Effects & Filters (Logo)
- Create layouts with using perspectives
- Color the illustrations by using flat color and gradients
- Logo Designing
- Design - Magazine cover
- Design - Advertisement -1( News Paper, Branding)
- Design - Flyer ( Product Launch)
- Printing techniques
- IIntroduction to UX
- Getting started
- What is UI vs UX
- The UX brief & persona
- Wireframing (low fidelity)
- How wide for my website
- Free UI Icons
- Footer & Lorem Ipsum
- New Pages & Artboards
- Class Project 01 - Wireframe
- Prototyping & Interactivity
- Create a Popup Modal
- Class Project 02 - Prototype
- Groups & Isolation Mode
- How to use symbols
- Production Video - Left Nav
- Navigation Tips and Tricks
- Class Project 03 - Symbols
- Mocking Up an app
- XD App on your phone
- iPhone & Android status icons
- Fixing the position
- Production Video - Login
- Sharing wireframes
- Recording your interactions
- Class Project - Wireframe feedback
- Introduction
- Overview of Figma Features
- What is User Experience Design?
- Overview of the Design Process
- Getting Started with Figma
- Navigating the Figma User Interface
- Designing a Web Application
- Working with UI Elements and Content
- Making a Design Responsive
- Exporting the Design
- Reusing Design Elements
- Creating a Portfolio Project
- Managing Requirements
- Best Practices for Delivering a Polished Design
Batch Schedule
Download Brochure