Intro - iOS 7 でアプリ開発はどう変わる? | iOS 7エンジニア勉強会

152 Views

October 09, 13

スライド概要

profile-image

2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
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%) iOS 5 (3%) iOS 4 以下 (2%) 主なポイント •対応必須 •Autolayout •CollectionView •ARC •Storyboard (ユーザ数を見て対応切りを判断) (* 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デザイン