Polishing a UI Tips and Tools - meswapnilwagh/android_guides GitHub Wiki

Overview

Building beautiful Android apps starts with understanding how to approach building a delightful UI and each of the components that contributes:

Polishing up the user interface of your application starts with the following enhancements:

1. Benchmarking to Adhere to Good Designs - Check out the following sites or these material design examples for looking at how popular apps look and feel.
2. Pick a Vibrant Color Scheme - Pick a primary color and a secondary color for coloring your app using a sensible color scheme. Check out material palette or the coolors generator for other takes on picking colors.
3. Use Proper Icons and Colorful Images - Use images, icons and backgrounds for your UIs leveraging resources like MaterialDesignIcons, IconFinder, iconmonstr, NounProject, flickr and Google Image Search to locate relevant assets. Adhere carefully to the iconography style guidelines for Android
4. Review Typography - Check out the typography guide to understand the common font types for Android apps and default type colors and sizes. See the calligraphy library for easy custom fonts.
5. Apply backgrounds and borders to views and layouts - Use shape and layer drawables cliffnotes to create colorful backgrounds and borders to your buttons, listviews, and other views. See the material card view for a look at modern styles for lists.
6. Improve ActionBar and Navigation Appearance - Review our style guides for the ActionBar and Tabs guide. See generators linked in next section.
7. Follow Android UI Standards - Use modern material design guidelines, common navigation styles and proper app guidelines and be sure to design for Android.
8. Implement Intermediate UI Elements - Make sure to add progress bars when loading, along with placeholders for images and empty states in cases when there's no content.

Tips and Tools

Simple guide for improving the UI for any application including links to tools:

1. Catchy Title - Pick a creative single word name for your application
2. Launcher Icon - Select a pleasant launcher icon (create a launcher icon and update in manifest)
3. Design Guidelines - Review these design cliffnotes for an overview of design guidelines and patterns.

• Material Design Primer - Quick overview of all things related to material design
• Core Principles - Core motivating principles of Android UI
• Pure Android - Simple guidelines for following Android standards
• App Structure - Guidelines for general app structure

4. Benchmarking - Check out the following sites for looking at how popular apps look and feel
5. Styling with Generators

• Style ActionBar - Customize the ActionBar with this generator, copy over the files, and apply the theme.
• Style Views - Customize the View control colors using the Holo Colors Generator
• Style Drawables - Customize drawables using the Drawable Style Generator

Further Reading

Additional reading:

• Review the screen styling FAQ.
• Review the material design primer.
• Review the complete drawables cliffnotes
• Review the styles and themes cliffnotes
• Review our styling the ActionBar guide
• Review our styling tabs guide

References

• original gist here