Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

4,755 views

Published on

  • If you need your papers to be written and if you are not that kind of person who likes to do researches and analyze something - you should definitely contact these guys! They are awesome ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Best dissertation help you can get, thank god a friend suggested me ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ otherwise I could have never completed my dissertation on time.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you are looking for customer-oriented academic and research paper writing service try ⇒⇒⇒ WRITE-MY-PAPER.net ⇐⇐⇐ liked them A LOTTT Really nice solutions for the last-day papers
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Finally found a service provider which actually supplies an essay with an engaging introduction leading to the main body of the exposition Here is the site ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I have done a couple of papers through ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ they have always been great! They are always in touch with you to let you know the status of paper and always meet the deadline!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼

  1. 1. UI 7Bump Recorder UI
  2. 2. • - uPhyca• Blog : Y.A.M http://y-anz-m.blogspot.com• : Android Layout Cookbook• Twitter : @yanzm• Android• GTUG Girls
  3. 3. Bump Recorder • •→ • = Start
  4. 4. ...
  5. 5. 1.
  6. 6. • Instant Heart Rate • https://market.android.com/details?id=si.modula.android.instantheartrate• RunKeeper • https://market.android.com/details?id=com.fitnesskeeper.runkeeper.pro• Endomondo Sports Tracker • https://market.android.com/details?id=com.endomondo.android• Sports Tracker • https://market.android.com/details?id=com.stt.android• SportsTracker (by STL) • https://market.android.com/details? id=com.sportstracklive.android.ui.activity.lite• My Tracks • https://market.android.com/details?id=com.google.android.maps.mytracks
  7. 7. My Tracks Sports Tracker (by STL) Sports Tracker
  8. 8. 2.
  9. 9. • NoTitleBar• View Action Bar• • ••
  10. 10. • View• View• px → dip layout_weight
  11. 11. 3.
  12. 12. ••
  13. 13. 4.
  14. 14. 1••→ • • → #00ccff
  15. 15. 1• →• #00ccff #7fe5ff #006088 #007a98 6
  16. 16. • & →• & #000000 #ffffff 1 2 #006088 #007a98
  17. 17. 2• <shape> Action Barres/drawable/title_bg.xml<shape xmlns:android="http://schemas.android.com/apk/res/android" >    <gradient        android:angle="90"        android:endColor="#007a98"        android:startColor="#006088" /></shape> #006088 #007a98 6
  18. 18. •• : #e67e75   HSV : 5, 49, 90 : #75b4e6   HSV : 207, 49, 90 : #afe675   HSV : 89, 49, 90 : #f0d67a   HSV : 47, 49, 94
  19. 19. 5.
  20. 20. Action Bar• <shape> <selector><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_pressed="true">        <shape>            <gradient android:angle="90" android:endColor="#99002e"android:startColor="#800026" />            <corners android:radius="5dip" />        </shape>    </item>    <item>        <shape>            <gradient android:angle="90" android:endColor="#007a99"android:startColor="#006088" />            <corners android:radius="5dip" />        </shape>    </item></selector>
  21. 21. 6.
  22. 22. ... • GPS ON/OFF ← Intent intent = new Intent (Settings.ACTION_LOCATION_SOURCE_SETTINGS); intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); intent.addCategory(Intent.CATEGORY_DEFAULT); startActivity(intent);
  23. 23. 7.
  24. 24. • UI• ListView 1
  25. 25. ...•• Javadoc• Android AOSP • ... • prefix m • static prefix s• static final hogehoge• ....

×