タグ

Designと黄金比に関するgo_uetsuharaのブックマーク (3)

  • ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法

    黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 はじめに 1. 黄金比(黄金四角形) 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに

  • 神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」

    ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比(1:1.618)になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割

    神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」
  • 黄金比をサイトのデザインに取り入れる簡単な3つの方法 | コリス

    その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、1つの値

  • 1