閉じる
閉じる
閉じる
(追記 140919 11:00)iPhone 6 Plusを入手しました
特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです(主観だけど)
(追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました
iPhone6/6+の発売がいよいよ明日となりました!
二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、
慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。
ひとまず気にするのはこの辺りの情報!
あとはおまけで便利そうなリンクも載せました
これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。
それにしても時代はレスポンシブです。
やれやれだぜ。
アイコンはいつもtemplateを公開されているPixelResortから早速iOS8版として公開されています
App Icon Template (PixelResort)
また、それぞれのアイコンやスプラッシュのサイズはiOS Human Interface Guidelineでみることもできます。
iOS Human Interface Guideline - Icon and Image Sizes
*iOS8版日本語訳はまだ公開されていません。
今までのスプラッシュはPNG画像1枚でしたが、Xcode6からオプションが増えました。
iOS Human Interface Guideline - Launch Images
*日本語版はまだ公開されていません。
いつもアプリ作った後とかに宣伝で使いますよね。
appleさんから公式の素材が既に出ています。
利用する用途などの制限もありますので、ページに書かれている用途も合わせて読んだ上で使ってください。
今回のiPhone6について、Keynoteでこんなことを言っています。
「iPhone6や6+については単純な拡大ではなく、それぞれに適したレイアウトをつくるといい」(超意訳)
例えば今のiPhone6のページを見るとわかりますが、ホームスクリーンではアイコンを大きくせず、アイコン間のスペースが広くなっています。
iPhone 6 Plusについては単独でUIのセットもできるようです。
つまるところ、iPadとは違う第三・第四のレイアウトセットが必要ということですね。
しかしiPadと違い、ユーザーとの身体的距離・利用シーンは変わらないですから、iPadと同じというわけにもいきません。
時代はレスポンシブです。
やれやれだぜ。
いずれそういった枷を逆手に取った面白いものがでるかもしれないんですが、
まずは今手元にあるものをどうするかということで考えてみました。
さらに踏み込んだマルチレイアウト対応については、また別記事を書きます!
(追記 140918 21:15)
こちらの記事のスケーリングモードという項目でわかりやすいサンプルが取り上げられています
iPhone6/iPhone6 Plus画面サイズ対応
(追記) 余談ですが僕がやっているゲーム開発について (追記ここまで)
Unityの対応もまだなので、いまできることは少ないです。
またゲームはスクロールさせないことを前提に作られている部分も多く、
いろいろなサイズに対応させるには四苦八苦させられます。
もういっそコンシューマーのように、複数サイズ前提で考える時が来たのかもしれませんね。
最後に関係ありそうな資料や記事のリンクを。
時々追加していきます。
画面サイズでまよったら
(まだiPhone6が入ってないのですが)
Xcodeで簡単に動かせるサンプラー:iOS 8 の新機能のサンプルコード集『iOS8-Sampler』を公開しました
iOS 8から導入されたWebGLで動いているサイト: WebGLのサイトつくりませんか?
情報が間違っていたり、ここに書かれていること以外で知りたいことなどあればぜひコメントなどでお知らせください!
(140918 23:58 )スプラッシュと書くべきところスクショと書いてましたので直しました。
(140919 15:30 )PixelResortと書くべきところの一部がPixelEesortとなっていたのを直しました。
ちなみにこんなタイミングでアプリ開発終盤に差し掛かっている僕のゲームはこちらです(- - )
ぼくらの甲子園!ポケット 公式サイト
iPhone版もリリースしました!
6 plusでも問題なく遊べてほっとしています。
当サイトは、ブラウザのJavaScript設定を有効にしてご覧ください。
