minimal, etc.) can make a design look sloppy or unprofessional. Mixing and matching icons with different line weights, fills, and visual styles (rounded vs. Downloading icons from the same collection, or at least the same creator, will help you maintain consistency across graphic styles. Getting Started: Find the Best Icons for Your UI Design on Noun Projectįirst, search on Noun Project to find a set of icons to use in your UI design. A playful burst of stars can make a user feel rewarded, and you can also convey a sense of trustworthiness and professionalism by making smooth, seamless movements across your page play out as a cohesive brand narrative. Think of when a button changes color as your cursor hovers over it – this sends a clear message that it can be clicked and isn’t merely a piece of decoration or body copy on your page.įinally, animating icons can add a “surprise and delight” to your UI design. While static icons on a page are helpful for app navigation, animations and “microinteractions” help give immediate visual feedback, hints, and nudges that tell your users what they can interact with and how they can interact. Arrows, home buttons, hamburger menus and “settings” gear icons have become so commonplace that we can quickly find what we need on a wide variety of apps and services without puzzling your way through the layout. As users interact with your product or service, they’ll rely on a series of familiar icons and visual conventions to usher them through the experience and help them find what they need. Icons are critical for any great web or mobile app design. Why Add Animated Microinteractions to Your UI? In this tutorial, we’re going to give you some quick tips on using Figma’s “Smart Animate” tool to animate icons in your UI Design. UX and UI designers frequently turn to Figma for its versatility, and the speed with which they can take an idea and flesh it out to a fully-functioning prototype for an app or website. Figma is one of the leading (and most accessible) collaborative platforms for designing, prototyping, and developing stellar user interfaces and experiences.
0 kommentar(er)
