Polished, expressive icons can also hint at an app’s personality and even its overall level of quality. A unique, memorable icon evokes your app and can help people recognize it at a glance on the desktop, in Finder, and in the Dock. If( expandCollapse,300*(AnimationTimer.Value/AnimationTimer.Duration),300*(1-(AnimationTimer.Value/AnimationTimer. Beautiful app icons are an important part of the user experience on all Apple platforms.
![ux apps icon ux apps icon](https://c8.alamy.com/comp/2AH3K5F/electric-water-heater-app-icon-heating-water-home-boiler-uiux-user-interface-web-or-mobile-application-vector-isolated-illustration-2AH3K5F.jpg)
First, we will insert a Timer and set the following properties as follow: To add animation, we simply tweak the height formula above. That was makes this expander collapse and expand. Adobe Photoshop CC is used to create raster designs with such effects as reflections and shadows. Here are some of the most popular tools for app icon design: Adobe Illustrator CC is a good old tool to create complex vector designs.
#UX APPS ICON SOFTWARE#
We use the same variable expandCollapse to determine if the height of the expander content is set to 0 or 300 in this case. To make an icon for a mobile app pick software that allows you to export files in PNG format.
![ux apps icon ux apps icon](https://cdn3.iconfinder.com/data/icons/essential-5/32/75-Write-512.png)
We are also using that variable to show and hide the appropriate collapse button depending on the state of the expander. In the above steps, we are toggling the value to expandCollapse between false and true on the OnSelect event. We wire up the expand/collapse buttons bellow as follow: We arrange the above elements to create the expander below. Let’s start by laying out the UI elements needed for the expander control I’ve laid this out in easy to follow screen shots below so you can easily replicate this idea in your own PowerApp! We will start with a simple expander that show/hide content and we will finish by adding a expand/collapse animation (linear but in theory, we should be able to add easing In/out).
![ux apps icon ux apps icon](https://thumbs.dreamstime.com/z/different-ui-ux-gui-screens-flat-web-icons-mobile-apps-different-ui-ux-gui-screens-flat-web-icons-mobile-apps-159008412.jpg)
An expander control can be useful to show and hide sections of your UI and therefore declutter your app. In this blog post, we will create an expander control.