2. 本日までの経緯

3. 6月
WWDC @ San Francisco

6. 7月∼
社内 iOS 7 勉強会（エンジニア／デザイナ）

7. iOS 7 概略

9. iOS7 デザイン原則
1. Deference. The UI helps users understand
and interact with the content, but never
competes with it.
2. Clarity. Text is legible at every size, icons are
precise and lucid, adornments are subtle and
appropriate, and a sharpened focus on
functionality motivates the design.
3. Depth. Visual layers and realistic motion
heighten users’ delight and understanding.

10. iOS7 デザイン原則
1. UIはコンテンツに従順である
2. 分かりやすくスッキリしている
3. 奥行きがある

11. 1. UIはコンテンツに従順である
スクロール

12. 2. 分かりやすくスッキリしている
立体感を排除したUI、アイコンよりもテキスト

13. 3. 奥行きがある
「iOS 7 = フラット」と鵜呑みにしてはいけない！

15. 「操作が理解できる」 「コンテンツに集中」

16. iOS 7 のアプリ開発

17. Xcode 5

18. Storyboard & Autolayout

19. New Design, New Features

20. iOS 7 アップデート対応

21. 必要な対応
• 必須
• 120px アプリアイコン
• クラッシュ対応
• レイアウト崩れ対応
• 下位互換のための分岐処理
• 重要
• 新デザインガイドラインに則って Visual／UI を再検討
• Multitasking などの新機能による UX 改善を検討

22. 対応 iOS ver の検討
iOS ver
(シェア率 *)
主なポイント
iOS 7
(60%)
•対応必須
iOS 6
(35%)
•Autolayout
•CollectionView
iOS 5
(3%)
•ARC
•Storyboard
iOS 4 以下
(2%)
（ユーザ数を見て対応切りを判断）
（* 10/7時点、某アプリの概算シェア率）

23. 今日の内容

24. 19:30- Intro
19:50- 既存アプリのiOS 7対応
20:10- アプリのバックグラウンド処理
20:30- 休憩
20:40- Xcode5でのデバッグ / CI
21:00- 魅せるUIの作り方
21:20- iOS 7でのUIデザイン