TheUIVault

Welcome to MyFonts, the #1 place to download great @font-face webfonts and desktop fonts: classics (Baskerville, Futura, Garamond) alongside hot new fonts (Bigola Display, Letteria Pro,Grafical).

Handpicked free fonts and typefaces to create a beautiful design. Ranging from script, display, sans serif, serif, and more.

Making the web more beautiful, fast, and open through great typography

Prototypo is a professional tool allowing to create unique identities with custom fonts. It takes designers to another level, completing their skillset with type design.

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 %}...

Researching UI in Games, Cinema and anything else thats interesting.

The ultimate screen reference Tool for game interface designers. Explore over 500 games and 19,000 individual images, and filter by screen type, material, layout, texture, shapes, patterns, genre and more!

HUDS and GUIS is an inspiration resource site featuring Future User Interfaces, Graphic User Interfaces, Heads Up Displays and UX/UI Design from areas such as film and games.

game patterns is a showcase of examples of mobile game design patterns and UI design - categorized into common user interface patterns for iOS game developers

Animated Games UI UX Patterns for iOS and Android.

Library of video games interfaces to get to know all the mechanics and elements of a game.

Type Terms. The animated typographic cheat sheet.

Heavy GIFs warning

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.

Fontshare is a free fonts service from ITF, making quality fonts accessible to all. It’s a growing collection of professional grade fonts that are 100% free for commercial and personal use.

A gallery and showcase of the best logo design inspiration in the world, featuring over 5000 logo's searchable by designer, shape, object, and style

Ideate, design flows, organize insights and collect feedback in real-time. Find out more and get your free team trial today.

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

A new way to find, modify and share digital colors. Leave abstract color models behind and focus on the important things.

Get perfect Material Design color palettes from any hex color.

Project File Link: https://ukramedia.com/60-useful-tips-in-adobe-after-effects 01: 00:10 Select Label Group 02: 00:18 Invert Selection 03: 00:28 Select Children 04. 00:42 Hide Property or Group 05. 00:51 Solo Selected Properties 06. 01:10 Timeline Search Bar 07. 01:37 Maximize Frame 08. 01:43 Splitting Layers 09. 01:53 Paste at Current Time 10. 02:04 Set Work Area to Selection 11. 02:16 Comp Mini-Flowchart 12. 02:29 Edit Guide Position Numerically 13. 02:49 Switching Between Time & Frames 14. 02:57 Reset Scale & Rotation 15. 03:15 Copy with Property Links 16. 03:36 Convert to Bezier Path 17. 03:56 Open Shape & Mask Paths 18. 04:17 Switching Between RotoBezier & Bezier Path 19. 04:43 Center Anchor Point 20. 05:12 Center Anchor Point in New Shape Layers 21. 05:33 Scaling Multiple Keyframes 22. 05:47 Time-Reverse Keyframes 23. 06:04 Duration Between Keyframes 24. 06:25 Motion Paths from Mask & Shape Paths 25. 07:09 Roving Keyframes 26. 07:32 Locate Project Files 27. 08:15 Shift+Parenting Behavior 28. 08:27 Delete All Effects from Selected Layers 29. 08:45 Look at Selected 3D Layers (Project File is Available) 30. 09:34 Custom Blurred Vignette (Project File is Available) 31. 10:35 Faking 3D Extrusion (Project File is Available) 32. 11:55 Slide Transition (Project File is Available) 33. 13:11 Set Matte Effect (Project File is Available) 34. 13:45 Fake Reflection (Project File is Available) 35. 14:39 Post-Expression Graph 36. 15:15 Disable All Expressions 37. 15:42 Checkbox Control (Project File is Available) 38. 16:44 Dropdown Menu Control (Project File is Available) 39. 17:40 Layer Control (Project File is Available) 40. 18:17 Adding Automatic Commas to Numbers (Project File is Available) 41. 18:51 Convert Expression to Keyframes 42. 19:14 Invisible 3D Layer Backface (Project File is Available) 43. 20:07 Offsetting Animation with Markers (Project File is Available) 44. 21:01 Keyframe-less Animation (Project File is Available) 45. 22:23 Hover-Over Effect (Project File is Available) 46. 23:39 Edit Text with Comp Name (Project File is Available) 47. 24:48 Mouse Cursor Rig (Project File is Available) 48. 26:09 Cursor Change on Hover (Project File is Available) 49. 26:51 Hover Button Effect (Project File is Available) 50. 27:48 Auto-Resize to Comp Size (Project File is Available) 51. 28:50 Math.min & Math.Max (Project File is Available) 52. 29:52 Auto-Resize to the Longest Text (Project File is Available) 53. 30:57 Repeat Text Horizontally (Project File is Available) 54. 31:38 Repeat Text Vertically (Project File is Available) 55. 32:26 Repeat Text Vertically & Horizontally (Project File is Available) 56. 33:17 Vertical Text Array (Project File is Available) 57. 35:01 Creating & Using CSV Files (Project File is Available) 58. 35:58 Edit Colors from a Text File (Project File is Available) 59. 37:07 Viewing Data Properties (Project File is Available) 60. 37:30 Loop In & Out (Project File is Available) Let's Connect: Facebook: https://www.facebook.com/ukramedia Sergei's Facebook Page: https://www.facebook.com/sergeiprokhnevskiy/ Twitter: https://twitter.com/ukramedia Instagram: https://www.instagram.com/ukramedia/ Pinterest: https://www.pinterest.com/ukramedia/ Linkedin: https://www.linkedin.com/company/ukramedia YouTube: https://www.youtube.com/c/ukramedia Ukrameida Online Community: https://www.ukramedia.com/community Mailing Address: P.O. Box 621 Huntersville, NC 28070 *** MUSIC BY VLAD SOLOKHA. Vlad is a family friend who is a very talented musician. You can reach out to him by going to his Facebook at https://www.facebook.com/vlad.solokha?fref=ts. #AfterEffects #AfterEffectsTutorial #AfterEffectsTips

Target UI Panel contains creative panel screens ,UI shows the on going visuals on screen

100 ANIMATED ELEMENTS PACK created special for your videos. Each element has an animation, and almost all of them are looped. There is a few types of elements: Banners, Circles, Code, Frames, Grids, Info, Lines, Maps, Small, Miscellaneous, Square. Inside you’ll find 100 .mp4 files and also small tutorial about how to use them in […]

In this tutorial, we’re going to look at some compositing tips for sci-fi Heads Up Displays in After Effects. Tutorial includes free project files!

This was a project done while tutoring: https://www.instagram.com/mohamedaslim ******** The project file: https://www.patreon.com/posts/41762815 ******** Dennis work: https://www.behance.net/hramovsky