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つのツールを介すだけです。 描画ソフトは必ずしもエラーやフリーズがおきないとは限らず、思考プロセス上にある障害は少なければ少ないほど思考にかかるストレスは低くなり、結果的に質の良いものを作り出す事につながります。 また、早い…

それでも私がSketchを使い続ける理由。

ついにUIデザインツールの大本命とされていたAdobeのProject CometがAdobe Xdとしてリリースされた。
学生時代から10年近くAdobe製品を使い続けていたが、UIデザインでの使い勝手の悪さにウンザリし、ようやく重い腰をあげてSketchに移行したところだった。
そんな中、Adobe Xdは「またAdobeに戻ってもいいかも」と思えるぐらい、Sketchのシンプルさとプロトタイピングツールのエッセンスがうまく統合されていて心が揺れ動くプロダクトだ。
まだプレビュー版で機能などは限定的なので、正確に評価することは難しいが、Adobeが持つ他ツールとの親和性やマーケティング力を考えると、Sketchや既存サービスにとって大きな脅威となるのではないだろうか。
Adobeが強力なツールを出してきた中で、それでもSketchを使い続ける理由はあるのか。

UIデザインに携わる人にとって悩ましいところだが、Sketchの未来はまだまだ明るい。
単純に機能を比較するだけでは測れないような価値がSketchにはあるからだ。

UIだけでなく、プロセスをデザインできる。 プロトタイピングはProttやFlinto、プロジェクト管理まで含めるならInvision、エンジニアとの連携ならZeplinなど、Sketchと親和性の高いサービスが続々と登場している。
Sketchなら、これらをうまく組み合わせることでプロトタイピングやコミュニケーション、開発に至るまでのあらゆるプロセスを効率よく進めることができるようになっている。
質の高い無料のUIテンプレートや素材が無数に存在する中で、表層のグラフィックが作れるだけでは半人前。 UIデザインは意図したデザインが機能するように、ビジネスとエンジニアリングの間を行き来しながらコミュニケーションをうまく行っていくことの方が重要だ。
現状、Adobe製品だけではプロセスに関わるツールを完全にカバーすることは難しい。ここに今後もSketchを使い続けるメリットが充分にある。

ユーザーがプロダクトづくりに参加できる。 正直、Sketchは大嫌いだった。心地良くない文字詰め、謎に空きすぎる行間、独特の描画方法のペンツール…。
Adobe製品と比較して出来ないことだらけで、使い始めた頃は不便も多く「全く使えない」と…