- 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: 301 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
- Submit Assignment – Try to Do Your BEST8.17
-
Gain Interaction Design and Prototype (Begainer to Advance)
- Overview and Practice file download9.1
- What Is Interaction Design9.2
- Type of UI Animation9.3
- Basic Prototype in Figma9.4
- Interactive Button with Hover effects9.5
- Interactive Input Filds9.6
- Progress bar design9.7
- Animated Text9.8
- Mega menu9.9
- Interactive select and Language box9.10
- Loading screen9.11
- Interactive Web Card Section9.12
- Card Flip Animation9.13
- Drag Card Animation9.14
- Drag and drop Animation9.15
- Mesh Gradient Animation9.16
- Humburger Menu bar in Figma9.17
- Slider Animation9.18
- Animated Floating Action Button9.19
- Auto Scrolling Animation9.20
- FAQ Section Design or Accordion9.21
- Slider Design for Hero Section9.22
- Skeleton Animation9.23
- Animated Floating Message Buttons in Figma9.24
- Animated Circular Progress Bar9.25
- Cursor Tracking using Figma9.26
- More Animation9.27
-
Project 2 - Clone Paypal and MSB Academy (with Secrets)
- Project Planing – What You will Get to Learn10.1
- Background Color Check with Font and Font Pair10.2
- Findout Perfect Pictures and Color10.3
- Color and Spaces10.4
- 3 Steps of Typography Main10.5
- Icons Again10.6
- Color Rules10.7
- Grid System Secrects10.8
- How Iconset Work10.9
- Shape, Wave, Blobmake and Pentool Secrect10.10
- Some Important Chrome Extentions10.11
- Free Illustrations10.12
- 3D Packs10.13
- Free Fonts10.14
- Start Copying Your First Landing Page10.15
- Clone Our First Header10.16
- Clone Frist Section10.17
- Clone Project Second Section10.18
- Clone Project 3rd to 6 Sections10.19
- Clone Project 7th Section and 8th Section10.20
- Clone Project Footer10.21
- MSB Clone Header10.22
- MSB Clone 1st and 2nd Section10.23
- MSB Clone 3rd and 4th Section10.24
- MSB Clone 4th Section10.25
- MSB Clone 5th Section 4 Steps10.26
- MSB Clone 6th Section Best Collection10.27
- MSB Clone 7th Testimonial Section10.28
- MSB Clone 8th Section LATEST ARTICLES10.29
- MSB Clone 9th Section MEDIA COVERAGE & AWARDS10.30
- MSB Clone Footer10.31
- Your Homework10.32
- Submit Your Assignment – Best List UI Design10.33
-
Project 3 - Long Innovation Project with Detail Explaination
- What We Will Cover in This Project11.1
- Planning for This New Project11.2
- Create Homepage Sitemap11.3
- About Sitemap Plan11.4
- Links Page Sitemap Plan11.5
- Moodboard and Choose The Color11.6
- Color Theory Basic11.7
- Homepage Wirefarme PC11.8
- Homepage Wirefarme Mobile11.9
- About Wireframe Web11.10
- About Wireframe Phone11.11
- Links Page Wireframe for PC11.12
- Links Page Wireframe for Mobile11.13
- Playlist Page Wireframe11.14
- Contact Page Wireframe11.15
- Home UI Design – Part 111.16
- Home UI Design – Part 211.17
- Home UI Design – Part 311.18
- Important Video11.19
- Home Design for Mobile11.20
- How to Use Type Scale11.21
- About Us Page Design11.22
- About Us for Mobile11.23
- Link Page Design11.24
- Link Page Design for Mobile11.25
- Podcast Page Design11.26
- Podcast Design for Mobile11.27
- Playlist Page Design11.28
- Playlist Design for Mobile11.29
- Contact Page Design for Web11.30
- Contact Page Design for Mobile11.31
- Design Breadcrumb – Part 111.32
- Design Breadcrumb – Part 211.33
- Design Breadcrumb – Part 311.34
- Project Tips and Tricks + Homework11.35
- Project 3 – Update Part 111.36
- Project 3 – Update Part 211.37
- Project 3 – Rewardbase Homework11.38
- Submit Your Assignment – Redesign A Website11.39
-
Engage in Real-World Projects - Upwork
Engage in Real-World Projects - Fiverr
Project 4 - Mobile App UI/UX Design
- Real App Design Brief14.1
- My Working Process14.2
- Which type of questions do I ask my client before starting any project14.3
- Brainstorming14.4
- Basic Information Architecture14.5
- FigJam Basic14.6
- All Secrects – 2 types of Modboard for Creative and normal design14.7
- Sketching or Low Fid Wireframe14.8
- Layout14.9
- Grid for Android and IOS14.10
- Typography for Mobile14.11
- Spacing For Mobile14.12
- Colors Android vs IOS14.13
- Background Blur and Gradients14.14
- Button, Corner Radius, and Shadow14.15
- App Icon14.16
- Do’s and Don’ts14.17
- Design for Touch14.18
- Native UI Elements14.19
- Modals14.20
- Onboarding14.21
- Launch Screen or Splash Screen14.22
- Design for Accessibility14.23
- MSB App UI Design Start to Finish14.24
- Assignment 1 – Design Task for you 114.25
- Assignment 2 – Design Task for you 214.26
- How to solve design task 2 idea14.27
- Start earning or Findout Job14.28
-
Artificial Intelligence (AI) Tools for UI/UX Designers
- Overview of This Section15.1
- Basic Prompt Engineering15.2
- AI Tools for Copywriting, Problem Solving and Decision Ideas15.3
- AI Tools for Image Generator Free and Paid for Both15.4
- Generating Images from Prompts – A Step-by-Step Guide Using AI15.5
- AI Tools for Generating Design Ideas15.6
- How AI Generation Platforms Work15.7
- Make High Converting Landing Page Outline using AI15.8
- How I use AI for Designing Website15.9
- Homework or Assignment15.10
-
Project 5 - Earn $1000+ Per Month by Selling Figma Templates
- Overview of Project 516.1
- Understand The Problem16.2
- Make Information Architecture or Sitemap16.3
- Create Sketch in Figma16.4
- Wireframe Secret16.5
- How to Copy Color and Typography from Design System16.6
- Wireframe to Final UI16.7
- What We Create16.8
- How to Upload Template on Envato Market16.9
- Developer Handoff Figma to Zeplin – Part 116.10
- Figma to Zeplin – Part 216.11
- How to Make A Case Study16.12
- Upload Case Study in Behance16.13
- Upload Design on Uplabs16.14
- Why ThemeForest Rejects Our submission with Source Code16.15
- Submit Your Assignment16.16
-
Sell Your Skills to Earn Money $$$
- How and Where You Will Find Work to Earn Money17.1
- How to Practice English for Freelance Work17.2
- Fiverr Account Creation with Important Facts17.3
- How to Create Gig on Fiverr to Start Providing Services17.4
- Setup Your Fiverr Account in Attractive Way and Discuss About Marketing Mistakes17.5
- How to Get Clients from Facebook and Linkedin17.6
- Market Research Secret Formula17.7
- Upwork Marketplace Secrets17.8
- How Do I Write Upwork Proposal Raw17.9
- Recap Upwork Job Application17.10
- How to Find Clients from Google Maps and Cold Email17.11
- Upwork Cover Letter Tips from Top Rated Plus Freelancer17.12
- Upwork Proposal Mistakes (Live)17.13
-
Conclusion + BONUS
My Income Proof of Fiverr (Last 3 Months)
Modal title
Main Content