Suche senden
Hochladen
Abc2012f adamrocker
•
18 gefällt mir
•
1,712 views
adamrocker
Folgen
Create an app following the android design
Weniger lesen
Mehr lesen
Melden
Teilen
Melden
Teilen
1 von 39
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
ボクの開発スタイル
ボクの開発スタイル
Yuki Anzai
Android エンジニア あるある
Android エンジニア あるある
hidemichi kumazawa
「Camelog」Android開発秘話
「Camelog」Android開発秘話
Shoya Tsukada
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
キーボードアプリとSketchのススメ
キーボードアプリとSketchのススメ
Yuichi Yoshida
これだけは知っておけ!はじめてのAndroidアプリデザイン
これだけは知っておけ!はじめてのAndroidアプリデザイン
schoowebcampus
Viewのキャプチャを撮ってみる
Viewのキャプチャを撮ってみる
Yoshihiro Wada
Android Design Mini Session 09/06 2012
Android Design Mini Session 09/06 2012
adamrocker
Empfohlen
ボクの開発スタイル
ボクの開発スタイル
Yuki Anzai
Android エンジニア あるある
Android エンジニア あるある
hidemichi kumazawa
「Camelog」Android開発秘話
「Camelog」Android開発秘話
Shoya Tsukada
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
キーボードアプリとSketchのススメ
キーボードアプリとSketchのススメ
Yuichi Yoshida
これだけは知っておけ!はじめてのAndroidアプリデザイン
これだけは知っておけ!はじめてのAndroidアプリデザイン
schoowebcampus
Viewのキャプチャを撮ってみる
Viewのキャプチャを撮ってみる
Yoshihiro Wada
Android Design Mini Session 09/06 2012
Android Design Mini Session 09/06 2012
adamrocker
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
adamrocker
WordPress REST API とリアクティブプログラミング
WordPress REST API とリアクティブプログラミング
Hiromasa Tanaka
Vue.js ハンズオン資料
Vue.js ハンズオン資料
よしだ あつし
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5
Hayato Koriyama
Vue.jsでさくっとMVVM
Vue.jsでさくっとMVVM
Satoshi Anai
Electron, databases, and RxDB
Electron, databases, and RxDB
Ben Gotow
droidgirls Recyclerview
droidgirls Recyclerview
Yuki Anzai
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
Hiromasa Tanaka
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Chihiro Tomita
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
HTML5/JavaScriptで作るAndroidアプリ開発seminar
HTML5/JavaScriptで作るAndroidアプリ開発seminar
kujirahand kujira
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
schoowebcampus
入門者用Android Studio Hands on
入門者用Android Studio Hands on
Shintaro Yamasaki
Android SDK Toolsのおさらい
Android SDK Toolsのおさらい
Tomoki YAMASHITA
AdobeEdge系アプリ触ってみた
AdobeEdge系アプリ触ってみた
Takayuki Yagi
あの手この手で楽して覚えるAndroid開発Tips
あの手この手で楽して覚えるAndroid開発Tips
Yoshihiro Wada
Android Studio 2.2の紹介@Google I/O 2016東京報告会
Android Studio 2.2の紹介@Google I/O 2016東京報告会
mokelab
[ABC2016S]Android Wear アプリ開発入門
[ABC2016S]Android Wear アプリ開発入門
Kenichi Kambara
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Masahiro Hidaka
デザイン領域へiOS / Android開発
デザイン領域へiOS / Android開発
baroqueworksdev
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
Takayuki Inoue
Weitere ähnliche Inhalte
Andere mochten auch
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
adamrocker
WordPress REST API とリアクティブプログラミング
WordPress REST API とリアクティブプログラミング
Hiromasa Tanaka
Vue.js ハンズオン資料
Vue.js ハンズオン資料
よしだ あつし
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5
Hayato Koriyama
Vue.jsでさくっとMVVM
Vue.jsでさくっとMVVM
Satoshi Anai
Electron, databases, and RxDB
Electron, databases, and RxDB
Ben Gotow
droidgirls Recyclerview
droidgirls Recyclerview
Yuki Anzai
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
Hiromasa Tanaka
Andere mochten auch
(8)
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
ボクスケ 3Dプリントできる3Dデータ作成Android/iOSアプリ
WordPress REST API とリアクティブプログラミング
WordPress REST API とリアクティブプログラミング
Vue.js ハンズオン資料
Vue.js ハンズオン資料
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.jsでさくっとMVVM
Vue.jsでさくっとMVVM
Electron, databases, and RxDB
Electron, databases, and RxDB
droidgirls Recyclerview
droidgirls Recyclerview
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
OSC北海道 2016 REST API を活用した、新しい WordPress サイト製作手法
Ähnlich wie Abc2012f adamrocker
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Chihiro Tomita
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
Nobuya Sato
HTML5/JavaScriptで作るAndroidアプリ開発seminar
HTML5/JavaScriptで作るAndroidアプリ開発seminar
kujirahand kujira
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
schoowebcampus
入門者用Android Studio Hands on
入門者用Android Studio Hands on
Shintaro Yamasaki
Android SDK Toolsのおさらい
Android SDK Toolsのおさらい
Tomoki YAMASHITA
AdobeEdge系アプリ触ってみた
AdobeEdge系アプリ触ってみた
Takayuki Yagi
あの手この手で楽して覚えるAndroid開発Tips
あの手この手で楽して覚えるAndroid開発Tips
Yoshihiro Wada
Android Studio 2.2の紹介@Google I/O 2016東京報告会
Android Studio 2.2の紹介@Google I/O 2016東京報告会
mokelab
[ABC2016S]Android Wear アプリ開発入門
[ABC2016S]Android Wear アプリ開発入門
Kenichi Kambara
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Masahiro Hidaka
デザイン領域へiOS / Android開発
デザイン領域へiOS / Android開発
baroqueworksdev
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
Takayuki Inoue
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
Androidアプリ開発を楽にするために
Androidアプリ開発を楽にするために
Shuichi Takaya
App shortcuts
App shortcuts
Namito Satoyama
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
Saiki Iijima
Android技術者認定試験を受けてみよう!
Android技術者認定試験を受けてみよう!
Akira SUGIMOTO
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Keisuke Todoroki
Ähnlich wie Abc2012f adamrocker
(20)
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
勘違いだらけのAndroid UIデザイン
勘違いだらけのAndroid UIデザイン
HTML5/JavaScriptで作るAndroidアプリ開発seminar
HTML5/JavaScriptで作るAndroidアプリ開発seminar
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
入門者用Android Studio Hands on
入門者用Android Studio Hands on
Android SDK Toolsのおさらい
Android SDK Toolsのおさらい
AdobeEdge系アプリ触ってみた
AdobeEdge系アプリ触ってみた
あの手この手で楽して覚えるAndroid開発Tips
あの手この手で楽して覚えるAndroid開発Tips
Android Studio 2.2の紹介@Google I/O 2016東京報告会
Android Studio 2.2の紹介@Google I/O 2016東京報告会
[ABC2016S]Android Wear アプリ開発入門
[ABC2016S]Android Wear アプリ開発入門
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
Devsumi2013 15-C-1 実践!スマホアプリのマネタイズ!! ~マーケット把握術と iPhone&Androidプログラミングテクニック~
デザイン領域へiOS / Android開発
デザイン領域へiOS / Android開発
AndroidのUI設計で押さえておきたいポイント
AndroidのUI設計で押さえておきたいポイント
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Androidアプリ開発を楽にするために
Androidアプリ開発を楽にするために
App shortcuts
App shortcuts
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
Androidをやっただけで iOSアプリもできればいいのに 〜MOEという選択〜
Android技術者認定試験を受けてみよう!
Android技術者認定試験を受けてみよう!
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Abc2012f adamrocker
1.
実践! Androidアプリを カッコ良くする 2012/10/20
adamrocker @ABC2012 S市
2.
自己紹介 足立昌彦 (@adamrocker) バイドゥ株式会社 ・Simejiの開発 ・Google Developer
Expert (Android) ・日経ソフトウェア/Android Maniax連載 ・デザイナーがコードから読み解く、 Androidアプリのデザインの幅を広げるコツとTips 好き!! ジョジョ大 大の
3.
アジェンダ
g 実践!Androidアプリをカッコ良くする ・Android Designを読んで ・実践する 【注意】 本セッションでは所謂デザイナーの 技術/知識がない人むけです。
4.
はじめに http://goo.gl/BkSjx すでに発表資料公開してます!
5.
はじめに 【ソース】https://github.com/adamrocker/abc2012f
すでに資料公開してます!
6.
Android Design
d http://developer.android.com/design/index.html
7.
Android Design
設計指針 アンドロイドの様式 よくあるパターン 準備されているもの
8.
参考にする部分
9.
参考にする部分
i たったの3つ
10.
参考にする部分 i
11.
ActionBar Pattern
12.
Why ActionBar? 画面サイズに応じて自動でイイ感じにしてくれる
13.
Why ActionBar? 画面サイズに応じて自動でイイ感じにしてくれる
14.
Why ActionBar? 画面サイズに応じて自動でイイ感じにしてくれる
15.
Why ActionBar? 画面サイズに応じて自動でイイ感じにしてくれる
16.
Pure Android
17.
Compatibility
18.
ActionBar Sherlock
http://actionbarsherlock.com
19.
参考にする部分
i
20.
Metric(寸法)
21.
参考にする部分 i
22.
Typography(文字)
23.
DEMOアプリ
f
24.
Metric
25.
Metric
26.
Metric
27.
Metric
28.
Typography
29.
Typography
30.
Typography
31.
Typography
32.
One More Thing
i
33.
Color(色)
34.
Color
35.
Color
36.
Color
37.
Color
38.
まとめ ・Android Designを読んで ・実践した 【知見】 Android Designに沿って余白 (Metric)や文字(Typography)、色 (Color)を決めたらカッコ良くなった。 【成果物】 https://github.com/adamrocker/abc2012f
39.
おわり ありがとうございました
Jetzt herunterladen