Android Pattern Cookbook で見るトレンドの変遷

20,809 views
20,554 views

Published on

Android Bazaar and Conference 2014 Spring の資料

Published in: Technology
0 Comments
77 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
20,809
On SlideShare
0
From Embeds
0
Number of Embeds
7,351
Actions
Shares
0
Downloads
72
Comments
0
Likes
77
Embeds 0
No embeds

No notes for slide

Android Pattern Cookbook で見るトレンドの変遷

  1. 1. Android Pattern Cookbook でみる トレンドの変遷
  2. 2. • blog : Y.A.M の雑記帳 • y-anz-m.blogspot.com • twitter : @yanzm (やんざむ) • uPhyca Inc. (株式会社ウフィカ) あんざいゆき
  3. 3. New
  4. 4. https://play.google.com/store/apps/details? id=yanzm.products.patterncookbook
  5. 5. 目次 1章 : Structure - アプリの構成と階層 2章 : Branding - オリジナリティを出す 3章 : Helps - ユーザーを導く 4章 : ViewPager - 画面切り替えの定番 5章 : Support Tablet - 柔軟性のあるレイアウト 6章 : CustomView - 思い通りのレイアウト 7章 : Advanced - 1つ上のカスタマイズ
  6. 6. 1章 : Structure - アプリの構成と階層
  7. 7. NavigationDrawerのガイドライン化 Foursquare
  8. 8. NavigationDrawerのガイドライン化 YouTube
  9. 9. NavigationDrawerのガイドライン化 Google+
  10. 10. NavigationDrawerのガイドライン化 Google+
  11. 11. NavigationDrawerのガイドライン Navigation Indicator リストのアイコンは左 リストのカウンターは右
  12. 12. ガイドラインにそってない Evernote
  13. 13. びみょうにガイドラインにそってない Feedly
  14. 14. NavigationDrawerではない SlidingPaneLayout(5章で登場)
  15. 15. 上部にユーザー情報
  16. 16. アカウント切り替えの新しいモデル
  17. 17. 2章 : Branding - オリジナリティを出す
  18. 18. ActionBarとコンテンツの配色 = 雰囲気
  19. 19. ActionBarの背景
  20. 20. ActionBarの背景
  21. 21. フレームワークのActionBar
  22. 22. 相変わらずオリジナルのActionBar
  23. 23. android:fontFamily sans-serif-thin sans-serif-condensed
  24. 24. 3章 : Helps - ユーザーを導く ヘルプポップアップ チュートリアル
  25. 25. ヘルプポップアップ - 吹き出し
  26. 26. ヘルプポップアップ - 丸
  27. 27. ヘルプポップアップ - アニメーション
  28. 28. 空ページにインストラクション
  29. 29. チュートリアル
  30. 30. チュートリアル
  31. 31. チュートリアル
  32. 32. 4章 : ViewPager - 画面切り替えの定番 ヘルプポップアップ チュートリアル
  33. 33. スクロールできるタブ
  34. 34. タイトル
  35. 35. インディケータ
  36. 36. ページ切り替え時のエフェクト デモアプリでみるべし
  37. 37. 5章 : Support Tablet - 柔軟性のあるレイアウト スケールアップ フローティング Macro Reflow(並び替え) Lists to Grids タブの展開表示 メニューの展開表示 Master/Detailパターン SlidingPaneLayout
  38. 38. スケールアップ
  39. 39. フローティング
  40. 40. MacroReflow(並び替え)
  41. 41. MacroReflow(並び替え)
  42. 42. MacroReflow - グリッド数
  43. 43. MacroReflow - グリッド数
  44. 44. Lists to Grids
  45. 45. Lists to Grids
  46. 46. タブの展開表示
  47. 47. タブの展開表示
  48. 48. メニューの展開表示
  49. 49. Master/Detailパターン
  50. 50. Master/Detailパターン
  51. 51. SlidingPaneLayout
  52. 52. SlidingPaneLayout
  53. 53. 6章 : CustomView - 思い通りのレイアウト 正方形のImageViewの作り方とか
  54. 54. 7章 : Advanced - 1つ上のカスタマイズ カードUI ショーケース スワイプオフできるリスト ヘッダーが残るリスト スクロール位置に応じて透明度が変わるAction Bar ログイン画面 オリジナルのプログレス 下にスワイプして更新 …
  55. 55. カードUI
  56. 56. ショーケース
  57. 57. ショーケース
  58. 58. ショーケース
  59. 59. スワイプオフ
  60. 60. ヘッダーが残るリスト
  61. 61. スクロール位置に応じて透明度が変わるActionBar
  62. 62. ログイン画面
  63. 63. ログイン画面
  64. 64. ログイン画面
  65. 65. ログイン画面
  66. 66. オリジナルのプログレス デモアプリをみて!
  67. 67. 下にスワイプして更新
  68. 68. New このあとバザールのインプレスブースで サイン会します! ありがとうございました。

×