background preloader

Iconography

An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen. Launcher The launcher icon is the visual representation of your app on the Home or All Apps screen. Sizes & scale Launcher icons on a mobile device must be 48x48 dp. Proportions Style

http://developer.android.com/design/style/iconography.html

Menus Menus are a common user interface component in many types of applications. To provide a familiar and consistent user experience, you should use the Menu APIs to present user actions and other options in your activities. Beginning with Android 3.0 (API level 11), Android-powered devices are no longer required to provide a dedicated Menu button. With this change, Android apps should migrate away from a dependence on the traditional 6-item menu panel and instead provide an action bar to present common user actions. Although the design and user experience for some menu items have changed, the semantics to define a set of actions and options is still based on the Menu APIs. This guide shows how to create the three fundamental types of menus or action presentations on all versions of Android:

Android UI Design Kit PSD 4.2 [Free Download] In August 2012, Android ICS/JB Photoshop GUI Design Kit 3.0 was published with some new Jelly Bean UI elements, and until today, the Design Kit has been downloaded over 21,000 times since the very first version back in December 2011 – not a huge number, but it is putting a smile on my face. It’s really nice to see there are many designers interested in Android Design and used the Design Kit to kick-start their design work in Android app. A big thank you to everyone that is using the design kit and I really hope it helps in your Android app design workflow in some way. And today, I have finally updated the Android UI Design Kit PSD to version 4.2, with the size of Nexus 4 screen resolution (768×1280), as requested by many supporters. Besides the resolution update, I have also added a few new UI elements into the Design Kit: Cards (Google Now)CroutonDrawer MenuQuick ReturnUndo BarGestures

Graphic assets, screenshots, and video - Android Developer Help Use screenshots to convey capabilities, the look and feel, and experience of your app to potential users for better app discovery and decision making. You can add up to 8 screenshots for each supported device type: Phone, Tablet (7-inch & 10-inch), Android TV, and Wear OS by Google. Your screenshots are displayed on your app’s store listing on the Play Store Android app and website. If your promo video is available, your screenshots will be shown after the promo video, followed left-to-right by the screenshots best suited for the device the user is browsing on. On the Google Play web store (play.google.com), phone screenshots are prioritized and appear before screenshots for other device types. Note: On the Play Store Android app:

Free Wireframing Kits, UI Design Kits, PDFs and Resources Advertisement To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. Making Beautiful Android App Icons Posted by Roman Nurik, Android Developer Relations For most users, the launcher icon (sometimes referred to as the app icon) is the first impression of your app. As higher density screens on both phones and tablets gain popularity, it's important to make sure your launcher icon is crisp and high quality. To do this, make sure you’re including XHDPI (320dpi) and XXHDPI (480dpi) versions of the icon in your app. In addition to the current launcher icon guidelines, please also refer to these additional important guidelines when creating your icons:

Tabs Developer Docs Creating Swipe Views with Tabs Tabs in the action bar make it easy to explore and switch between different views or functional aspects of your app, or to browse categorized data sets. For details on using gestures to move between tabs, see the Swipe Views pattern. User Experience Trends for Admin Dashboards The design techniques for admin dashboards are not as openly shared as website layouts. This is because you do not always find examples of admin designs open on the web. To gain access you would need a user/password combo, so designers are often left building with trends found in other examples. But the dashboard interface has grown very quickly as a popular layout style for administrators. In this article I want to look into various styles and ideas for creating administration dashboard pages.

Making it Work: Flat Design and Color Trends We’ve talked a lot here about the flat design trend here at Designmodo. We’ve raved about it, showed you plenty of cool examples and even developed a free user interface kit for you to download and use for projects. But what if you want to do it yourself?

Related: