Guides

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

A deep-dive guide on how to create, organize, name, and use icons within a design system

The Last of Us Part II features more than 60 accessibility settings, with expanded options focused on fine-motor and hearing, as well as completely new features that benefit low-vision and blind players. This video highlights the various subtitle display options, including size, color, dark backgrounds for contrast, speaker names, directional arrows for offscreen speakers, and more. See the complete list of accessibility features and learn more at https://www.playstation.com/en-us/games/the-last-of-us-part-ii-ps4/accessibility The Last of Us Part II launches on June 19, 2020.

Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.

A guide to using Unreal Motion Graphics to create UI elements.

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 VR age is rapidly approaching.

A curated list of resources to help you on your journey into the User Experience of Virtual Reality

This project was made possible by the many talented artists who collaborated and shared their passion for this production over the years. Pascal Caplette, Pascale Blanchette, Geneviève Laberge, Gabriel Pilote, Jonathan Boudreau, Michael Guimond, Alex Battista, Maxime Mercier, Maxime Derhore, Thomas Bodin, Charles Perron, Cory Switzman, Emmanuel Navarro, Manuel Coclès, Stéphane Lévesque, Fabien Troncal, Vincenzo Spina, Sperasoft. Thank you to Brent Ashe for the game Crest and Branding.

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.

The UI Art Direction of your games play a pivotal role for players. Understanding how cognitive processes influence visual direction is fundamental to creating engaging and cohesive presentation for your players. This deep dive will remove the...

In this 2018 GDC talk, DICE LA's Omer Younas explains how to create consistent, engaging UI art for AAA games using relevant theory and best practice. Please note: This talk originally contained a sketch from Saturday Night Live featuring Ryan Reynolds. For context, that skit can be viewed here: https://www.youtube.com/watch?v=jVhlJNJopOQ Register for GDC: https://ubm.io/341ZiaZ Join the GDC mailing list: http://www.gdconf.com/subscribe Follow GDC on Twitter: https://twitter.com/Official_GDC GDC talks cover a range of developmental topics including game design, programming, audio, visual arts, business management, production, online games, and much more. We post a fresh GDC video every day. Subscribe to the channel to stay on top of regular updates, and check out GDC Vault for thousands of more in-depth talks from our archives.

Because learning resources about FUI are very dispersed, I have compiled in a list what I consider to be the best content.

Master Guide Latest Posts: {% for post in paginator.posts %} {{ post.title }} {% if post.subtitle %} {{ post.subtitle }} {% endif %} Posted on {{ post.date | date: "%B %-d, %Y" }} {% if post.author %} {{ post.author }} {% endif %} {% if post.image %} {% endif %}...

Emilia Schatz & Matthew Gallant, Naughty Dog With over 60 accessibility settings, The Last of Us Part II is the most ambitious game Naughty Dog has ever made and has been called “the most accessible game ever.” In this talk, lead designer Emilia Schatz and lead systems designer Matthew Gallant will chronicle the development process, including an in-depth focus on the features designed specifically for blind and low-vision players—a first for the studio. They’ll review how these features were planned for, tested, iterated upon, and shipped, as well as key learnings.

In this After Effects tutorial we'll take a look at 30 of our favorite keyboard shortcuts in After Effects.