Jesse Showalter shares Digital Design & Web Development videos each week focusing on tools, techniques, projects, and more to help creative people make amazing things. If you're an aspiring Web Designer, UI Designer, or Front-End Developer who is interested in creating awesome things in pixels and code, make sure to subscribe for helpful training videos.
The channel focuses on topics such as web design and development including but not limited to HTML, CSS, Sass, Javascript, Design Principles, User Experience, Interface Design, MODX, Open Source Stuff and more. Please subscribe and say hi in the comments so we can all be a happy internet family.
Пікірлер
Thank you so much ❤
Are you using the free version or one with the payment option? With the free plan, you cannot keep up with everything you’re teaching.
Really cool video, hope I can find it sooner!! __ Summary by AskTube Chrome extension (BETA) The 60 30 10 Rule: A Guideline for Balanced Color Use in Mobile UI Design. Learn how to use color effectively in your mobile UI design projects, creating a mature, seamless, and non-distracting user experience. This video explores the 60 30 10 rule, a guideline for balancing color usage in UI design, and provides examples of its application. Introduction to the 60 30 10 Rule 📊 00:00 The 60 30 10 rule is a guideline for using color in mobile UI design, ensuring a mature, seamless, and non-distracting user experience. Understand how to use color effectively in your UI design projects. Understanding the 60 30 10 Rule 📝 01:27 The 60 30 10 rule consists of three blocks of color: 60% neutral or base color, 30% primary or secondary color, and 10% call-to-action color. Applying the 60 30 10 Rule in UI Design 🎨 02:46 A design example demonstrates how the 60 30 10 rule can improve the color usage in a UI design, creating a more mature and seamless design. Real-World Examples of the 60 30 10 Rule 📈 03:52 Explore various examples of the 60 30 10 rule in action, showcasing different design approaches and color palettes. Breaking the Rule and Creating Beautiful Designs 🎯 04:32 Discover how designers can creatively break the 60 30 10 rule to create unique and visually appealing designs. Conclusion and Final Thoughts 🙏 05:55 Recap the importance of balanced color usage in mobile UI design and the relevance of the 60 30 10 rule in creating a seamless user experience.
Who watch this video in 2024 like👇
Naa bro your content is just amazing, it’s like you personally want the best for us❤
Tried the first two so far and they suck. They're super superficial and basic designs even when you specify exactly what you want.
Thank you for creating the video - likes Unequivocally !!!!
So many steps just to build something so simple. I understand Flash was propriety software, but I could have done all this in Flash in less than half hour. Including the animation and music.
Only thing I hate about Framer, is the localization pricing ... outrageous!
💯
Kudos to this great content, it is straight to the point, easy to understand. And gives good practices specially on the CSS Flexbox. Totally agree on that! 🍻
thanks for providing a clear explanation of components jesse. lots of love from India ❤
Why I don't have constrains
Eisai ligo baklavas
Nitpick: the intro song is too loud or your voice is too low volume. My ears went boom. But other than that great video😀
comming from designing UI/UX for games as a game designer, your videos provide good tips and tricks how to handle or watch for in general for UI/UX topics
From which website every ui ux designer get their needed materials in best pixels
May be this helps for your perfect font pairings : Cottorway pro with Open sans, Quinn display font with any sanserif.
Is there any figma plug-in? Like figma to webflow!...?
❤❤❤
Thank you for such a great tutorial and for showing us how to create our own sections from scratch! Massively helpful for understanding how to make your designs responsive and I managed to follow along and complete everything myself 😊Only part I couldn't replicate was the 3D scroll at the end, when I entered 15 in the X area, I don't see a 3D effect on my image, it just scales up and down? But this was so so helpful though as a complete beginner and thank you very much again! 🙏🏼
Also when I try to expand my nav bar on mobile/desktop versions, it appears as a scrollable container, not just part of the page, how can I fix this? Thanks! 🙏🏼
thank you so much..this was really helpful. All this time my spacing was messed up
How to Penpot a website to Webflow? I am trying out Penpot until realizing it doesn't seem to be integrated with any other apps.
I’ve been doing some bubble dev and I wish I watched this before starting. As someone without web design experience I learned this as I went with a lot of rework. This was a great foundation
Can we use this color rule in Reports, social media posts, or other places?
Can be used as a general Rule of thumb in most places
Nicely done work bro I loved it please make full video on it to understand full Framer.
I’m doing a full 6 part live series soon, stay tuned
Does Superhuman take an existing email like outlook and integrate to respond etc. as it was still located in outlook.
The best explanation of auto layout I’ve seen in youtube👌🏼
Wow, thanks!
hi good morning how can i use relume to copy an entire website and make some changes where i see fit ?
This man is forever hustling. I’m working towards gaining the confidence I need to be like him. He’s an inspiration to a long term unemployed, career switcher. ❤ his course is amazing btw guys.
i like your video but i HATE your thumbnail. i just hate it. why do you need to do a crazy face to make people click? Your content is great you don't need to do this. look the face of the guy from framer university (ie: Framer Trick: Convert 2D Elements into Interactive 3D): just a normal and a honest face look. very sorry for the comment but you don't need this clickbait face. Thanks for your content anyway.
Thanks for the feedback 😊
Can you do a similar video of choosing ui colours for light and dark mode
Hey Jesse! Please reply lol I would appreciate the clarity. I love your content, as a new UX designer I've improved tremendously since watching your videos. I have a question regarding Framer, can I design, build a website and transfer a website all within framer? Or do I have to use figma first then transfer it over to Webflow then Framer?
Framer is a self contained platform. You can love from Figma to Framer or just design and develop straight in Framer
Good information. Thanks for sharing. I have a question and maybe an idea for a future video. Can you build a Framer site and then add code for payments or other functions that need very secure functions? I'm thinking of building a site in Framer and then passing it off to a developer for more of these high security options. I know I could also dig into the Framer site to find this out but since you amke such great videos, I'd love to see your thoughts and process. Thanks.
Yes you can, you can insert custom code and create code components
@@JesseShowalter Fantastic! Thanks for responding.
Dude stop disappearing
What is the path of least resistance? That is what I care about. Boxes, circles, trialngles....oh my!
Decent video fella nice one!
boycott wix
Really great and helpful video :) Now it's easy to start prototyping!
Great tutorial! Thanks :)
AI tools have transformed my design workflow, making it faster and more innovative. Exploring these top tools has significantly boosted my creativity and productivity. Highly recommend giving them a try! #jedaai #ai
such a great tutorial, really awesome content and education! the poor sound quality made it very difficult for me to keep watching however. The plosives are so rough I feel like my ears are pounding. Wish you could have edited the sound more.
Everything is clear. Brief and clear. No water. Thank you)
nice video jesse
😮
thank you man, i use to make simple websites out of WIX . i think i can start with this exp to jump into UI/UX builder, anybody here share the same exp with me? and Good content man! thanks again
hey. i like the shapes graphics for each law but it would be great if you put down some examples. this made the video not follow the 2nd law
your content is quick and understandable, you make look all very simple , I love your work , I love you brother , wherever you are. Beginners like us need you , please don't stop making more of this
I love this content, you speak so secure!
These tips are amazing! Thanks so much 😊