Designers hack

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.

色々試してみて

下さい