Ipad

iOS 7の標準アプリアイコンはこんな感じ

iOS 7の標準アプリアイコンはこんな感じ

iOS 7 ホーム画面 leak_wm

昨年10月に行われたAppleの経営陣刷新については、多くのことが語られてきました。スコット・フォーストール氏の退任は衝撃的な出来事でしたが、インダストリアルデザイン担当シニアバイスプレジデントのジョニー・アイブ氏が新設されたヒューマンインターフェースグループの責任者に就任したことは、それほど驚くべきことではありませんでした。

デザインのすべてを統括するようになったアイブ氏には、AppleのモバイルOSにおけるスキューモーフィズムの使用を全て排除、あるいは少なくとも最小限に抑えることで、iOSの刷新が期待されています。しかし、アイブ氏の取り組みはそれだけではありません!

アイブ氏のiOS刷新の可能性について議論する際に、しばらく前から耳にしてきたのが「フラット」という言葉だ。退屈な「フラット」という意味ではなく、よりシンプルになるという意味だ。これは先週、9to5Macが情報筋によるとiOS 7は全面的に黒と白でフラットになる可能性があると報じたことで裏付けられた。

これは、アプリアイコンなどのUIの一部にどのような影響を与えるのでしょうか?私たちの友人であるソニー・ディクソンが、iOS 7を搭載したiPhoneのホーム画面を映したぼやけたスクリーンショットを入手しました。画質はひどいものですが、才能あふれるデザイナーSurenixの協力を得て、これらのアイコンの一部を再現し、iOS 7の標準アプリアイコンがどのようなものになるかを独占的に公開することができました。

この変化を一言で表すとすれば、「統一」でしょう。

現在の標準アプリアイコンの状態を見ると、どれも異なるチームによってデザインされているように見えます。ほとんどがそれぞれ異なる見た目で、統一された特徴が見られません。光沢効果のあるものもあれば、そうでないものもあります。枠線のあるものもあれば、ないものもあります。

これまでの観察から判断すると、ジョナサン・アイブ氏によるiOS 7への変更により、Appleの標準アプリアイコンの見た目が統一されると考えられます。以下に、私たちが発見した主な違いをいくつかご紹介します。

アイコンの光沢効果: 消えました!

これらのアイコンを見て最初に目に留まったのは、光沢効果がなくなったことです。Appleがこの効果を初めて導入したのは、6年前のiPhone OSのリリース時です。Appleは現在、SDKを通じて開発者がアイコンに光沢効果を簡単に追加することも、追加しないことも許可しています。

Surenixの説明によると、各アプリアイコンは3つの異なるレイヤーでサポートされています。一番下のレイヤーは、すべてのアイコンの下部に表示されるドロップシャドウです。2番目のレイヤーは、アイコンに光沢効果を追加します。一番上のマスクレイヤーは、アイコンの角をトリミングし、統一感のある丸みのある角を実現します。この2番目の「光沢」レイヤーは、Appleアプリでは今後使用されなくなり、サードパーティ製アプリでもおそらく使用されないと思われます。

現在私のiPhoneに入っているアプリアイコンを見ればわかるように、ほとんどの開発者は既に光沢効果を捨て、よりフラットなデザインを採用し始めているようです。特に複数のプラットフォームで利用できるアプリケーションの場合、これは理にかなっています。例えばInstagramはiOSアイコンに光沢効果を使いたくありませんが、Androidアプリアイコンには光沢効果は使いたくありません。

この光沢の欠如の良い例は、Instagram、Facebook、Clear、Dropbox のアイコンに見ることができます。

Instagram Facebook クリア Dropbox

Apple純正アプリ自体には、必ずしも光沢効果が付いているわけではありません。光沢効果が付いているものは以下のとおりです。

  • アプリストア
  • 音楽
  • 写真
  • 電話
  • 郵便
  • ボイスメモ
  • iTunes
  • コンパス
  • 株式
  • 天気
  • クロック
  • サファリ
  • メッセージ

