0
EventR      An Event Collector App for Android                                           Mobile Social Networking Nepal   ...
the idea                   “                                      ”                            Events from communities I l...
the flow                    Objective       Requirement    Mockups                       of the app     collection        ...
MockupsSaturday, December 22, 12
DesignsSaturday, December 22, 12
Resolution    Screen Density    Density-independent Pixel (dp)              a little more on              designSaturday, ...
Resolution    Total number of physical pixels on a screen     Examples               320x533 480x800    Screen Density    ...
Resolution    Screen Density                                            ldpi   mdpi                                       ...
Resolution    Screen Density    Density-independent Pixel (dp)     pixels = DP * (DPI / 160)                              ...
Start with a 72 resolution document                            for a baseline160dpi 320x533 device              a little m...
Export bitmaps for the 4 screen densities:                                   120, 160, 240, 320                           ...
http://developer.android.com/design/patterns/index.html              resourcesSaturday, December 22, 12
http://developer.android.com/design/downloads/index.html              resourcesSaturday, December 22, 12
http://coding.smashingmagazine.com/2011/06/30/designing-for-android/              resourcesSaturday, December 22, 12
http://mobile.smashingmagazine.com/2012/07/26/android-design-tips/              resourcesSaturday, December 22, 12
Upcoming SlideShare
Loading in...5
×

EventR - A UI Perspective and basic design considerations for an android app

2,556

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,556
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
48
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "EventR - A UI Perspective and basic design considerations for an android app"

  1. 1. EventR An Event Collector App for Android Mobile Social Networking Nepal http://mobilenepal.netSaturday, December 22, 12
  2. 2. the idea “ ” Events from communities I like.Saturday, December 22, 12
  3. 3. the flow Objective Requirement Mockups of the app collection Coding & Interface development designsSaturday, December 22, 12
  4. 4. MockupsSaturday, December 22, 12
  5. 5. DesignsSaturday, December 22, 12
  6. 6. Resolution Screen Density Density-independent Pixel (dp) a little more on designSaturday, December 22, 12
  7. 7. Resolution Total number of physical pixels on a screen Examples 320x533 480x800 Screen Density Density-independent Pixel (dp) a little more on designSaturday, December 22, 12
  8. 8. Resolution Screen Density ldpi mdpi 120 160 Quantity of pixels within a physical area of the screen dots per inch hdpi xhdpi (dpi) 240 320 Density-independent Pixel (dp) a little more on designSaturday, December 22, 12
  9. 9. Resolution Screen Density Density-independent Pixel (dp) pixels = DP * (DPI / 160) Bitmap scaling ratio: 3:4:6:8 a little more on designSaturday, December 22, 12
  10. 10. Start with a 72 resolution document for a baseline160dpi 320x533 device a little more on designSaturday, December 22, 12
  11. 11. Export bitmaps for the 4 screen densities: 120, 160, 240, 320 For a 48x48 icon from our baseline mdpi design (320x533) 36x36 for ldpi (x0.75) 48x48 for mdpi (baseline) 72x72 for hdpi (x1.5) 96x96 for xhdpi (x2) a little more on designSaturday, December 22, 12
  12. 12. http://developer.android.com/design/patterns/index.html resourcesSaturday, December 22, 12
  13. 13. http://developer.android.com/design/downloads/index.html resourcesSaturday, December 22, 12
  14. 14. http://coding.smashingmagazine.com/2011/06/30/designing-for-android/ resourcesSaturday, December 22, 12
  15. 15. http://mobile.smashingmagazine.com/2012/07/26/android-design-tips/ resourcesSaturday, December 22, 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×