abc2012 spring: android design for dummies
DESCRIPTION
Android Bazaar and Conference 2012 Spring:デザイントラック「デザイナーから見たAndroid Designの活用ガイド」発表資料(2012年3月24日、東京大学) http://www.android-group.jp/conference/abc2012s/TRANSCRIPT
![Page 1: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/1.jpg)
Android Design
Android Designの活用ガイド Android Design for Dummies
Nobuya Sato Experience Designer
March 24th., 2012 – ABC 2012 Spring
Twitter: #abc2012s
![Page 2: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/2.jpg)
自己紹介
Copyright 2012. Nobuya Sato. 2
• 佐藤伸哉(@nobsato) • UXデザイン、情報アーキテクチャ、Webデザイン • モバイルガジェット番長(元?) • Razorfish、bA、Sony Creative Center、Seesmic • 3歳児の育児で毎日てんやわんや…
![Page 3: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/3.jpg)
Android Design
Copyright 2012. Nobuya Sato. 3
![Page 4: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/4.jpg)
本日のセッションの内容 • デザインガイドライン/スタイルガイドについて • Android Designの解説 • ……(時間があれば、Jelly Beanとかの話)
Copyright © 2012 Nobuya Sato. 4
![Page 5: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/5.jpg)
質問 • あなたは開発者(デザイナー/エンジニア)それともそれ以外?
Copyright © 2012 Nobuya Sato. 5
• 役職がUIデザイナーまたはUXデザイナーの方は? ※Webデザイナーは含まず
• 今まで仕事でデザインガイドライン/スタイルガイドといった文書化された書類を使った事がある人?
![Page 6: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/6.jpg)
デザインガイド、よくある誤解
Copyright © 2012 Nobuya Sato. 6
• やんざむ本2があるので大丈夫!
• Android DesignってGoogleのデザインガイドでしょ? • オリジナルのデザインを作るので関係ない。 • すでにiPhoneアプリがあるから大丈夫。 • OSに関係なくデザインを揃えるので関係ない。 • 見た目はあまりこだわってないので… • 絵心がないしデザイナーじゃないので…
![Page 7: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/7.jpg)
大前提 • デザイン(Design)って何?
design/dizáin/ = 設計する、立案する
→「設計」=「エンジニアリング」(Engineering) →「デザイン」=「意匠/図案」(Visual Design)
Copyright © 2012 Nobuya Sato. 7
![Page 8: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/8.jpg)
デザインガイドラインとは? • プロダクトの質を高めるもの →「守るべきルール」だが「厳格な決まり」ではない
• 開発者(開発会社)が異なる場合 • 長期プロジェクトで人が入れ替わる場合 • OSプラットフォームや開発言語が異なる場合 • デバイスによる表示差異が発生する場合 • 多言語対応する場合
…etc
Copyright © 2012 Nobuya Sato. 8
![Page 9: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/9.jpg)
デザインガイドラインとは? • 見た目だけ?
• デバイス毎のパフォーマンスによる差異を吸収するもの • どこを削って、どこを残すかの均一化を図るもの • 点や線ではなく面でプロダクトを展開できる
→ プロダクトのライフサイクルを伸ばす → プロダクトの展開を助成
プロダクトのブランドと持続性を確立しやすい
Copyright © 2012 Nobuya Sato. 9
![Page 10: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/10.jpg)
現場でのよく起こる誤解 • 「デザインのガイドラインがあると実装しづらい」
→ 本来の目的や内容が理解されてない → デザイナーが無能 本来、将来的な展開、あらゆる拡張性を踏まえた上でデザインのルールが作られるべき。 …それでもたまに「ルールが破綻する」 → 新たなルールの追加、ルールの改定
Copyright © 2012 Nobuya Sato. 10
![Page 11: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/11.jpg)
デザインガイドラインは神なのか? • 「守るべきルール」であって「厳格な決まり」ではない
• いくら新たなルールの追加やデザインの改定をしても「デザインの破綻」を吸収しきれない…
→ デザインの刷新(Jump up, Full scratch)
Copyright © 2012 Nobuya Sato. 11
1.5/Cupcake
1.6/Donut
3.0/HC
4.0/ICS
2.0/Éclair
2.1/FroYo
2.3/GB
今までのUI/UXのJump up
![Page 12: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/12.jpg)
UI GuidelinesとUI Design Guidelines UIガイドライン → UIの構築、実装ルール、設計ポリシー UIデザインガイドライン → UIのパターン、視覚的ルール、世界観ポリシー
Copyright © 2012 Nobuya Sato. 12
![Page 13: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/13.jpg)
Android UI Guidelines • http://developer.android.com/guide/practices/ui_guidelines
Copyright © 2012 Nobuya Sato. 13
![Page 14: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/14.jpg)
Android Designがリリースされるまで • 公式サイトにアプリアイコンやアイコン、 ウィジット画像の開発方法の解説
Copyright © 2012 Nobuya Sato. 14
![Page 15: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/15.jpg)
以前のアイコンデザイン • Android 1.6またはそれ以前のもの、Simplified 3D Icon
Copyright © 2012 Nobuya Sato. 15
![Page 16: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/16.jpg)
以前のアイコンデザイン 2 • Android 2.0/2.1… 立体からビビットな平面表現へ
Copyright © 2012 Nobuya Sato. 16
![Page 17: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/17.jpg)
Google I/O 2010で始めて公式な解説… • http://bit.ly/IO2010AndroidUI
Copyright © 2012 Nobuya Sato. 17
![Page 18: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/18.jpg)
Google I/O 2010で始めて公式な解説… • http://bit.ly/IO2010AndroidUI
Dashboard
Action Bar / Quick Action
Copyright © 2012 Nobuya Sato. 18
Search Bar
![Page 19: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/19.jpg)
Dive into Mobile 2010でタブレット初披露 • まったく新しいUIとデザインテイスト
Copyright © 2012 Nobuya Sato. 19
©engaget 2010
![Page 20: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/20.jpg)
CES2011で公式に発表
Copyright © 2012 Nobuya Sato. 20
![Page 21: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/21.jpg)
Google I/O 2011でタブレット向けUIを解説 • http://bit.ly/IO2011AndroidUI
Copyright © 2012 Nobuya Sato. 21
![Page 22: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/22.jpg)
Google I/O 2011でタブレット向けUIを解説 • http://bit.ly/IO2011AndroidUI
Copyright © 2012 Nobuya Sato. 22
![Page 23: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/23.jpg)
2011/10、ICSが登場。サイトが刷新 • http://android.com
Copyright © 2012 Nobuya Sato. 23
![Page 24: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/24.jpg)
2012/1/12、Android Designが追加 • http://android.com
Copyright © 2012 Nobuya Sato. 24
![Page 25: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/25.jpg)
Android Design
Copyright © 2012 Nobuya Sato. 25
• http://developer.android.com/design/
![Page 26: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/26.jpg)
Android Design • 待望の公式デザインガイド(ICS/4.0向け) • Creative Commons 2.5 • Get Started, Style, Patterns, Building Blocks, Downloadsの
5章立て
Copyright © 2012 Nobuya Sato. 26
![Page 27: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/27.jpg)
Android Design 1. Get Started 2. Style 3. Patterns 4. Building Blocks 5. Downloads
Copyright © 2012 Nobuya Sato. 27
![Page 28: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/28.jpg)
1. Get Started • 「始めに」 • 方向性/コンセプト、デザイン原則、UIの全体像
Copyright © 2012 Nobuya Sato. 28
![Page 29: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/29.jpg)
2. Style • スタイルガイド • 見た目の世界観の構築、アプリのブランディング
Copyright © 2012 Nobuya Sato. 29
![Page 30: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/30.jpg)
3. Patterns • デザインパターン/パターンランゲージ • デザインする対象の構造やプロセスに潜む「関係性」を体系化したもの
Copyright © 2012 Nobuya Sato. 30
![Page 31: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/31.jpg)
4. Building Blocks
Copyright © 2012 Nobuya Sato. 31
• コンポーネントコレクション • デザインの一貫性、ユーザー体験の質の向上
![Page 32: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/32.jpg)
5. Downloads • デザイン要素のダウンロードリンク • ステンシル/シンボルのテンプレート • アイコンデータ、テンプレート • Robotoフォントデータ、見本帳 • 色見本/カラースウォッチ
Copyright © 2012 Nobuya Sato. 32
![Page 33: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/33.jpg)
Android Design 1. Get Started(始めに) 2. Style(スタイルガイド) 3. Patterns(デザインパターン/パターンランゲージ) 4. Building Blocks(コンポーネントコレクション) 5. Downloads
Copyright © 2012 Nobuya Sato. 33
![Page 34: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/34.jpg)
Android Design
Copyright © 2012 Nobuya Sato. 34
• http://developer.android.com/design/
![Page 35: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/35.jpg)
Android Design / Get Started
Copyright © 2012 Nobuya Sato. 35
• http://developer.android.com/design/get-started/creative-vision.html
![Page 36: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/36.jpg)
Get Started 1: Creative Vision • 方向性/コンセプト、3つのゴール
– 魅了する(Enchant me) – 物事を楽にする(Simplify my life) – 驚きをあたえる(Make me amazing)
Copyright © 2012 Nobuya Sato. 36
![Page 37: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/37.jpg)
Get Started 2: Design Principles 1 • デザイン原則 1「魅了する」
Copyright © 2012 Nobuya Sato. 37
驚きのある動き リアルなオブジェクト
自分流にカスタマイズ 自分のことを知っている
![Page 38: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/38.jpg)
Get Started 2: Design Principles 2 • デザイン原則 2「物事を楽にする」
Copyright © 2012 Nobuya Sato. 38
メッセージは簡潔に
適切な回答を提示し 最終決断をさせる
絵は言葉よりも早い 必要な時に 必要なものをだけを
今どこにいるか常にわかる 端末を変えても データを失わない
同じ見た目は同じ動き
本当に重要な事以外で中断させない
![Page 39: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/39.jpg)
Get Started 2: Design Principles 3 • デザイン原則 3「驚きをあたえる」
Copyright © 2012 Nobuya Sato. 39
ビジュアルパターンやスワイプ、 どこでも使ってる小技を
失敗はユーザーのせいじゃない
簡単は事でも 親切なフォローを
今まで難しかった タスクを簡単に
重要な機能を最優先
![Page 40: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/40.jpg)
Get Started 3: UI Overview • UIの全体像、主要な画面の説明
– ホーム画面/アプリ一覧画面/最近使ったアプリの一覧画面 – ステータスバー/ナビゲーションバー/システムバー – ノーティフィケーション(通知) – 標準的なアプリUI画面
Copyright © 2012 Nobuya Sato. 40
![Page 41: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/41.jpg)
Android Design / Style • http://developer.android.com/design/style/index.html
Copyright © 2012 Nobuya Sato. 41
![Page 42: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/42.jpg)
Style 1: Devices and Displays • デバイスと表示
– フレキシブルに – 画面に合わせてレイアウトを最適化する – アセットは全て準備する
Copyright © 2012 Nobuya Sato. 42
MDPI = Medium Density (160dpi)
![Page 43: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/43.jpg)
Style 2: Themes • デザインテーマ
Copyright © 2012 Nobuya Sato. 43
Hole Light Hole Dark Hole Light wit dark Action Bar (今後の推奨?)
![Page 44: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/44.jpg)
Style 3: Touch Feedback • タッチ時のフィードバック
Copyright © 2012 Nobuya Sato. 44
5つの状態表示 視覚的な判りやすい ビジュアルキュー
境界線(ドンつき)
![Page 45: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/45.jpg)
Style 4: Metrics and Grids 1 • デバイスの物理サイズとスクリーン密度
デバイスの物理的密度に依存する密度非依存ピクセル(Device-independent pixels: dp)とスクリーン密度(Screen density, Dot per Inch: dpi)の関係
Copyright © 2012 Nobuya Sato. 45
![Page 46: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/46.jpg)
Style 4: Metrics and Grids 2 • 48DPのリズム
Copyright © 2012 Nobuya Sato. 46
48DP = 9mm タッチ操作での推奨ターゲットエリアの 表示サイズは7~10mm。必ず7mm以上に!
推奨は7cmではなく7mm(謎) Android Developer Lab Tokyo 2011に参加した皆さん、すいません。
![Page 47: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/47.jpg)
Style 5: Typography • Roboto Font、新しい書体
Copyright © 2012 Nobuya Sato. 47
標準規定サイズ(sp) ※sp = Scale-independent pixels
標準文字色
![Page 48: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/48.jpg)
Style 6: Color • カラースキーム
Copyright © 2012 Nobuya Sato. 48
#33B5E5 #AA66CC #99CC00 #FFBB33 #FF4444
#0099CC #9933CC #669900 #FF8800 #CC0000
![Page 49: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/49.jpg)
Style 7: Iconography 1 • ランチャーアイコン
Copyright © 2012 Nobuya Sato. 49
スタイル: 明確な形状で立体的に 正面、若干上から見た感じ の遠近感
サイズ: 48x48 dp Google Playでの表示は 512x512 dp
![Page 50: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/50.jpg)
Style 7: Iconography 2 • Action Barアイコン
Copyright © 2012 Nobuya Sato. 50
スタイル: ピクトグラム 細いものは斜め45度 線は2 dp以上の太さに
24x24 dp に収まる 意匠で
表示サイズは32x32 dp
![Page 51: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/51.jpg)
Style 7: Iconography 3 • スモール/コンテキストアイコン
Copyright © 2012 Nobuya Sato. 51
スタイル: ニュートラルで フラット、シンプル。 線よりも形、 視覚的なメタファー
12x12 dp に収まる 意匠で
表示サイズは 16x16 dp
![Page 52: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/52.jpg)
Style 7: Iconography 4 • ノーティフィケーション(通知)アイコン
Copyright © 2012 Nobuya Sato. 52
スタイル: フラット、シンプル 必ずランチャーアイコンと 同じメタファーを用いる
22x22 dp に収まる 意匠で
表示サイズは 24x24 dp
![Page 53: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/53.jpg)
Style 8: Writing Style 1. 簡潔に
2. シンプルに
3. フレンドリーに
4. 重要な事を最初に
5. 説明は必要な事だけ
Copyright © 2012 Nobuya Sato. 53
![Page 54: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/54.jpg)
Android Design / Patterns • http://developer.android.com/design/building-blocks/
Copyright © 2012 Nobuya Sato. 54
![Page 55: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/55.jpg)
Android Design / Building Blocks • http://developer.android.com/design/building-blocks/
Copyright © 2012 Nobuya Sato. 55
![Page 56: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/56.jpg)
Android Design / Downloads • http://developer.android.com/design/downloads/
Copyright © 2012 Nobuya Sato. 56
![Page 57: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/57.jpg)
参考書籍 • Android UI Cookbook for 4.0 ICSアプリ開発術 • あんざいゆき/著 • インプレスジャパン
Copyright © 2012 Nobuya Sato. 57
![Page 58: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/58.jpg)
参考書籍 • デザイナーのためのスマートフォンインターフェースデザイン
• 中野広明(著) • 秀和システム
Copyright © 2012 Nobuya Sato. 58
![Page 59: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/59.jpg)
参考書籍 • デザイニング・インターフェースデザイン パターンによる実践的インタラクションデザイン(第2版)
• Jenifer Tidwell(著)浅野紀子・ソシオメディア(訳) • オライリー・ジャパン
Copyright © 2012 Nobuya Sato. 59
![Page 60: ABC2012 Spring: Android Design for Dummies](https://reader034.vdocuments.net/reader034/viewer/2022042713/5465dd7bb4af9f443f8b4e11/html5/thumbnails/60.jpg)
Thank You
Nobuya Sato Experience Designer [email protected] http://about.me/nobsato http://twitter.com/nobsato http://slideshare.com/nobsato
Copyright 2012. Nobuya Sato 60