To ensure designing consistency of every page, we have to make some design conventions to font size, font color, font family, icon width, icon style ect. Even there are some common design conventions but each page of the app has some thing unique, that`s the reason why this wiki was divided into different articles and named by page name.

header

1. height:
2. width: match_parent

ListView

1. font size:14sp
2. font color:#282828
3. font family:default

Item height (the same height with Tabfragment)

1. height:48dp
2. padding:10dp

icon

android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_alignParentBottom="true" android:layout_alignParentTop="true" android:layout_marginRight="8dp" android:paddingBottom="4dp"

title

android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginRight="36dp" android:layout_toRightOf="@id/list_item_icon" android:layout_toLeftOf="@id/list_item_action" android:lines="1" android:singleLine="true" android:textColor="#282828" android:textSize="14sp"

arrow

android:id="@+id/list_item_action" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="12dp" android:layout_width="wrap_content" android:layout_height="fill_parent"

Convention

• not clickable buttons should use light_gray color, so does the icon or imageview
• clickable buttons or icons or imageview should use black color
• icon normal size should be 48*48, with .png file extension
• icon bigger size should be 72*72, with .png file extension

drawable Resource folders

drawable-hdpi

• small:
• normal:48*48
• big:72*72

drawable-ldpi

• normal:36*36

drawable-mdpi

• small:24*24
• normal:32*32
• big:48*48

drawable-nodpi

• small:not regular
• normal:40*40
• big:72*72

drawable-xhdpi

• small:none
• normal:60*60
• big:96*96