While making an android app there is a very common problem to decide what type of design we should choose and how to make our design impressive. Because for any app UI and UX are the parameters of popularity.
In this blog we will learn how to choose right design patterns and how we can make our design awesome with some tips.
- The first and most important thing to design a fabulous UI is to think like a user. If you can think what a user will like in the app, then you can design best.
- Choose best relevant color scheme for app. For color schemes visit Material Design Color Palette Generator.
- Sketch all pages of the app. For inspiration on how the apps design should look according to the requirements, have a look of some samples at here.
- Design must be in such a way that user can understand the flow of app as soon as he opens the app, he must not need to read a manual to understand that.
- Try to use appropriate shadows and round corners for buttons and lists:
For attractive design everyone suggests to use shadow for items. But when we use “elevation” attribute for shadow, in most of cases it does not work.
Here are some alternative solutions with those shadow can be draw easily.
I. Use CardLayout as a container for views it will solve the problem in most of the cases.
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_gravity="center" android:layout_width="200dp" android:layout_height="200dp" card_view:cardCornerRadius="4dp"> <TextView android:id="@+id/info_text" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.v7.widget.CardView>
II. You can try to make a shadow drawable xml file and set it the background for container of view.
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#CABBBBBB"/> <corners android:radius="2dp" /> </shape> </item> <item android:left="0dp" android:right="0dp" android:top="0dp" android:bottom="2dp"> <shape android:shape="rectangle"> <solid android:color="@android:color/white"/> <corners android:radius="2dp" /> </shape> </item> </layer-list>
III. Shadow can be generated also with 9 patch image, generate a 9 patch and use that as background to create shadow.