これだけは知っておけ！はじめてのAndroidアプリデザイン
•
6 j'aime•2,573 vues
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/684/room ーーーーーーーーーーーーーーーーーーーーーーー
Recommandé
Contenu connexe
Tendances
En vedette
En vedette (20)
Plus de schoowebcampus
Plus de schoowebcampus (20)
Dernier
Dernier (8)
これだけは知っておけ！はじめてのAndroidアプリデザイン
- 2. • • 「気 持ちいい」をデザインする会社 PC / iPhone / iPad / Android / and more...
- 8. > Android Fragmentation Report July 2013 - OpenSignal Android あるある1
- 9. > Android Fragmentation Report July 2013 - OpenSignal
- 10. > Android Fragmentation Report July 2013 - OpenSignal Android あるある1
- 11. > Android Fragmentation Report July 2013 - OpenSignal Android あるある1
- 15. Why ? Android の Default UI iOS の UI をまねることで、 余計に工数がかかる （こともある） ？ ANA
- 20. 12:00 UI Android - Default UI http://developer.android.com/design/patterns/index.html
- 24. Android - Default UI 12:00
- 25. Android - Default UI Default UIを使ったほうがよい 理由を、他に3つ考えよ。 問題
- 26. • Default UI • OS • • • 答え
- 27. res/menu/activity_main.xml <menu> ∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼ <item android:id="@+id/action_delete" android:icon="@drawable/ic_action_delete" android:title="@string/action_delete" android:showAsIcon="ifRoom" /> ∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼∼ </menu> ＃これだけだと、Android 2.x 以下ではメニューキーにて呼び出される
- 32. Good samples iOS と Android で UI をうまく使い分けている例 12:00 Android Expedia
- 33. Good samples iOS と Android で UI をうまく使い分けている例 12:00 Android Dropbox
- 35. 基本的な Default UI
- 36. Galaxy S4 Nexus 5
- 37. Action Bar 12:00 Android 3.0 UI 基本的な Default UI
- 38. Action Bar 基本的な Default UI
- 39. Action Bar 基本的な Default UI 1. App icon
- 40. Action Bar 基本的な Default UI 1. App icon
- 41. Action Bar 基本的な Default UI 2. View control • app name • tab controls • drop-down menus
- 42. Action Bar 基本的な Default UI 3. Action buttons • most important actions
- 43. Action Bar 基本的な Default UI 4. Action overflow • more buttons
- 44. Action Bar 基本的な Default UI
- 45. View controls 基本的な Default UI • app name
- 46. View controls 基本的な Default UI • tab controls
- 47. 基本的な Default UI
- 48. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、 Tab controlsはどのように 配置されるでしょう？ 問題
- 49. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Tab controlsはどのように 配置されるでしょう？ Schoo Tab Swipe Sample 1 縦と同じように、 二段目にタブ 問題
- 50. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Tab controlsはどのように 配置されるでしょう？ Schoo Tab Swipe S. 2 1行でおさめて、 左側3分の1にタイトル 右側3分の2にタブ タブはスクロールされる 問題
- 51. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Tab controlsはどのように 配置されるでしょう？ 3 1行でおさめて、 タブが5つ全部表示される 問題
- 52. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Tab controlsはどのように 配置されるでしょう？ Schoo Tab Swipe Sample Schoo Tab Swipe S. 3 2 1 問題
- 53. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Tab controlsはどのように 配置されるでしょう？ Schoo Tab Swipe Sample Schoo Tab Swipe S. 3 2 1 問題
- 55. 基本的な Default UI 7 inch5 inch 等間隔に配置 縦持ち
- 56. 基本的な Default UI 5 inch 7 inch 等間隔に配置 等間隔に配置 横持ち
- 57. View controls 基本的な Default UI • drop-down menu
- 58. 基本的な Default UI
- 59. 基本的な Default UI
- 60. Action buttons Action overflow 基本的な Default UI
- 61. Action buttons Action overflow 基本的な Default UI
- 62. Action buttons Action overflow 基本的な Default UI
- 63. 基本的な Default UI 新規作成 編集 削除 更新 検索 Action buttons Action overflow
- 64. 基本的な Default UI 新規作成 編集 削除 更新 検索 Action buttons Action overflow 常に出す スペースがあれば出す 出さない
- 65. Action buttons Action overflow 基本的な Default UI
- 66. Action buttons Action overflow 基本的な Default UI
- 67. Action buttons Action overflow 基本的な Default UI
- 68. Action buttons Action overflow 基本的な Default UI
- 69. 基本的な Default UI Split action bar Action bar
- 70. Split action bar 上下にわかれた Action bar 基本的な Default UI スペースがなかったら 上下に分かれなさい！
- 71. Split action bar 上下にわかれた Action bar 基本的な Default UI 5インチのスマートフォンで横持ちの場合、 Split action barの指定をすると、 ボタンはどのように配置されるでしょう？ 問題
- 72. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Split action barの 指定をすると、ボタンはどのように配置されるでしょう？ 1 縦持ちのときと同じように、 上下に分かれて、すべてが出る 問題
- 73. 基本的な Default UI 2 スペースに余裕があるので、 右上に配置され、すべて出る 5インチのスマートフォンで横持ちの場合、Split action barの 指定をすると、ボタンはどのように配置されるでしょう？ 問題
- 74. 基本的な Default UI 3 右上に配置されるが、 全部は出ない 5インチのスマートフォンで横持ちの場合、Split action barの 指定をすると、ボタンはどのように配置されるでしょう？ 問題
- 75. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Split action barの 指定をすると、ボタンはどのように配置されるでしょう？ 32 1 問題
- 76. 基本的な Default UI 5インチのスマートフォンで横持ちの場合、Split action barの 指定をすると、ボタンはどのように配置されるでしょう？ 32 1 問題
- 82. 混乱しやすい例 基本的な Default UI Tab bar > iOS ヒューマンインターフェイスガイドライン p.142
- 86. 基本的な Default UI
- 88. Action Barのデザイン
- 90. Action Barのデザイン More more designs! http://aadesigns.info/guideline/android-4-4-kitkat-design/
- 93. AppName TabName TabName TabName [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] Interfaceを削除する方法 - おせわに なっております、秋葉です。さきほどは ... 17:49Chihiro.Akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba 144 48 96 144 3624 12 54pt 42pt 36pt よく使う余白ブロック（px） Roboto Bold Roboto Regular 3px 6px 9px [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba よく使う要素ブロック（px） 画像要素などでよく使う大きさのブロックです。 よく使うフォントサイズ フォントはあまりたくさん使わずに、 できるだけこの 3 種類におさえま しょう。 余白で使うブロックです。 だいたいの大きさにあわせて大きさを調整 すれば、それだけできれいなレイアウトに。 コピペしてぺたぺた使えます。 よく使うフォント 英語は「Roboto」、日本語は「モ トヤ マルベリ」にしましょう。モ トヤ マルベリがない場合は「ヒラ ギノ丸ゴ / 角ゴ」あたりが無難です。 font-weight は 2 種類（Bold/Regular）で考えましょう。 よく使うライン むやみに太さを変えず、できるだけ この 3 種類におさえましょう。
- 94. AppName TabName TabName TabName [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] Interfaceを削除する方法 - おせわに なっております、秋葉です。さきほどは ... 17:49Chihiro.Akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba 144 48 96 144 3624 12 54pt 42pt 36pt よく使う余白ブロック（px） Roboto Bold Roboto Regular 3px 6px 9px [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba よく使う要素ブロック（px） 画像要素などでよく使う大きさのブロックです。 よく使うフォントサイズ フォントはあまりたくさん使わずに、 できるだけこの 3 種類におさえま しょう。 余白で使うブロックです。 だいたいの大きさにあわせて大きさを調整 すれば、それだけできれいなレイアウトに。 コピペしてぺたぺた使えます。 よく使うフォント 英語は「Roboto」、日本語は「モ トヤ マルベリ」にしましょう。モ トヤ マルベリがない場合は「ヒラ ギノ丸ゴ / 角ゴ」あたりが無難です。 font-weight は 2 種類（Bold/Regular）で考えましょう。 よく使うライン むやみに太さを変えず、できるだけ この 3 種類におさえましょう。
- 95. AppName TabName TabName TabName [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] Interfaceを削除する方法 - おせわに なっております、秋葉です。さきほどは ... 17:49Chihiro.Akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba 144 48 96 144 3624 12 54pt 42pt 36pt よく使う余白ブロック（px） Roboto Bold Roboto Regular 3px 6px 9px [tuqulore] 音楽を再生するときのバグ - おせわに なっております、秋葉です。さきほどは ... 17:49hideki.akiba よく使う要素ブロック（px） 画像要素などでよく使う大きさのブロックです。 よく使うフォントサイズ フォントはあまりたくさん使わずに、 できるだけこの 3 種類におさえま しょう。 余白で使うブロックです。 だいたいの大きさにあわせて大きさを調整 すれば、それだけできれいなレイアウトに。 コピペしてぺたぺた使えます。 よく使うフォント 英語は「Roboto」、日本語は「モ トヤ マルベリ」にしましょう。モ トヤ マルベリがない場合は「ヒラ ギノ丸ゴ / 角ゴ」あたりが無難です。 font-weight は 2 種類（Bold/Regular）で考えましょう。 よく使うライン むやみに太さを変えず、できるだけ この 3 種類におさえましょう。 http://goo.gl/XepQd
- 100. • • 「気 持ちいい」をデザインする会社 PC / iPhone / iPad / Android / and more...
- 102. • • • Android
- 103. •
- 104. > Android Fragmentation Report July 2013 - OpenSignal 前回の 復習
- 106. Android - Default UI 12:00 前回の 復習
- 107. Android - Default UI 前回の 復習 ActionBar
- 109. 前回の 復習
- 110. 前回の 復習
- 112. 9-patch
- 119. 引き伸ばされる領域 9スライス
- 120. 1x1 px 1px line
- 125. 伸びるところ
- 137. このデザインに関しては 結果は同じ
- 143. 同じ色
- 150. 大きな グラデーション
- 156. 同じ色 同じ色
- 165. コンテンツが入り込むエリア
- 166. 余白
- 167. 余白
- 168. 余白
- 170. B A
- 171. button_bg .png
- 172. button_bg .png.9
- 173. main.xml <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_bg" android:text="撮影する" />
- 174. <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_bg" android:text="撮影する" android:padding="15dp" /> main.xml
- 177. 9-patchでの余白
- 198. 重なっている！！
- 199. 重なってしまった例
- 204. @akai_t