- Видео 1 291
- Просмотров 71 522 861
DesignCourse
США
Добавлен 3 апр 2010
designcourse.com 👈 Learn UI/UX and CSS with my custom interactive courses.
New videos weekly on UI/UX
Hi, I'm Gary. I've created close to 100 courses from graphic design to advanced frontend development. I've worked with Envato Network's TutsPlus.com, DigitalTutors.com, Pluralsight.com, LinkedIn Learning & Lynda.com.
I teach full stack development! Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic Design and more!
Interested in a sponsorship opportunity or review? Contact me: contact@designcourse.com
New videos weekly on UI/UX
Hi, I'm Gary. I've created close to 100 courses from graphic design to advanced frontend development. I've worked with Envato Network's TutsPlus.com, DigitalTutors.com, Pluralsight.com, LinkedIn Learning & Lynda.com.
I teach full stack development! Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic Design and more!
Interested in a sponsorship opportunity or review? Contact me: contact@designcourse.com
UI/UX Form Design DO's and DON'Ts! Review
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off)
bit.ly/3yIAglK 👈 Watch the full UI/UX playlist.
-- Today, we're reviewing most of the entries submitted from yesterday's form design challenge. There's a lot of good insight in this one, so be sure to watch them all!
Let's get started!
#uiux #uidesign
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: designcoursecom
Join my Discord! discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decade...
bit.ly/3yIAglK 👈 Watch the full UI/UX playlist.
-- Today, we're reviewing most of the entries submitted from yesterday's form design challenge. There's a lot of good insight in this one, so be sure to watch them all!
Let's get started!
#uiux #uidesign
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: designcoursecom
Join my Discord! discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decade...
Просмотров: 1 085
Видео
Designing Forms in Figma - UI/UX Challenge
Просмотров 3,1 тыс.2 часа назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're covering some basic form design in Figma. First, we'll start off by designing a basic contact form, and then you're challenged to create a registration form! IMPORTANT: Make sure to submit your challenge by 1PM EST today (6/18/24) for a *chance* at being reviewed. I can't g...
Who Designed the BEST Responsive Card?
Просмотров 3,5 тыс.4 часа назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're reviewing some of the entries from yesterday's more advanced responsive design challenge. Tomorrow, we're going to hop into a new area of UI/UX design, so stick around! Let's get started! #uidesign #uiux - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! ...
Can you make THIS Design Responsive? (Challenge)
Просмотров 3,6 тыс.7 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're continuing on with responsive design by introducing a more complex layout. Challenge submission instructions are below! IMPORTANT: Make sure to submit your challenge by 1PM EST today (6/16/24) for a *chance* at being reviewed. I can't guarantee I will review all submissions...
Who made the BEST Responsive Design?
Просмотров 3,6 тыс.9 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're doing a review of yesterday's challenge. This involved creating a tablet and mobile layout based on an existing desktop design. Tomorrow, we'll introduce a more complex example for responsive design! Let's get started! #uidesign #uiux - - - - - - - - - - - - - - - - - - - -...
Learn Responsive Web Design (Challenge)
Просмотров 4,1 тыс.12 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're going to switch things up a bit and focus on a new topic: responsive web design. Making your designs adapt to various devices is critical, and it's what we'll be doing in today's video along with a challenge! IMPORTANT: Make sure to submit your challenge by 1PM EST today (6...
Who Designed the BEST UI/UX Cards?
Просмотров 4,8 тыс.14 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're doing a review of the UI/UX card entries from yesterday's video! We're zipping by fast with this one, as we had a lot of entries. Let's get started! #uidesign #uiux - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: designcourse.com My person...
The UI/UX of Card Design (Challenge)
Просмотров 5 тыс.16 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're continuing on with the #30daysuiux challenge by focusing on Card design. We'll also put you to the test with your own card design challenge. IMPORTANT: Make sure to submit your design by 1PM EST today (6/12/24) for a chance at being reviewed. The Figma Community File (Open ...
UI/UX Refactoring of your Hero Sections (Review)
Просмотров 3,9 тыс.19 часов назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're going to see what some of you came up with based on yesterday's hero section design challenge. Tomorrow, we'll continue on with the series by tackling cards! Let's get started! #uiux #uidesign - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX...
The UI/UX of Hero Sections (Challenge)
Просмотров 7 тыс.21 час назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're continuing on with the #30daysuiux series by designing a hero section. First, I'll show you how it's done, and then I'll put you to the test with your own hero section challenge! Tomorrow, I'll review some of your entries and see how everyone stacks up! The Figma Community ...
Who made the Best UI/UX Navigation? (Review)
Просмотров 6 тыс.День назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, I'm reviewing some of the work you all submitted from yesterday's desktop navigation design challenge. The great news is that everyone did a pretty decent job! Tomorrow, we'll introduce a brand new design challenge focused on creating hero sections. BE THERE! Let's get started! #...
UI/UX Desktop Navigations in Figma (Challenge)
Просмотров 6 тыс.День назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, you're finally going to put your design skills to the test! First, I'm going to show you how to design a desktop navigation based on an existing design, and then I'm going to challenge you to design your own based on an entirely different design! The Figma Community File (Open th...
The Sweet Tools of UI/UX Design
Просмотров 6 тыс.День назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're going to discuss the tools and software of UI/UX design. This isn't a comprehensive list, but will definitely include the most popular tools in a few categories. Tomorrow, we start designing! Let's get started! #uiux #uidesign - - - - - - - - - - - - - - - - - - - - - - Sub...
WHAT IS UI/UX? And which to focus on
Просмотров 6 тыс.День назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) bit.ly/3yIAglK 👈 Watch the full UI/UX playlist. Today, we're going to tackle a few different things. First, what is UI/UX and which should you really focus on? Let's get started! - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: designcourse.com My personal FB account: logodesigner Coursetro FB...
Learn UI/UX for Free - 30 Videos in 30 Days
Просмотров 9 тыс.14 дней назад
bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off) Today, I'm announcing a brand new series where I teach UI/UX from the ground up with 30 videos in 30 consecutive days! Yes, a lot of work, but it'll be well worth it. In this free video series, you'll discover what UI/UX is, what tools you need, and most importantly: how to design great looking and functioning user interfaces. Join m...
Create SICK Video Scroll Animations in Framer
Просмотров 3,6 тыс.14 дней назад
Create SICK Video Scroll Animations in Framer
Performing Metallica in my YouTube Studio's Opening Party
Просмотров 3,6 тыс.21 день назад
Performing Metallica in my RUclips Studio's Opening Party
EASILY Create Awesome Animated Tickers in Framer
Просмотров 3,3 тыс.21 день назад
EASILY Create Awesome Animated Tickers in Framer
UI/UX Refactor - Engage Your Visitors - Before / After
Просмотров 4,4 тыс.28 дней назад
UI/UX Refactor - Engage Your Visitors - Before / After
Should you Niche Down as a UI/UX Designer?
Просмотров 3,1 тыс.Месяц назад
Should you Niche Down as a UI/UX Designer?
Creating Awesome Scroll Animations with Framer
Просмотров 5 тыс.Месяц назад
Creating Awesome Scroll Animations with Framer
1 Layout + 5 Different Types of Color Schemes APPLIED!
Просмотров 8 тыс.Месяц назад
1 Layout 5 Different Types of Color Schemes APPLIED!
No code for Three.js-like Graphics. WOW Your Clients!
Просмотров 16 тыс.Месяц назад
No code for Three.js-like Graphics. WOW Your Clients!
9 Examples of AMAZING Webflow & Framer Websites
Просмотров 9 тыс.Месяц назад
9 Examples of AMAZING Webflow & Framer Websites
Using Framer's NEW 3D Transform Tools! TUTORIAL
Просмотров 6 тыс.2 месяца назад
Using Framer's NEW 3D Transform Tools! TUTORIAL
Create Complex Layouts EASILY with Framer's CSS GRID
Просмотров 7 тыс.2 месяца назад
Create Complex Layouts EASILY with Framer's CSS GRID
The 5 Levels of Web Design - Worst to BEST UI/UX
Просмотров 59 тыс.2 месяца назад
The 5 Levels of Web Design - Worst to BEST UI/UX
Average vs AMAZING Web Designs - COMPARED
Просмотров 11 тыс.2 месяца назад
Average vs AMAZING Web Designs - COMPARED
Midjourney AI is Crazy Good at UI/UX Color Schemes
Просмотров 12 тыс.3 месяца назад
Midjourney AI is Crazy Good at UI/UX Color Schemes
Great video! We gotta raise some awareness over the web accessibility importance.
Thanks for the review, but the one you showed as mine wasn't mine 🥲
Now show us how to do the gradient stroke in css.
Thank you for the review, thank you for the lessons, we get better even though we aren't doing them completely right, very much appreciated. - Aya
Yeay, mine's got reviewed again. Thank you. Tbh, the headphone image is my first idea. But I just want to make a different looks 😅 And too bad, you dont play the protoype mode. Because i made nice little animation on the form fields 😊
Thank you!
Sad to not see my design😔😔
Try again tmw!
Really cool video, I am a sucker for animations, waiting for em. I think that forms shall be made in a minimalistic fashion, as they mainly focus on functionality and data rather than design.
thanks, this video was so usefull for me, you explained important points. 😁👍
💕💕💕💕💕💕💕💕
We're moving right along! Tomorrow, we're going to switch things up and cover interaction and prototyping animations. Be here!
@@dipeshdulal2237 sorry!
❤
Hey man you can select the button or any group of elements and press K to scale it down, instead of seperatelly reducing the size of text and the container
How to design a landing page with animation like at No5?
Hey Gary awesome work as always, can't believe you're doing a whole live session with submission reviews, its amazing. Just one thing, while designing you're not encouraging (for the lack of proper word) about the 4pt or 8pt grid, so that spacing and responsiveness can be enhanced. It'd be really cool to see some tutorials encapsulating those features as well.
FOREARMS
hey, has the figma community file not been updated? can't see past lesson 5 review page, on opening the link in this video's description.
Just updated it!
I like this viewer challenges
There isn't any lesson 6 in the figma community file. Do we need to create it ourselves but as per description it should be there?
Ugh. On my way home to update the Figma file. 15 minutes!
Just updated it.
Very interesting
great input! I cant see this Challenge in the community file?
Same here
Just updated it!
Remember, submission instructions are in the description!
Hey, can't see the lesson 6 in the comunity file
@@gabriel_gdiogo Just updated it!
It's interesting, the one you pick as the top level design, I like the least. I find the animations to be very distracting and there's far too much going on. I would place #2 as the best designed site and I would place #1 much lower on the list. I think this is the difference between what a designer thinks and what the audience might think. I see this EVERYWHERE in tutorials; designers who are obsessed with showing off what they can do, but who don't stop to think whether they should be doing it. When I've asked my clients what they prefer, they want information delivered to them in a clear and concise manner and they don't care at all about animations etc. ps. Niche = Neesh not Nitch ;)
Cool Vid! I can't show my design using Figma as it ain't my main game. Can you create another challenge similar to this but with programming?
Maybe for a future series!
Waitin!
big fan
second
first
you wish
first
I'm trying to use a 'Collection list' to pull from my CMS to feed the card component so my client can just add more to the CMS. Can this be done?
i loved 2:32, 4:45 and the last one
In my honest opinion, for 30 days of UX UI, you should have gone for a complete web or mobile project instead of seperate content and review stuff. Designing an imaginary product would have been much more helpful for many of us I think. Amazing effort nevertheless, thank you.
I'm continually using 3 different projects or so that I've covered already in this series. It's better to have diversity/variety imo in styles, rather than sticking with just 1 type of layout.
@@DesignCourse then its my. mybad to judge your process, thats amazing, thank you
Why you not upload the videos related coding?
ricky's version I think is much better
will you do table data challenge?
can I get the link of the first opening page letter animation please.
Hi I am a beginner designer and was curious as to what counts as responsive design vs adaptive design. From my research responsive design is using one layout and making it responsive for all devices, so would this be considered more adaptive design?(designing for different layouts) thank you!
My hamburger menu button doesn't work Did everything he did in the javascript part code for code but it doesn't work Any one with a solution?
great video mate! those labels you set on toggleActions really helped
Love this series! Great stuff!
Nice reviews. What happened to our sub up ending 😅😅
sub up pending? I'm being slow, huh?
No review Orshikh S @orshikh_UI
Now make it fit on a watch
Absolutely.... not!!!
watches' screens must be expandable
No changes 🎉 Thanks for review
Thank you for reviewing my design. I'll be giving more attention to spacing next time 😅 Can't wait for the next challenge. And also thank you for the thumbs up 🎉
Why sujoy again, not me :/
It's 100% random. I pay no attention to who submits. I do look at all submissions and choose them based on the designs I already reviewed.
Ohah! I designed it more accurately spending time on maintain the distinct ratios 📐📏of the font and gap or white space in between. I submitted the design in discord server on time. Even then my design is not reviewed. 😑😭
Thank you for the review, we're learning by the say.
First comment! I'm always watching your vids and catching up since day 1.
Okay🎉
Tomorrow, we'll focus on FORM design! Wooooo, along with a new challenge of course. bit.ly/3yIAglK 👈 Watch the full UI/UX playlist here!
None of my homework was considered and I don’t understand why.. ((Regarding the form, will we make it really adaptive, unlike what we did before with the ticket and with the page (changing their places)?)
I wanted to send 2 pictures of the design (there are lines) so that you can tell me what the problem is, how can I send them to you??