Upload
yamane-toshiaki
View
393
Download
5
Embed Size (px)
DESCRIPTION
Citation preview
Material of
Designers Hack
テーマはモノづくり
とは言え何を作るか
材料●モックアップを作るスマホデザインパターンからAndroidDesign から
●部品を作る●ドキュメントの精度を上げる
部品?●ボタンとか
●アイコンとか
画面サイズ、解像度を考慮
様々な icon
ボタンの実装
スマホデザインパターンから● Drill Down navigation● Dashboard● Action Bar● Segmented Control● Tabs● Carousel● Quick Actions
http://goo.gl/1u6DY
fromAndroid Design
http://d.android.com/design/
Style - Devices and Displays
● デバイス毎の icon を作って適用
Style - Touch Feedback
● ボタンの状態と見映え
Style - Icongraphy
● icon をとことん作りこみ
Patterns - Guestures
● どうプログラムするか、な検証
Patterns - App Structure
● General Structure な mock 作成● ActionBar で navigation● 行アイテムで menu 出しちゃう実装● Detail 画面で swipe 移動
Patterns - Navigation
● Up と Back の例な mock
Patterns - Action Bar
● CAB の実装● Scrollable Tabs の実装● Drawer の実装● データ共有の例
Patterns - Multi-pane Layouts
● Fragment のサンプルで mock 作成● Orientation Change の例を mock で
Patterns - Swipe Views
● 詳細画面の swipe 移動の例● tab 間の swipe 移動の例
Patterns - Selection
● CAB (Contextual Action Bar)
Patterns - Notifications
● ボタンクリックで通知されるサンプル● expandable な例
Patterns - Others
● Widget, Settings, etc.
色々試してみて
下さい