TheUIVault

TheUIVault

442 bookmarks
Custom sorting
Material Design
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
superscott597·m2.material.io·
Material Design
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
·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...
·figma.com·
20 Interactive Buttons Across Various Games | Figma Community
Ash Thorp
Ash Thorp
ALT Creative, Inc. was founded by Ash Thorp to offer a variety of assistance with your project needs, ranging from creative direction, graphic design, VFX, concept/digital art, illustration, animation, through directorial services. Our client list encompasses a wide collection of industries from commercial/corporate marketing to feature films. The portfolio of work showcased on this site provides a key selection of past projects spanning across these creative needs and industries. Please contact us at info@altcinc.com to inquire about our creative services and scheduling availability. Email: info@altcinc.com
·behance.net·
Ash Thorp
Davison Carvalho
Davison Carvalho
Portfolio of Visual Development Artist and Art Director Davison Carvalho
·hellodave.co·
Davison Carvalho
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.
·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
·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.
·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
·youtu.be·
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
A micro-animations library
A micro-animations library
Animated icons in Lottie Framework and for immediate implementation to your apps or websites.
·useanimations.com·
A micro-animations library
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...
·figma.com·
Round it! (by 8px, 10px, ...)