Skip to main content

細かすぎて伝わりづらい! iOS 7のデザイン変更点まとめ。

iOS7はフラットなデザインに大きく変更されてついにこのシリーズも存続の危機か!
と、思いましたがさすがのAppleさん、一見変わってない様に見える部分でも徹底して細かな変更がされていました。
正式リリースは今年の秋ですが、ひとあし先にiOS 7の紹介ページにある画像から分かるAppleの匠たちの手の込んだ仕事をどうぞ!


■Wi-Fiアイコン
iOS 7ではステータスバーのアイコンが全体的に小さくなっています。Wi-Fiアイコンはただ縮小するのではなく、それぞれの境界を3pxに維持したままで、アイコンが小さくてもはっきりと見える様に視覚調整がされています。


■回転ロックアイコン
矢印のサークル線が2pxから1pxになって、よりシャープな印象になっています。他のアイコンデザインが全体的に細い線で構成されていることから、iOS 7のフォントHelvetica neueのシャープなイメージ合うようにすべて作り直されたのではないでしょうか。


■時計のアイコン
iOS 7のデザインはジョナサンアイブ氏が主導したということから、よりシンプルなデザインになって、ディーターラムス氏のデザインにより近くなった気がします。 よくよく見るとフォントもOS全体で使われているHelvetica neueにきちんと変更されて統一感が出る様に徹底されています。


■メッセージアプリアイコン
一見単にフラットになっただけで、同じ形に見えますが、補助線をひいてみると吹き出しがより丸みを帯びて大きくなっていることが分かります。 iOS 7のアイコンは右図のようなグリッドシステムを用いているそうで、吹き出しの形もその中にある円で形が構成されており、造形よりも深い設計の部分から統一感が出る様に図っていることが分かります。


■電池アイコンの幅
電池のアイコンの枠がシャープな線になり、少し横長のデザインになっています。 ユーザーがよく見る部分を大きくして電池残量を分かりやすくしたのか、はたまた次期iPhoneのバッテリーが長持ちになる?ということでしょうか。


■アイコンの角丸
iOS 7はアイコンの形状がより丸みを帯びたデザインになって、ホーム全体画面が柔らかい感じのするデザインになっています。 また、9to5Macによるとアイコンの角丸は形状を徐々に変化する「徐変」処理が施されており、インダストリアルデザイナーであるアイブ氏の考えがソフトウェアデザインにも応用されています。


■ホーム画面
iOS 7ではアイコンの角丸が大きくなっただけでなく、アイコン自体のサイズも大きくなっています。 それに合わせて、iOS6でバラバラだった間隔も均等になっています。 次期iPhoneは違う解像度がでると予想されているそうで、単に画面のバランスを整えるということだけでなく、異なる解像度の画面も視野に入れた変更なのかもしれません。


半透明のガラスのようなレイヤーで階層をわかりやすくした構造や、アイコンの新しいグリッドシステムなど、単に見た目をシンプルにするだけに止まらないアイブ氏のデザイン哲学が徹底されていますね。
全体的にカラーのトーンが明るくなっていることから、次期iPhoneではiPod Touchのようなカラフルなバリエーションがでるのではないかと個人的に予想しております。
今回のiOS7にとどまらず、これからのAppleがつくり出すデザインがどう変わって行くのか楽しみですね。


  ■One more thing!
iOS 6では地図の場所がApple本社であるInfinite loopのCampus 1でしたが、iOS 7では少し移動して新社屋であるCampus 2の場所になっています。
2015年に完成予定だそうですが、もうデザイナーの気持ちは新社屋なのかもしれませんね。

過去のシリーズはこちらからどうぞ!

細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。
細かすぎて伝わりづらい!Mountain LionのUI変更点まとめ。
細かすぎて伝わりづらい! iOS 5のデザイン変更点まとめ。
細かすぎて伝わりづらい、Mac OSX Lionのデザイン変更点まとめ。

Popular posts from this blog

午前9時41分、Appleが止めた時間の謎。

ついにiPhone 4Sが発表されました。
日本からは2キャリアから出ることになり、乗り換えるのか、そのままなのか、これまで電波の弱さに悩まされてきたユーザーにとっては悩みどころですね。 

さて、あまり変わり映えのしないiPhone 4Sですが、よくよく見てみると、ひとつ気になることが…。
スクリーンショットの時間が、なんとも中途半端な9時41分になっています。

キリの良い9:40でもなく、イベントの開始時間である10:00でもなく、なぜこんな中途半端な時間なのでしょうか。

