- Have any question?
- 📲 0197-2719550
- ✉️ support@msbacademy.com
Project Based Professional UI/UX Design Course in Bangla
প্রজেক্ট বেইসড এই কোর্সটি করার মাধ্যমে আপনি লোকালি কিংবা Fiverr, Upwork মার্কেটপ্লেসগুলোতে একজন প্রফেশনাল Ui/Ux ডিজাইনার হিসাবে হাই বাজেটের কাজগুলো সহজেই করতে পারবেন। মার্কেটে চাহিদা বেশি কিন্তু কম্পিটিশন এই সেক্টরে অনেক কম, তাই একজন Ui/Ux Designer হওয়া হতে পারে আপনার ক্যারিয়ারের জন্য একটি বেস্ট ডিসিশন।
Course Content
Total learning: 284 lessons
Getting Started with UI/UX Design
Understand the Fundamentals
Components of UX (Case Study)
Master UX/UI Tools and Software
- Create An Account on Figma4.1
- What is Figma? Learn The Basics of It4.2
- Difference between Move and Scale Tools4.3
- Layer vs Assets vs Pages – How?4.4
- Design and prototype4.5
- Frame, Section, Slice – when and why4.6
- Rectangle, Line, Arrow4.7
- Ellipse, Polygon, Star4.8
- Be a master at Placing images/Video4.9
- Pen tool vs Pencil tool – Easy explanation4.10
- Everything about Text Tool4.11
- Why Components is important?4.12
- Figma Plugins4.13
- Figma Widgets4.14
- Hand Tools4.15
- How Comment tool works?4.16
- Change Project name4.17
- Spotline and Share Tool4.18
- Developer tools4.19
- Present vs Preview4.20
- Zoom Tool4.21
- Talking alignment4.22
- Change any group to frame or any screen4.23
- X and Y, Difference between Width and Height4.24
- Rotation, corner radius, Count, ratio – with example4.25
- How does Layer work?4.26
- Auto Layout – For example4.27
- Magic of Constraints4.28
- Grids System secrets4.29
- Details about Figma Fill4.30
- Stroke4.31
- Effects4.32
- Export4.33
- Figma File and Version History and Download – Important4.34
- Object Mask and Union, Subtract, Intersect, Exclude, Flatten selection4.35
- Figma team4.36
-
Colors Basic
- Why Color Is Important5.1
- Color Space and color mode5.2
- Color theory5.3
- When which type of color will you choose Color Psychology5.4
- Color harmony with a real example5.5
- Gender-based differences in color preference5.6
- Necessary colors for UI design5.7
- How to create a color palette5.8
- How to choose the base, accent, semantic, and background color5.9
- Grayscale5.10
- 60-30-10 rule with the practical example5.11
-
Project 1 - Develop Visual Design Skills
- Talk About Ux Researcher6.1
- Project Overview6.2
- How grid system work + how i choose color and font6.3
- Project planning or sitemap6.4
- How i create Moodboard6.5
- Header + Hero section6.6
- About me section + idea6.7
- Section Work experience and Skills6.8
- Portfolio and Testimonial section6.9
- Contact and Footer6.10
- Color apply6.11
- Responsive design Hero section6.12
- About section and work experience responsive6.13
- Responsive last video6.14
- Homework6.15
-
Develop More UI Skills (Project)
- My thinking process and sitemap create7.1
- Checking competitors and Start designing7.2
- Wireframe design with easy explanation – Part 17.3
- Wireframe design – Part 27.4
- Trust making section Wireframe7.5
- Make more trust and course section wireframe7.6
- Testimonial and about me section design7.7
- Video section and talking about abstract shapes7.8
- Select perfect color for your design7.9
- Color implementation process and idea7.10
- Color implementation Tests7.11
- Dribbble type design creation idea7.12
- Responsive secret and easy – Part 17.13
- Responsive secret with live example – Part 27.14
- Course page UI Design and responsive7.15
- Deals page UI and responsive7.16
- Blog page UI and responsive7.17
- Single Blog UI – Part 17.18
- Single Blog UI – Part 27.19
- Contact us page idea and Client project7.20
-
Add Extra Power
- Proper Design Guide for You8.1
- Color Style Shortcut8.2
- Font Style Shortcut8.3
- How to Ruler Option and Layout Grid Works8.4
- Benifits of Using Components8.5
- How Variant Component Works8.6
- Images Shortcut in Figma8.7
- Alignment Object Details8.8
- How Figma plugins work and List of Important Plugins8.9
- Power of Figma Community8.10
- Magic of Constrains8.11
- My Favorite Prototype8.12
- How to Export Any Design Element8.13
- How to Add Link in Text8.14
- Remove Image Background Secret8.15
- How Multiple Team Members Can Work in A Project8.16
-
Assignment 1
Gain Interaction Design and Prototype (Begainer to Advance)
- Overview and Practice file download10.1
- What Is Interaction Design10.2
- Type of UI Animation10.3
- Basic Prototype in Figma10.4
- Interactive Button with Hover effects10.5
- Interactive Input Filds10.6
- Progress bar design10.7
- Animated Text10.8
- Mega menu10.9
- Interactive select and Language box10.10
- Loading screen10.11
- Interactive Web Card Section10.12
- Card Flip Animation10.13
- Drag Card Animation10.14
- Drag and drop Animation10.15
- Mesh Gradient Animation10.16
- Humburger Menu bar in Figma10.17
- Slider Animation10.18
- Animated Floating Action Button10.19
- Auto Scrolling Animation10.20
- FAQ Section Design or Accordion10.21
- Slider Design for Hero Section10.22
- Skeleton Animation10.23
- Animated Floating Message Buttons in Figma10.24
- Animated Circular Progress Bar10.25
- Cursor Tracking using Figma10.26
- More Animation10.27
-
Project 2 - Clone Paypal and MSB Academy (with Secrets)
- Project Planing – What You will Get to Learn11.1
- Background Color Check with Font and Font Pair11.2
- Findout Perfect Pictures and Color11.3
- Color and Spaces11.4
- 3 Steps of Typography Main11.5
- Icons Again11.6
- Color Rules11.7
- Grid System Secrects11.8
- How Iconset Work11.9
- Shape, Wave, Blobmake and Pentool Secrect11.10
- Some Important Chrome Extentions11.11
- Free Illustrations11.12
- 3D Packs11.13
- Free Fonts11.14
- Start Copying Your First Landing Page11.15
- Clone Our First Header11.16
- Clone Frist Section11.17
- Clone Project Second Section11.18
- Clone Project 3rd to 6 Sections11.19
- Clone Project 7th Section and 8th Section11.20
- Clone Project Footer11.21
- MSB Clone Header11.22
- MSB Clone 1st and 2nd Section11.23
- MSB Clone 3rd and 4th Section11.24
- MSB Clone 4th Section11.25
- MSB Clone 5th Section 4 Steps11.26
- MSB Clone 6th Section Best Collection11.27
- MSB Clone 7th Testimonial Section11.28
- MSB Clone 8th Section LATEST ARTICLES11.29
- MSB Clone 9th Section MEDIA COVERAGE & AWARDS11.30
- MSB Clone Footer11.31
- Your Homework11.32
-
Assignment 2
Project 3 - Long Innovation Project with Detail Explaination
- What We Will Cover in This Project13.1
- Planning for This New Project13.2
- Create Homepage Sitemap13.3
- About Sitemap Plan13.4
- Links Page Sitemap Plan13.5
- Moodboard and Choose The Color13.6
- Color Theory Basic13.7
- Homepage Wirefarme PC13.8
- Homepage Wirefarme Mobile13.9
- About Wireframe Web13.10
- About Wireframe Phone13.11
- Links Page Wireframe for PC13.12
- Links Page Wireframe for Mobile13.13
- Playlist Page Wireframe13.14
- Contact Page Wireframe13.15
- Home UI Design – Part 113.16
- Home UI Design – Part 213.17
- Home UI Design – Part 313.18
- Important Video13.19
- Home Design for Mobile13.20
- How to Use Type Scale13.21
- About Us Page Design13.22
- About Us for Mobile13.23
- Link Page Design13.24
- Link Page Design for Mobile13.25
- Podcast Page Design13.26
- Podcast Design for Mobile13.27
- Playlist Page Design13.28
- Playlist Design for Mobile13.29
- Contact Page Design for Web13.30
- Contact Page Design for Mobile13.31
- Design Breadcrumb – Part 113.32
- Design Breadcrumb – Part 213.33
- Design Breadcrumb – Part 313.34
- Project Tips and Tricks + Homework13.35
- Project 3 – Update Part 113.36
- Project 3 – Update Part 213.37
- Project 3 – Rewardbase Homework13.38
-
Assignment 3
Engage in Real-World Projects - Upwork
Engage in Real-World Projects - Fiverr
Project 4 - Mobile App UI Design
- Overview and research17.1
- Wireframe17.2
- Android and Apple resource and Guidelines17.3
- User Guide and Color Palette17.4
- Welcome page design + Components17.5
- Onboarding Page 117.6
- Onboarding other pages17.7
- Design welcome page17.8
- Design sign-in and sing up page17.9
- Verification and reset password and registration page17.10
- Profile Page and bottom nav17.11
- Design Left sidebar17.12
- Home Page design – part 117.13
- Home Page design – part 217.14
- Product page design details page17.15
- Category page design17.16
- Design cart Ui page17.17
- Design add address and payment page17.18
- Design my order page17.19
- Design review page17.20
-
Assignment 4
Project 5 - Earn $1000+ Per Month by Selling Figma Templates
- Overview of Project 519.1
- Understand The Problem19.2
- Make Information Architecture or Sitemap19.3
- Create Sketch in Figma19.4
- Wireframe Secret19.5
- How to Copy Color and Typography from Design System19.6
- Wireframe to Final UI19.7
- What We Create19.8
- How to Upload Template on Envato Market19.9
- Developer Handoff Figma to Zeplin – Part 119.10
- Figma to Zeplin – Part 219.11
- How to Make A Case Study19.12
- Upload Case Study in Behance19.13
- Upload Design on Uplabs19.14
- Why ThemeForest Rejects Our submission with Source Code19.15
-
Assignment 5
Sell Your Skills to Earn Money $$$
- How and Where You Will Find Work to Earn Money21.1
- How to Practice English for Freelance Work21.2
- Fiverr Account Creation with Important Facts21.3
- How to Create Gig on Fiverr to Start Providing Services21.4
- Setup Your Fiverr Account in Attractive Way and Discuss About Marketing Mistakes21.5
- How to Get Clients from Facebook and Linkedin21.6
- Market Research Secret Formula21.7
- Upwork Marketplace Secrets21.8
- How Do I Write Upwork Proposal Raw21.9
- Recap Upwork Job Application21.10
- How to Find Clients from Google Maps and Cold Email21.11
- Upwork Cover Letter Tips from Top Rated Plus Freelancer21.12
- Upwork Proposal Mistakes (Live)21.13
-
Conclusion + BONUS
This content is protected, please login and enroll in the course to view this content!
Modal title
Main Content