[B! Apple] h_hmapのブックマーク

考察：Appleはスマホサイトを作らない。

今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう

h_hmap 2011/06/23

リンク

icloudのアイコンに隠れた美しさの法則。

Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。まずは、なんとなく眺めてみましょう。雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。なんとなく眺めて

h_hmap 2011/06/09

リンク

Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント

Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。サイトのキャプチャは可能なものは日本サイトのものにしています。はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはたくさんあります。ここにあげた15のポイントはあなた自身の仕事に活用されることを意図したものです。この素晴らしいサイトデザインをあなたのインスピレーションとして使用してください。 1. Keep it Simple アップル Appleのウェブサイトを一目見てください。そして、あなたの目に見えるものではなく、見えないものについて注目してみてください。例えば、空港でトイレを探していると想像してくだ

h_hmap 2011/04/28

リンク

iOSやMac OS Xの「使えるUI」が検索＆ダウンロードできる『Cocoa Controls』 | 100SHIKI

Apple系の開発をしている人に便利そうなサイトのご紹介。 Cocoa Controlsでは、iOSやMac OS Xにおける「使えるUI」を検索＆ダウンロードすることができます。「ひっぱって更新」「カバーフロー的なアルバム」など、iPhoneやMacアプリでよく見るUIがずらずらと並んでいて参考になる。また実際に使えるコードも付いているのが特徴的だ。基本的にgithubで管理されているようで、Forkされた数なんかも見ることができる。 Apple系のUIで悩んでいる方は覗いてみてはいかがでしょ？