- Видео 26
- Просмотров 36 923
Moonsa_uiux
Канада
Добавлен 13 мар 2021
Practicing UI/UX & Visual Design Together 🎨 🔎
Differences between product design and UX design: Product Designer vs UX Designer
UX Design =?! Product Design 🤔
In this video, we dive into the fascinating world of design by exploring the key differences between Product Designers and UX Designers.
Meet Alex, the Product Designer, and Jamie, the UX Designer, as they take you through their daily tasks, skills required, and their focus areas. Learn how these two roles collaborate to create successful products and discover who typically earns more.
🔵 If you haven't already, subscribe to our RUclips channel for weekly UX / UI / Product / and Design Sprint videos: www.youtube.com/@UCt1s5t6c2fePPKLNIyq22Nw
#productdesignoruxdesign #productdesign #uxdesign #designroles #designcareer #userexperience #productdesigner #uxdesigner...
In this video, we dive into the fascinating world of design by exploring the key differences between Product Designers and UX Designers.
Meet Alex, the Product Designer, and Jamie, the UX Designer, as they take you through their daily tasks, skills required, and their focus areas. Learn how these two roles collaborate to create successful products and discover who typically earns more.
🔵 If you haven't already, subscribe to our RUclips channel for weekly UX / UI / Product / and Design Sprint videos: www.youtube.com/@UCt1s5t6c2fePPKLNIyq22Nw
#productdesignoruxdesign #productdesign #uxdesign #designroles #designcareer #userexperience #productdesigner #uxdesigner...
Просмотров: 209
Видео
How to Select Colours for UI Design Projects
Просмотров 3102 месяца назад
Have you ever had trouble choosing the right colors for your UI design project? Want to learn how to find the perfect colors for your designs? If yes, this video is exactly what you're looking for. There are several factors to consider when selecting colors for UI design, and I've explained these factors in this video. These are the steps I follow in my own projects. I hope you find it helpful ...
How to create infinity card animation in Figma step by step and in detail
Просмотров 5632 месяца назад
Learn how to create an infinity card animation in Figma step by step! This tutorial covers setting up frames, auto layout, and adjusting animation speeds. Instead of images, you can use logos or text-the process is the same. Let's see how we can do it. You can also watch this related video: ruclips.net/video/RLw7AgyNSDg/видео.html Music from #Uppbeat (free for Creators!): uppbeat.io/t/kevin-mac...
Figma Update 2024/ Config 2024 Figma Recap
Просмотров 2992 месяца назад
Welcome to moonsa_uiux! Dive into the latest updates in Figma for 2024 with us. We cover everything from: New default design kits Figma Slides for collaborative presentations Developer-focused Dev Mode updates Innovative Code Connect tool Powerful Figma AI features Auto Layout improvements Responsive Prototyping Viewer FigJam Pages 0:16 Figma UI 3 0:38 Figma Slides 1:15 Figma AI 1:29 Visual Sea...
How to Animate a Character to Follow Cursor Movement
Просмотров 1943 месяца назад
Welcome to Moonsa_uiux In this tutorial, we'll show you how to animate a character to follow cursor movement. Sorry for the video dimensions/ratio. It was initially meant to be a short video, but it took longer than expected to cover everything! We'll cover everything from setting up your project to implementing the animation that makes your character respond dynamically to cursor movements. Do...
Create Stunning Isometric Scroll Animations in Figma | Step-by-Step Tutorial
Просмотров 2,7 тыс.3 месяца назад
Hi everyone, and welcome to my channel! In today's tutorial, I'll show you how to create a stunning isometric scroll animation in Figma that you can use to enhance your portfolio or present your case studies. We'll cover everything from setting up your frames and creating background effects to exporting designs and applying animations. Whether you're a beginner or an experienced designer, this ...
Top 7 Amazing Figma Plugins for Designers in 2024
Просмотров 2213 месяца назад
Enhance your Figma workflow with these 7 amazing plugins! Whether you're a beginner or an experienced designer, these tools will boost your productivity and creativity. Plugins featured in this video: Blush: Create and customize stunning illustrations. SmoothShadow: Achieve perfect layered and smooth shadows. uiGradients: Easily add beautiful gradients to your designs. LottieFiles: Integrate ey...
How to Create a Responsive and Interactive Table in Figma: Step-by-Step and Beginner-Friendly Guide
Просмотров 5073 месяца назад
In this tutorial, I am going to show you how to create a table in Figma with different cells, including draggable items, checkboxes, dropdown menus, avatars, toggle buttons or switch buttons, and a three-dot menu. Song: Sappheiros - Dawn License: Creative Commons (CC BY 3.0) creativecommons.org/licenses/by/3.0 open.spotify.com/artist/5ZVHXQZAIn9WJXvy6qn9K0 Music powered by BreakingCopyright: br...
How to create Horizontal and Vertical Scroll in Figma
Просмотров 1,3 тыс.4 месяца назад
In this video, we'll show you how to create horizontal and vertical scrolling in Figma to enhance your design prototypes. Learn how to keep essential elements, such as the status bar and navigation menu, fixed while allowing specific sections to scroll horizontally and vertically. #scrollinfigma #scrollinginfigma #horizontalscrolling #verticalscrolling #scroll #figmascroll #Figma #UXDesign #Fig...
How to Create a Customer Review Form in Figma with Moonsa_uiux
Просмотров 2544 месяца назад
How to Create a Customer Review Form in Figma with Moonsa_uiux
How to Design a Landing Page with drop down menu (step by step) in Figma with Moonsa_uiux
Просмотров 7105 месяцев назад
How to Design a Landing Page with drop down menu (step by step) in Figma with Moonsa_uiux
How to Create Parallax Effect in Figma with Moonsa_uiux
Просмотров 2965 месяцев назад
How to Create Parallax Effect in Figma with Moonsa_uiux
How to Create Glass Effect Card in Figma with Moonsa_uiux
Просмотров 4726 месяцев назад
How to Create Glass Effect Card in Figma with Moonsa_uiux
How to Create an Endless Auto-Scrolling Animation in Figma with Moonsa_uiux
Просмотров 25 тыс.6 месяцев назад
How to Create an Endless Auto-Scrolling Animation in Figma with Moonsa_uiux
Hi ,I cant please help me .I don’t scroll like you😢
Thank you!
You're welcome!
hii mam are you on insta?
Perfect!!
Please, I want the logos to flow in reverse, what should I do?
Thank you for sharing your feedback. I explained it in this video ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=0XS8cY2FamVMzJgo
so cool, so awesome!
Sis this was not worked i do exactly but i dont understood wts wrong
Sorry to hear that! You can watch this video ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=3D1sM2nqFLwMC6dg this one has more details. You can simply use your logos instead of the images.
I Love YOUUUUU
thank you! Is there anyway to make it scroll slower than 10 000 ms? That's waaaay faster than what i need, but it won't let me input a higher number :(
Yeah, Figma doesn’t let you set more than 1000ms. What you can do to adjust the speed is to shift two logos at a time instead of waiting to move all the logos until you reach the second set. It’s hard to explain in comments, but this video might help. Just replace the images with logos: ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=0XS8cY2FamVMzJgo
Thanks for this Video. I made it
Glad it helped!
Thank you for the tutorial! To go in reverse order for the marquee text (words scroll to right, instead of left like in the video) what would you do?? Thank you
Thank you for your feedback. To move the logos to the right, you should shift them until the second set of logos appears in the first frame. Then, use the first set of logos in the second frame. In this example, instead of using the first Spotify logo, you should shift the logos until the second Spotify logo appears in the first frame. For the second frame, use the first Spotify logo without shifting the logos. I hope this explanation is clear. If you need a more detailed description, I have another video with similar steps that provides more details: ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=n-wQ6a3TpYtcqOhJ
thank you so much
Thank you too!
Thank you 🥹
🌹
thankss, nice video. how to make more slower movement?
Thank you for sharing your feedback. I have explained the speed adjustment in this video: ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=Xa0xykbJgSSVg70U
So Useful
Thanks
Useful, thanks
Glad it was helpful!
Heyhey, is there any possibility to slow down the scroll animation?
Hi Lizz! I have explained the speed adjustment in this video: ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=Xa0xykbJgSSVg70U
As always, the difference is whatever your employer says it is. Most companies just pick job titles based on what sounds good, not what you'll actually be doing.
True! That’s why Product Designers often need to include UX Design in their LinkedIn profiles or resumes. If they don’t, they might miss out on job opportunities, as some recruiters may not be fully aware of the differences between these roles.
After trying all other methods, Finally I found the right one which saved so much of my time. Thank you so much for this tutorial. Waiting for more ...
Thank you! Your comment warms my heart.
THANKYOU ITS WORKING 😘
Welcome 😊
Interesting🤔🤔
Thanks
I was always wondering about the difference between the two. Now I see the difference. Thanks for making this video
Our pleasure!
Thank you for making this so clear! I always struggled with understanding the overlap between UX and product design. Quick question: how often do these roles collaborate in a typical product development cycle?
thanks moonsa
not working :(
You can watch this video, this one has more details ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=AvSXW4n4F9Ybdeno
Excellent, just one question, is there or do you use any page to download those brand logos? and if not, what should I look for on the internet to download them? Thank you and you won a subscriber.
Thank you so much for subscribing! I really appreciate your support. To answer your question, I usually search for each brand’s logo individually. For example, I’ll type something like “Amazon logo PNG” into a search engine. Make sure to look for PNG files if you want the logos with a transparent background. I hope this helps, and feel free to reach out if you have any more questions!
Amazing!
Thank you
Pretty
Thanks
mostly beautiful tutorial and underrated channel for web desinging and frontend
Thank you so much for the kind words! I’m glad you find the tutorials helpful
Helpful, thank you
use full thank you
Happy to hear that
thank you very very very very very very very very very very mucchhhhh
You’re very welcome! 😊
Great video
Happy to hear that
Thank you so much for the video. It was very useful.
Glad it was helpful!
where do you find the icons???
I used the Iconify plugin to find icons.
Perfect
Thanks
Great Video! Could you make a video about the necessity of UX design for startups, especially managers?
Great suggestion!
Wow! As a starter in this field, your video was very intersting for me. Please create more videoes on the fundamental concepts on UI/UX
Thank you! Will do!
Thank you for sharing!
My pleasure!
Thanks for the video! I've been searching for the perfect software to choose the best color palette for my apps, and this was really helpful.
Happy to hear that. Thanks for sharing your feedback
Short and sweet! Thank you
Glad you liked it!
Very informative and pretty straight forward. Thanks a lot
Happy to hear that. Thanks
As a figma beginner user, this helps me a lot, thanks
Happy to help!
how can I slow it down?
In this video, I explain a similar endless scroll with speed adjustments. You will have more control over the speed if you follow this tutorial: ruclips.net/video/V_Ad9ZPa5Tk/видео.html
Hey, I have found a new way to adjust the scroll speed and explained it in this video ruclips.net/video/V_Ad9ZPa5Tk/видео.htmlsi=FEIaLcck51550we8
Very helpful video thank you 🎉🙏🏼
Happy to hear that my friend 🌹
This is so cool😃😃😃
Thank you for sharing your knowledge ❤🙏🏼
You are so welcome
👌🏻👌🏻
👏🏻👏🏻
Great topic to cover❤👌🏻
Thank you 😁