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

3,036 views

Published on

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

  1. EventR An Event Collector App for Android Mobile Social Networking Nepal http://mobilenepal.netSaturday, December 22, 12
  2. the idea “ ” Events from communities I like.Saturday, December 22, 12
  3. the flow Objective Requirement Mockups of the app collection Coding & Interface development designsSaturday, December 22, 12
  4. MockupsSaturday, December 22, 12
  5. DesignsSaturday, December 22, 12
  6. Resolution Screen Density Density-independent Pixel (dp) a little more on designSaturday, December 22, 12
  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. 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. 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. Start with a 72 resolution document for a baseline160dpi 320x533 device a little more on designSaturday, December 22, 12
  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. http://developer.android.com/design/patterns/index.html resourcesSaturday, December 22, 12
  13. http://developer.android.com/design/downloads/index.html resourcesSaturday, December 22, 12
  14. http://coding.smashingmagazine.com/2011/06/30/designing-for-android/ resourcesSaturday, December 22, 12
  15. http://mobile.smashingmagazine.com/2012/07/26/android-design-tips/ resourcesSaturday, December 22, 12

×