Designers hack
Upcoming SlideShare
Loading in...5
×
 

Designers hack

on

  • 609 views

 

Statistics

Views

Total Views
609
Views on SlideShare
609
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Designers hack Designers hack Presentation Transcript

  • Material ofDesigners Hack
  • テーマはモノづくり
  • とは言え何を作るか
  • 材料モックアップを作る●スマホデザインパターンからAndroidDesign から● 部品を作る● ドキュメントの精度を上げる
  • 部品?ボタンとか●アイコンとか●画面サイズ、解像度を考慮
  • 様々な icon
  • ボタンの実装
  • スマホデザインパターンから● Drill Down navigation● Dashboard● Action Bar● Segmented Control● Tabs● Carousel● Quick Actions http://goo.gl/1u6DY
  • fromAndroid Designhttp://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.
  • 色々試してみて 下さい