そうでないものは、次のとおりです。

  • カレンダー
  • 設定
  • カメラ
  • 地図
  • ゲームセンター
  • 連絡先
  • ビデオ
  • 注記
  • 電卓
  • 通帳
  • リマインダー

ご覧の通り、ほぼ半々です。Apple純正アプリのうち13個には光沢効果が搭載されていますが、11個には搭載されていません。

Appleが自社アプリアイコンから光沢効果を削除すると決定した場合、Xcode自体からもオプションが削除されても不思議ではありません。その結果、Apple製アプリと数千に及ぶサードパーティ製アプリの間で、より一貫性が保たれるでしょう。

天気アイコンの温度: 消えました!

ジョニー・アイブ氏はスキュモーフィズムのファンではないものの、天気アプリのアイコンに雲をいくつか追加することで、より現実的な要素を取り入れることにしたようです。

注目すべきは、そして私たちが知る限りでは、アイコンからついに73度という固定された気温表示が削除されたことです。そもそもこの表示は意味をなさず、天気アプリのアイコンが現在の地域の気象状況を反映していると考えている古いiOSユーザーにとっては混乱を招く可能性さえありました。アイコンから73度という気温表示を削除したのは賢明な判断です。

アイコンの境界線が消えました!

設定とリマインダーのアプリアイコンが他の標準アイコンと何が違うのかご存知ですか?それは、枠線があることです。24個の標準アプリアイコンの中で、明確な枠線があるのは、この2つだけです。

もちろん、枠線があることは他の標準アイコンセットと大きく矛盾しており、設定アイコンから枠線がなくなるように見えるのはそのためでしょう。リマインダーアプリのアイコンはよく見えませんでしたが、枠線がなくなるとしても不思議ではありません。

斜めのストライプ:消えました!

リークされたスクリーンショットからは正確な判断はできませんが、ソニー・ディクソン氏は、斜めのストライプのない「よりシンプルな」電話アプリのアイコンを見たと確信していると述べています。これは、iOS 7の電話アプリとメッセージアプリのアイコンが「完全にフラット」になったと述べた別の情報筋からも裏付けられています。

Surenixによるこのアイコンの表現を見ると、よりフラットですっきりとした印象を受けます。しかし、さらに重要なのは、ミュージックアイコンなどの他のアイコンとの統一感が増していることです。

そもそもAppleが電話とメッセージのアイコンに斜めのストライプを使った理由は謎です。電話とメッセージアプリのアイコンの不統一さにうんざりしていた方(私もうんざりしました)なら、このフラットなデザインはきっと歓迎されるでしょう。

大きいほうが良いですか?

カメラアプリのアイコンに微妙なデザイン変更が加えられました。レンズが少し大きくなり、アイコン上のスペースが広くなりました。個人的には、レンズが大きいほど画面上で識別しやすくなります。

iPhone 5 iOS 7 下部アイコン モックアップ

その他

よくわからないアイコンが2つあります。Game Centerは、上記のリークされたスクリーンショットで確認できると思いますが、白地に青と黄色の丸い形がいくつか付いています。これはボクシンググローブでしょうか?確かなことはわからないので、こちらは省略しました。レンダリングしなかったもう1つのアイコンはビデオアイコンです。どうやら三角形の「再生」アイコンになっているようですが、これも確信が持てなかったため、この記事では省略しました。

統一されたアイコン

ご覧の通り、劇的な変化はなく、ホーム画面全体に統一感と統一感をもたらす微妙な変更のみです。大きく平らな四角いアイコンを期待していた方はがっかりするかもしれません。しかし、一貫性と一貫性を好む方は、iOS 7の一部の要素が繊細な変更を加えながらも、馴染みのある外観を維持していることを喜ばしく思うでしょう。

もちろん、まだ何も決まっておらず、WWDC までに状況が多少変わる可能性もあります。

この情報を共有してくれた Sonny Dickson に感謝します。また、素晴らしいデザイン作業と、これらの変更を理解するのに協力してくれた Surenix にも感謝します。

Milawo
Milawo is a contributing author, focusing on sharing the latest news and deep content.