タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

Designと黄金比に関するmasaya-chonanのブックマーク (7)

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
  • 黄金比

    縦と横の比率が最も均斉のとれた長方形を想像してみて下さい。それは人によって様々かもしれませんが,黄金比と 呼ばれる比が最も美しいと言われています。ところで,どうしてその比率がバランスよく見えるのでしょうか。もしかしたら,その中に何か神秘的な規則が内在しているのではないでしょうか。 ここでは,それに関連するいくつかの話題を展示します。お楽しみ下さい。 1 黄金比とはなにか 歴史上,黄金比を数学の話題として初めて意識したのは,ユークリッドとされています。彼は 次のような幾何学の問題として捉えていました。 では次に,この比率を持つ長方形を作図してみましょう。 まず,1辺の長さがaの正方形ABCDを作図します。次に,辺BCの中点Mを作図し, そこからDまでの距離をとり,Mを中心に半径DMの円を描きます。 辺BCの延長線との交点をEとし,長方形ABEFを描くと,それが黄金比を持つ長方形になります。

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

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

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

    出典は列挙するだけでなく、脚注などを用いてどの記述の情報源であるかを明記してください。 記事の信頼性向上にご協力をお願いいたします。(2013年3月) 黄金比(おうごんひ、英: golden ratio)とは、次の値で表される比のことである: 黄金長方形(縦横の長さの比が黄金比( 1: 1.618…)である長方形)から最大正方形を切り落とすと、元の長方形と相似になる。赤線は黄金螺旋、緑線は正方形内の四分円を接続したものである。黄色は重なっている部分を表す。 以下で述べるような数理的な性質は、有理数にならないこの値のみが持つ性質であり、有理近似等には基的には意味が無い。「デザインを美しくする」などといった巷間よく見られる説については#用途を参照。小数に展開すると 1 : 1.6180339887... あるいは 0.6180339887... : 1 といった値となる。 黄金比は貴金属比の

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

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

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

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

  • 1