Skip to main content

Posts

Showing posts with the label UI

細かすぎて伝わりづらい! 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はアイコンの形状がより丸みを帯びたデザインになって、ホーム全体画...

細かすぎて伝わりづらい!
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の違いをデザインすることで、回転ロックという 機能アイコン と、ミュージックを起動...