TheUIVault

TheUIVault

524 bookmarks
Newest
Game Informer
Game Informer
Game Informer is your source for the latest in video game news, reviews, previews, podcasts, and features.
superscott597·gameinformer.com·
Game Informer
The Cover Project Home
The Cover Project Home
The Cover Project: We've got you covered with game inserts for every current and past generation gaming system that we could find cases for.
superscott597·thecoverproject.net·
The Cover Project Home
Watch "Advanced Grids in UI & Web Design" on YouTube
Watch "Advanced Grids in UI & Web Design" on YouTube
Are you tired of creating web designs that feel cluttered and unorganized? Do you want to learn new techniques that can take your grid skills to the next level? Look no further than this video on advanced grid techniques! ... Remember to Subscribe https://goo.gl/6vCw64 In this video, I cover a variety of advanced grid techniques for web design, including responsive grids, 8-point grids, baseline grids, and more. By using these techniques, you can create web designs that not only look visually appealing, but also function efficiently. Whether you're just starting out in web design or are an experienced designer, this video has something to offer. ------------------------------------------------------------------------------------ 🤝 //////////// Get my new Intro to UI/UX design course: https://www.jesseshowalter.com/courses/intro-to-ui-ux 🏆 //////////// Join my members community to get access to perks: https://www.jesseshowalter.com/design-champs 📫 ////////// Sign up for my Monthly Newsletter www.jesseshowalter.com/newsletter Get the file used for this video, support the creator https://www.figma.com/community/file/908391866828928884 ------------------------------------------------------------------------------------ 🎨 ////////// I design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites with Webflow https://webflow.grsm.io/4495884 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252
UIVault·youtu.be·
Watch "Advanced Grids in UI & Web Design" on YouTube
20 Interactive Buttons Across Various Games | Figma Community
20 Interactive Buttons Across Various Games | Figma Community
Figma Community file - Made 20 Interactive Buttons Across Various Games. Games Included: ValorantApex LegendsFortnite S1Fortnite S4Brawl StarsRocket LeagueClash of ClansCall of Duty Black Ops 4Sleeping DogsGenshin ImpactDishonoredCyberpunkMarvel AvengersCall Of Duty MobileRajiDeus ExRainbow Six ExtractionMetal Gear Ri...
UIVault·figma.com·
20 Interactive Buttons Across Various Games | Figma Community
Stéfano Girardelli - Work
Stéfano Girardelli - Work
I'm a Brazilian Designer living in São Paulo, currently building mobile games that will mark a generation with Wildlife Studios.
UIVault·stefanobg.com·
Stéfano Girardelli - Work
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
This Figma Tutorial is a course for beginners in the UX/Figma world. Download the Free Exercise Files here: https://byol.com/FigMiniEx Watch the Adobe Figma Essentials Course: https://byol.com/FIGME Pre-register for the Figma Advanced Course: https://byol.com/figminiadvprepreg Watch the Adobe Illustrator Essentials Course: https://byol.com/FIGILLE Watch the Adobe Illustrator Advanced Course: https://byol.com/FIGILLA Watch the Adobe Photoshop Essentials Course: https://byol.com/FIGPSE Watch the Adobe Photoshop Advanced Course: https://byol.com/FIGPSA Buy Figma here: https://byol.com/BUYFIG Introduction to Figma tutorial: 0:00 What is UX Design?: 1:04 What is Figma's Role in UX Design: 4:02 The UX Design Brief in Figma: 6:35 Download Free Figma Exercise Files: 9:28 How to create a wireframe in Figma: 10:16 How to add text in Figma: 12:20 How to make a component in Figma: 14:18 How to make a placeholder image in Figma: 17:10 How to copy & paste appearance in Figma: 21:37 How to create a button in Figma: 22:52 How to make a UI card in Figma: 24:58 How to use Smart Selection in Figma: 29:03 How to make an input field in Figma: 31:53 How to use component Instances & Overrides in Figma: 33:36 How to paste in place in Figma: 37:41 How to use Adobe Illustrator with Adobe Figma: 38:50 How to add to an existing component Figma: 42:33 How to prototype in Adobe Figma: 44:41 How to share a Prototype in Figma: 50:11 How to use Photoshop with Figma: 54:07 What is High Fidelity Mockup in Figma: 59:38 How to add colors in Adobe Figma: 1:00:12 How to find Google fonts in Figma: 1:06:06 How to make a Micro Interaction in Figma: 1:08:05 How to export images and code from Figma: 1:14:16 Outro: 1:20:06 Join the Bring Your Own Laptop Facebook Group: https://www.facebook.com/groups/bringyourownlaptop Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/ Follow me on TikTok: https://www.byol.com/tiktok/ Follow me on Twitter: https://twitter.com/danlovesadobe Join the LinkedIn Group: https://www.linkedin.com/groups/10539178/ Follow me on TikTok: https://byol.com/tiktok
UIVault·youtube.com·
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
Watch "League of Legends Client Update: Art Directing a Consistent and Scalable Interactive Brand Identity" on YouTube
Watch "League of Legends Client Update: Art Directing a Consistent and Scalable Interactive Brand Identity" on YouTube
In this 2017 GDC talk, Riot Games' Laura DeYoung discusses how Riot rebuilt the League of Legends client to be functional and resonant with players while providing a flexible space for developers to build content. Register for GDC: https://ubm.io/2yWXW38 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.
UIVault·youtu.be·
Watch "League of Legends Client Update: Art Directing a Consistent and Scalable Interactive Brand Identity" on YouTube
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
In this Photoshop tutorial, we'll harness the power of patterns and blending modes to create a detailed glitchy digital monitor effect. Generate a variety of looks with this setup, using different patterns (links below), scales, and color palettes! Free pattern tiles used in this tutorial: https://texturelabs.org/tutorials/analog-retro-futuristic-monitor-in-photoshop/ Unlock all 16 Pixelated Monitor Patterns AND help keep Texturelabs up and running… everybody wins! https://www.patreon.com/texturelabs Check out the Texturelabs Channel for more content: https://www.youtube.com/c/texturelabs Connect: Insta, Facebook, Twitter tag: @texturelabs https://texturelabs.org/ behance.com/texturelabs
UIVault·youtu.be·
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
Alena Eresko on Behance
Alena Eresko on Behance
Alena is a Visual Design Artist at Riot Games, creating user interfaces and graphics for League of Legends. Before Riot Games, she worked at CCP Games on EVE Online (MMORPG sci-Fi online game) in Iceland. Alena’s life path tells us the story of an immigrant who was born far away in Siberia, but thanks to her career as a designer for video games, she is able to work worldwide and fulfill one of her life’s dreams - working in the AAA game industry. Alena educates young designers about working in game development and helps them get into the industry.
UIVault·behance.net·
Alena Eresko on Behance
Round it! (by 8px, 10px, ...)
Round it! (by 8px, 10px, ...)
Figma Community plugin - Round all properties to the nearest multiplier of 8, 10, or your custom value! This is very useful when you are working with the 8px Grid, or other grid systems. You can: Round the height, the width, and also the X- and Y-position of anything you want (Rectangles, Images, etc...)Rounding the pro...
UIVault·figma.com·
Round it! (by 8px, 10px, ...)
How to design and use components in 3d with Spline
How to design and use components in 3d with Spline
Hello! In this tutorial, you will learn how components work, and how they can make your design faster and more efficient in 3d. You can find the scene files from this tutorial in the Library (https://app.spline.design/library) 0:00 Intro 0:43 Creating a component instance 2:24 Instance overrides 4:35 Creating design alternatives 5:54 Adding events to components 7:00 Overriding interactions 9:06 Clever uses of 3d components 10:18 Design systems with components 10:47 Instance swapping 11: 34 Detaching instances 12:06 Reset overrides 13:11 Cloner and instances 14:20 Outro
UIVault·youtu.be·
How to design and use components in 3d with Spline