Skip to main content

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

iPhone5やiOS 6のリリースなど、アップルユーザーにとって目が離せない日が続いていますね。
iOS 6に関しては地図アプリが散々なもので正直ガッカリですが、UIは全体的に使いやすくなって、じっくり観察してみると細かすぎる変更点も健在でした。
大きな変更点に隠れた細かすぎる変更点たち、その涙ぐましささえ感じる進化をどうぞ!

■設定アイコン
iOS 5では歯車の形が尖っていましたが、iOS 6では角が丸くなってソフトなイメージになっています。
OSXの設定アイコンと同じになったのでBack to the macの方針がアイコンでも徹底されているようですね。

■時計アイコン
設定アイコンと同じ様に、iOS 5では時計針のシャープな印象でしたが、6では太さが一定になり、角張った印象になっています。
Apple製品がブラウン製品とよく似ているという事から考えると、ブラウン社のアラームクロックに、よりデザインが似てきていますね。

■ヘッダー
iOS 5では光沢感のある質感になっていましたが、iOS 6ではそれがなくなってマットな質感になり、さらにシャドウが追加されています。
iPhone 5の背面もマット加工がされていることから、ハードとソフト両方の質感を統一してきているということが分かります。

■アクションシートのボタン
ヘッダーと同じ様に、光沢のあったものが、iOS6では光沢感がなくなりマットな質感になっています。
個人的には光沢のある感じも好きでしたが、新しいボタンもグラデーションの感じが綺麗で良い感じですね。

■カメラアイコン
やや角張った印象のアイコンでしたが、iOS 6 ではより丸っこくなってかわいらしい感じのアイコンになっいます。より親しみやすさを重視して来ているということでしょうか。

■キーボードの角
iOS 5ではキーボード下部に角丸の処理が加えられていましたが、iOS6ではそれが無くなって直角になっています。
ジョブズ氏の伝記で、アップル製品で角丸が多いのはジョブズ氏が角丸にこだわっていたから、というエピソードがありましたが、もうその必要性が無くなった、ということでしょうか。

■メッセージアプリ
iOS 4からiOS 5に変わった際に追加されたハイライトの幅が2pxだったのに対し、iOS 6ではそれが1pxになって立体感が弱められています。
吹き出しの質感を維持しつつもより可読性が高くなるように改善されていますね。

■回転ロックアイコン
これも光沢の質感だったものに対し、非光沢のものになり、中のアイコン自体も少し大きくなっています。
設定アイコンと同じ背景を使用している事から、「設定」を意味するものであるという事が一貫して分かりやすくなっています。

■Spotligh検索の幅
iOS 5ではSpotligh検索バーの高さが58pxだったのに対し、iOS 6では56pxと幅がせまくなっています。
なるほど、iPhone 5がより薄くなったのに合わせて検索バーの幅もより薄くなったというわけですね。

■数字記号キーボードの幅
iOS 5ではハイライトの幅が2pxでフラットな形のデザインでしたが、iOS 6ではハイライトの幅が1pxと弱くなり、変わりにグラデーションの色味が強くなってすこし立体的に見える様になっています。

さらに、よくよく見てみると下記の図のように、キーボードのピッチや間隔も変更がされています。
それぞれの幅を広げて間隔を縮める事で、記号キーとしての一体感をだしてバランスがとれるように変更された、もしくは利用頻度の高いキーを単純に大きくして押しやすくした、ということでしょうか。

あまりにも細かすぎる変更点、いやはや、相変わらずのクオリティですね。

今回の変更をみると、Web2.0時代から続いて来た光沢感のあるデザインに対するカウンターの流れが大きくなりつつあるように思います。
実際にdribbbleでも常にトップ入りしているものは、クリーンで明るめのデザインが多いことから、光沢感のあるものは少し古くさく見えてしまう時がくるかもしれないですね。

多くの人に親しまれ、完成度の高いOSと言われていても、常に改良し続けていく。
インダストリアルデザインの研究で有名なヘンリー・ペトロスキーの言葉に通じるものを感じます。

「どんなものにも少しは改良の余地がある。だが世に完璧なものが存在しないのなら、完璧なデザイン変更だってありえないわけだ。この現実を知っていながら、私たちはなおも試みる」
–ヘンリー・ペトロスキー『使い勝手のデザイン学』


完成されていても、完璧ではない。
より美しく、より使いやすくなるように、
どんなに小さなことであろうとも積み重ねていくこと。
その大切さを改めて教えてくれます。


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の等間…