Skip to main content

細かすぎて伝わりづらい!Mountain LionのUI変更点まとめ。

Mountain Lionが発売されて約1週間。iCloudとの統合も強化されてさらに使いやすくなった感じですね。
個人的にはリマインダーが追加されたおかげでTodo管理が一元化できそうなところが嬉しいです。

さて、UIの大きな変更点としては、通知センターが追加されて、Lion発表時にあったiOSの機能をMacに還元する「Back to the Mac」のコンセプトが着実に進んでいる印象ですね。
今回もよくよく目を凝らしてみると細かい部分でも変更点がありました。
華々しい新機能に隠れた細かな変更点たちをどうぞご覧あれ。

■Finderのフッター
Lionの時点でFinderのツールバー部分にノイズのテクスチャが追加されていましたが、フッターの部分には追加されておらず、今回の変更でFinderのフレーム全体にノイズのテクスチャが追加されています。
この変更でFinderのデザインにより統一感が出た感じになりましたね。


■環境設定のディスプレイアイコン
Lionではグレーのフレームでしたが、Mountain Lionでは現行ディスプレイのデザインに合わせてブラックのフレームになっています。なるほど、あたらしいOSには新しいディスプレイを買って揃えなさい、というわけですね。


■ターミナルアイコン
Lionではノイズのアルミの質感に近いようなデザインでしたが、Mountain Lionではノイズが無くなってフレームの形もよりシャープな印象になっています。
あまりに微妙すぎるので、これはもうデザイナーのそのときの「気分」でしか説明できないような気もしますね。

■Keynoteアイコン
Moutain Lionの発表と同時にiLifeやiWorkのアプリケーションもアップデートされましたが、その中でkeynoteアイコンの四半期表示も「Q4 2009」から「Q4 2012」に変更になっています。
文書の行数も違う事から、テキストも変更されているようですが、残念ながらこれ以上拡大できないので読む事ができないので謎なままです。

■Dockの角度
Dockのデザインが変更になったことは多くの方がお気づきになったかと思います。さらに2つをよく見比べてみるとそれに合わせてゴミ箱アイコン、スタックフォルダーの角度も変わっていることが分かります。
この変更の理由についてはOS X Human Interface Guidelinesに記されている下記の図がとても参考になります。
Using Perspective and Texture to Reflect Reality
Dockの角度にあわせてアイコンの角度も変えることによって、現実における見え方を反映したデザインを忠実におこない、より自然で直感的に分かりやすいデザインになっているというわけですね。

今回はUIのエレメントでは目立った変更点はありませんでしたが、keynoteアイコンのように見えない部分までこだわる遊び心を感じさせるところはさすがのApple。
拡大して見ないと分からないレベルの変更点を見ると、ジョブズ氏亡き今もまだ完璧にこだわる理念は息づいているようですね。

Popular posts from this blog

The law of beauty hidden behind the iCloud icon.

On the other day, iCloud has been introduced to the world and it became a big topic of conversation. The design of icon is refined as ever. Let's think about why it looks so beautiful. Changing the point of view a little, I'll try to find out the reason of its beauty by focusing on icon design itself.

At first, let's take a look at its appearance.
Its shape is balanced while the outline is irregular. It may looks easy to settle the whole shape as cloud-shaped with simplicity and balance, however, it's not that easy. It's actually a refined design.


We can't approach the reason of beauty only by just looking at. So, let's peer into its design.
As some of you may already notice, there are four circles hidden in the whole shape. At first glance, the curve looks irregular. Although, if you look at it further, it turns out that it has a balanced shape composed of precise circled.

In short, it tells that the beauty of icon comes out of the geometry. However, it'…

午前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分なのかということ。
分刻みのプレゼンテーションを組み立てるぐらいですから、そのタイミングにも意味があると思います。 それ…

細かすぎて伝わりづらい!
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の等間…