タグ

2012年6月17日のブックマーク (3件)

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

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

  • 黄金比をサイトのデザインに取り入れる簡単な3つの方法 | コリス

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

  • 黄金比を使ったレイアウト作成方法 | LonelyComet | 風俗サイトのデザイン指南サイト

    みなさん黄金比・黄金率というものをご存知でしょうか? 黄金比とは、「1:1.618」からなる比率で、最も美しい比率と呼ばれています。 黄金比は、名刺をはじめ、様々なカード類のサイズにも活用されていることが多いです。 ちなみにこのLonelyCometも黄金比で構成されております。 また、PSPや任天堂DSなどのゲーム機のディスプレイ画面も黄金比で構成されています。 最近のニュースで「『Twitter』の新しいデザインは黄金比で作られていた!」 というものがありましたが、とりわけすごい技術でもないので、誰でもできます。 また、全体のレイアウトの構成だけではなく、バナーなどのレイアウト組みにも使えます。 どこにフォントいれようかなぁ・・・なんて迷った際は、黄金比に当てはめてみて、 違和感のないところに配置したりすればいいのです。 コリスさんの黄金比をサイトのデザインに取り入れる簡単な