General

These are 5 of the most common and useful UI design patterns that every UI designer should know... Remember to Subscribe https://goo.gl/6vCw64 Here are some helpful links if you want to research UI Design Patterns https://ui-patterns.com/ https://www.uxlibrary.org/explore/ui-design/ui-patterns-and-inspiration http://uipatterns.io/ https://www.pttrns.com/ 0:00 Intro 0:20 Accordions 1:10 Dropdowns 2:17 Cards 3:08 Breadcrumbs 4:21 Hamburgers 🏆 //////////// Join my members community to get access to perks: You can get this starting and ending design file https://learn.jesseshowalter.com/members 👋 ////////// Join the Discord Server and meet other creatives https://discord.gg/XVDQ2gxsNv ------------------------------------------------------------------------------------ 🤝 //////////// My Courses, Templates, Free E-Books, & 1:1 Mentorship https://learn.jesseshowalter.com/ 👋 ////////// Follow me on Social Instagram: https://www.instagram.com/iamjesseshow Twitter: http://twitter.com/iamjesseshow 📫 ////////// Sign up for my Monthly Newsletter www.jesseshowalter.com/newsletter ------------------------------------------------------------------------------------ 🖥️ ////////// I build most of my websites using Webflow https://webflow.grsm.io/1976712 💻 ////////// I host all my websites with Hostinger https://www.hostg.xyz/SH5fF 🎵 ////////// Musicbed is the best place to get music for your films. Get your first month free when you purchase an annual subscription by using my coupon code JESSE at checkout. http://share.mscbd.fm/iamjesseshow 📸 ////////// The Equipment I use https://www.amazon.com/shop/jesseshowaltertv

⚔️ Welcome, Interfacer. Herewithin, you can find a collection of community resources.

The Collective Podcast with Ash Thorp brings you weekly episodes of informative and honest discussions with creative industry leaders from around the world.

Many games require you to have immediate access to a ton of critical information like stats, inventory, mission info, and location. Being able to easily access that info when you need it—and only when you need it—is the result of UI designers working very closely with user experience designers. In this video we review the difference between UX and UI design and hear from visual designers and motion graphics artists about some core considerations for designing UI and ensuring a game experience is consistent, cohesive, and immersive. Visit our website for additional resources: https://www.riotgames.com/en/artedu/user-interface-design

In this video, I will recreate the user interface ( UI ) design for league of legends wild rift. This is a practice workflow. Hope you'll learn some cool UI design techniques from this video. Free PSD: https://drive.google.com/file/d/1J_ONUPelKjyV-T3wDKEt2ytDzwRq3sxW/view?usp=sharing Please bear in mind that all the credit for this amazing UI work belongs to "Riot games".

Learn how to build a design system in Figma. By the end of this course you will become a master of building design systems in Figma and understanding master components. ✏️ Course developed by Tim Sullivan. Check out his channel: https://www.youtube.com/channel/UCTGmiyXawbVmFJjpiYSw0Gw 🔗 Tim's website: https://tutorialtim.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:03) Creating a Color System ⌨️ (0:22:23) Building a Type System in Figma ⌨️ (0:35:16) Elevation ⌨️ (0:57:33) Product & System Icons ⌨️ (1:11:26) Text Legibility ⌨️ (1:30:58) States ⌨️ (1:50:53) Selection (Interaction) ⌨️ (1:55:02) Understanding Layout ⌨️ (2:04:15) Pixel Density ⌨️ (2:12:05) Spacing Methods ⌨️ (2:24:19) Responsive Grid Layout ⌨️ (2:48:59) App Bar - Bottom ⌨️ (3:07:55) App Bar - Top ⌨️ (3:22:37) Backdrop ⌨️ (3:41:58) Banners ⌨️ (4:06:45) Bottom Navigation ⌨️ (4:19:15) Buttons - Floating Action Button ⌨️ (4:38:54) Buttons ⌨️ (5:06:04) Cards ⌨️ (5:41:10) Chips ⌨️ (5:58:15) Dialogs ⌨️ (6:28:56) Date Pickers ⌨️ (7:32:22) Dividers 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

E-books on UI Design, UX Design, Web Design, Interaction Design, etc

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.