Skip to main content

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

先日発売されたMac OSX Lionを何の迷いもなくダウンロードして、日々Apple信者になりつつあるのを実感しております。
さて、実際に数日間使ってみた感想としては、追加機能や操作の変更がてんこ盛りで慣れるのに時間がかかりそうな感じですが、特に気になったのはUIのグラフィックも細かな変更がされているということ。
そこで、新しい機能や大きな変更が話題になっている中で、細かい部分にスポットライトを当てて、その「細かすぎる変更点」をまとめてみました。

違いが分かりやすくなるようにそれぞれ拡大してあります。
目を凝らしてどうぞ。


1.クローズ・ミニサイズ・ズームボタン
Snow Leopadでは各ボタンの大きさが14pxだったのに対してLionでは少し小さくなって12pxになっています。さらに、ロールオーバーしたときの記号のデザインも少し立体的なグラフィックになっています。
通常ではボタンは大きい方が押しやすくなるはずですが、小さくなったということは、これらのボタンの必要性が低くなっているということでしょうか。



2.ラベルカラーの間隔
Snow Leopadではラベルカラーの間隔が1pxだったのに対して、Lionでは間隔が広くなって2pxになっています。
実際に使っていても、間隔が広いLionのほうが色同士の識別がしやすくなったと思います。



3.ソートボタン
Snow Leopadでは項目を並び替えるソートボタンを区切る線が15pxで上下のアキが無かったのに対して、Lionでは上下に2pxずつ空きを作る形で11pxになっています。同じように、FinderのBack/Frontボタンも区切り線が上下にアキができているので、UIのデザインルールとして項目を完全に区切らない方向になったということでしょうか。



4.ウィンドウのテクスチャ
Snow Leopadではウィンドウ上部のカラーがグレーのグラデーションだったのに対して、Lionではノイズのテクスチャが追加されています。
テクスチャが入る事でiOSの持つアナログのテイストに近づいた感じがしますね。


5.ドックアイコン下のランプ
Snow Leopadではアプリケーション使用時のドックアイコン下のランプの大きさが10pxだったのに対して、Lionでは少し小さくなって8pxになっています。これは、アプリケーション操作の管理がMisson Controlで行う方向に向かっていることから、Dockそのものの必要性が低くなっているために小さくなったのではないでしょうか。



6.Finderアイコン
最後はおなじみのFinderアイコン。一見お変わりないように見えますが、拡大して見てみるとLionでは輪郭にハイライトが追加されて少し立体的になっていますね。微妙な変わりっぷりは、少しずつ絵が変わるモーフィングアニメのようで、危うく気付かぬままになるところでした。



以上、細かすぎて「些細な違いなど気にしてられん」とか「気付かない部分にこだわっても意味が無い」というお声が聞こえてきそうですが、美しいと言われるアップルのインターフェイスの総体は、1pxという画像を構成する最小単位のこだわりから成り立っているということ、細かすぎて伝わりづらい程に細部までこだわることの大切さを教えてくれます。


小さな変化が、大きな変化を創り出す。
アップルの革新は改善の積み重ねでもあるといえますね。




このエントリーをはてなブックマークに追加

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