【レポート】

iOS 7でUI刷新、アプリ開発はどう変わるのかを考えた

1 iOS 7のUIは「レイヤー」がポイント

 
  • <<
  • <

1/2

iOS 7では、UIのデザインが大きく変わる。その印象はシンプルで明快、ビビッドな色使いもあり新鮮な印象を受ける。iOS 6までのUIがリアルさを意識した「質感主義」――Skeuomorphism(スキュアモーフィズム)と評されることが多い―― だとすれば、iOS 7は「感覚主義」とでもいえるだろう。デモ機のiPhone 5がホワイトモデルだったことも手伝ってか、ポップな印象すら受けるほどだ。

立体的/重層的な構造へと進化

しかし、いくつかのレポートで見かけた「フラット」という表現には、多少の違和感を覚える。確かに、アイコンに使われている色はパステル調で色数が少なく、上部に光処理が施されたiOS 6までのアイコンと比較すると平面的な印象はあるが、それはアイコンやボタン類のみを見たときの話。実際には、半透明の「レイヤー」を複数枚重ね合わせそれを見下ろすような構造であり、むしろ立体的/重層的な構造へと進化したと言っていい。

基調講演で放映されたデモ映像を例に説明してみよう。たとえば、「天気」の画面。文字ベースの天気予報が表示される下には、雪が降るアニメーションを確認できるが、これは「文字」と「アニメーション」のレイヤーが重ねて表示されているためだ。親子の写真(壁紙)の上にフォルダを表示するシーンも、半透明なところが重なった部分がぼかし処理されていることで、2枚のレイヤーの存在を感じさせる。

iOS 7の「天気」の画面。天気予報(文字)と背後の雪は、それぞれ異なるレイヤーに存在し重ね合わされている

背景の写真(壁紙)とフォルダの画面は異なるレイヤーに存在し、重なる部分はぼかし処理されている

反対にいえば、この「レイヤー」の使いこなしこそが、iOS 7におけるアプリ開発の重要なエッセンスとなりうる。もちろん、審査の折にはアプリとしての機能や完成度も従来どおりチェックされるだろうが、iOSとの一貫性・親和性も暗に求められるわけで、いきおいAppleの要求基準である「iOSヒューマンインターフェイスガイドライン」が重要になるということだ。

  • <<
  • <

1/2

インデックス

目次
(1) iOS 7のUIは「レイヤー」がポイント
(2) どうなる? 「iOSヒューマンインターフェイスガイドライン」

人気記事

一覧

新着記事

[来週のとと姉ちゃん]第22週「常子、星野に夢を語る」大人の愛の行方は? 最大の“敵”も
[13:00 8/27] エンタメ
[徳井青空]「ラブライブ!」声優が「ケータイ大喜利」に出演 「声のお題」に挑戦
[13:00 8/27] エンタメ
Chromeのアドレスバーを偽装する詐欺サイトに注意
[13:00 8/27] 企業IT
「鉄血のオルフェンズ」新キャラ役に逢坂良太、M・A・O、大川透、島崎信長ら
[12:44 8/27] ホビー
flowersで西炯子&絹田村子2本立て!次号に芦原妃名子とタアモ、岩本ナオ登場
[12:27 8/27] ホビー