気になったので過去の製品画像をみてみると…。 なんと全てが「9:41 AM」で統一されています。
ここまで中途半端な時間で一貫しているということは何か意味があるのかもしれないですね。 ジョブズもしくはMac誕生の時間なのか、Appleにとって何かしらのメモリアルな時間なのでしょうか?
気になって海外のApple系ブログを色々と探索していたら、TUAWの記事に、Secret Labsの開発者ジョン マニングが、アップルストアにいたスコット・フォーストール(Apple上級副社長)に時間の意味を質問したという内容の記事がありました。

それによると、プレゼンテーションでプロダクトを大きくお披露目する時間を、約40分で発生するようにkeynoteをデザインし、スクリーンに映し出されたときに観客の時計とズレがないようにしていたらしいのですが、ピッタリ予定通りに行かない事を見越して数分追加した時間なのだそうです。
この40分に対し、スコットは「secret magic time」と名付けていたそうです。
実際にiPhoneが初めて発表された2007年のMacWorldをみてみたところ、プレゼンが開始されてちょうど40分頃にiPhoneのスクリーンが初めて公開されています。
つまり、時間が統一されている理由は、iPhoneのスクリーンが世界に向けて初めて公開されると予測した時間で、合理的な理由がありつつも、Appleにとって記念すべき時間でもあるからということですね。

さて、無事解決したかと思われますが、ここで新たな疑問がでてきます。
その「secret magic time」はなぜ40分なのかということ。
分刻みのプレゼンテーションを組み立てるぐらいですから、そのタイミングにも意味があると思います。 それ…

やはり、紙と鉛筆は良い。

新iPadが登場して思ったこと。

Retinaディスプレイによって、タブレットでも解像度や色の表現力が印刷よりも高くなり、いよいよ紙媒体が置き換えられてしまうのか、存在意義が問われつつある感じですね。
これまで、ものを考えたり記録したりするツールは、紙と鉛筆のようなアナログツールが一般的でしたが、ここ数年でiPadやiPhoneを代表としたモバイルデバイスや、Evernoteのようなクラウドなどの様々なデジタルツールにどんどん置き換わってきているように思います。
しかし、私自身それらを便利だとは感じていても、ものを考えるツールとしては、やはり紙と鉛筆のようなアナログツールが一番良いように思います。
たくさんのデジタルツールがある中で、なぜ「紙と鉛筆」が良いと感じるのか、その理由を様々なツールと比較して、紙と鉛筆の良さを改めて見直してみたいと思います。

テキストエディタ vs 紙と鉛筆 テキストエディタは誰もが使えるほどにシンプルで素晴らしいです。書き残せる事は無制限に近く、携帯などでいつでもどこでもメモをしながら考えることができます。 しかし、ものを考える上での欠点は、記された情報が垂直方向に並んでしまうことで、直線的な思考に縛られてしまうことです。 それに対して紙と鉛筆は、自分の思いつくことを白い紙の上に縦横無尽に書き出していくことで全体を見渡し、それぞれの関係性を見いだすことで、新たな発想へとつなげやすくなります。 「直線思考」か「拡散思考」か、可能性の広がりにおいて紙と鉛筆の方は圧倒的です。

描画ソフト vs 紙と鉛筆 何よりもスピードを重視するならば、あれこれ考えるよりもマウスを手に取ってIllustratorやパワポなどの描画ソフトを使って考えながら手を動かす方が良いかもしれません。 しかし、本当にそうであるならば、何よりも先に紙と鉛筆を手に取る事をオススメします。 思考スピードという点において、描画ソフトでは上図のように手+マウス→ソフトウェア上の仮想ツール→描画と、2つのツールを介すのに対して、アナログツールでは手+鉛筆→描画と、1つのツールを介すだけです。 描画ソフトは必ずしもエラーやフリーズがおきないとは限らず、思考プロセス上にある障害は少なければ少ないほど思考にかかるストレスは低くなり、結果的に質の良いものを作り出す事につながります。 また、早い…

細かすぎて伝わりづらい!
iOS 5のデザイン変更点まとめ。

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。
3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。
2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。

さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。

 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。


 1.アイコンバッジ

 iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。
全体的に比較してみると、iOS 4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。


2.ボックスデザイン

設定画面などのボックスデザインが、iOS 4ではフラットなラインに対して、iOS 5ではシャドウとハイライトが追加されて立体的なデザインになっています。
 iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。


 3.メッセージのハイライト

これは賛否両論ありそうですが、iOS 4ではメッセージの文字がプレーンなテキストだったのに対して、iOS 5ではハイライトが追加されてこれまた立体的なデザインになっています。
他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。


 5.回転ロックボタンの厚み

iOS 4では回転ロックボタンのシャドウ距離が3pxだったのに対して、iOS 5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。
反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという機能アイコンと、ミュージックを起動するという起動アイコンの違いを表しているのではないかと思います。


5.ホームアイコンの間隔

 iOS 4ではアイコンの間隔が38pxの等間…