Your SlideShare is downloading. ×
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
モバイルデザインパターン#01
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

モバイルデザインパターン#01

377

Published on

勉強会のスライド

勉強会のスライド

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
377
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. モバイルデザインパターン 第1回
  • 2. モバイルデザインパターンhttp://www.oreilly.co.jp/books/9784873115689/
  • 3. デザインパターンで•  できないこと –  クラッシュの防止 –  機能不足の解消•  できること –  低機能なナビゲーションからの脱却 –  混乱を招くインターフェースデザインの排除
  • 4. まがもしん ばとうり
  • 5. 第1章 ナビゲーション•  この章の内容 –  主要なナビゲーション –  補助的ナビゲーション
  • 6. 第1章 ナビゲーション•  この章の内容 –  主要なナビゲーション –  補助的ナビゲーション
  • 7. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 8. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 9. Springboard
  • 10. Springboard
  • 11. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 12. List Menu
  • 13. List Menu
  • 14. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 15. Tabs
  • 16. Tabs
  • 17. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 18. Gallery
  • 19. Gallery
  • 20. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 21. Dashboard
  • 22. Dashboard
  • 23. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 24. Metaphor
  • 25. Metaphor
  • 26. 主要なナビゲーション•  Springboard •  Dashboard•  List Menu •  Metaphor•  Tabs •  Mega Menu•  Gallery
  • 27. Mega Menu
  • 28. Mega Menu
  • 29. Mega Menu
  • 30. 第1章 ナビゲーション•  この章の内容 –  主要なナビゲーション –  補助的ナビゲーション
  • 31. 補助的ナビゲーション
  • 32. 補助的ナビゲーション•  Page Carousel•  Image Carousel•  Expanding List
  • 33. 補助的ナビゲーション•  Page Carousel•  Image Carousel•  Expanding List
  • 34. Page Carousel
  • 35. Page Carousel
  • 36. 補助的ナビゲーション•  Page Carousel•  Image Carousel•  Expanding List
  • 37. Image Carousel
  • 38. Image Carousel
  • 39. 補助的ナビゲーション•  Page Carousel•  Image Carousel•  Expanding List
  • 40. Expanding List
  • 41. Expanding List
  • 42. モバイルデザインパターン 第1章はここまで
  • 43. 次回予告第2章 フォーム
  • 44. フォーム
  • 45. 質疑応答

×