サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
購入・発注したい方
サービスを探す
プロ人材を探す
ノウハウ・素材を探す
ブログを探す
仕事・求人を投稿して募集
エージェントに人材を紹介してもらう
受注・働きたい方
出品する
単発の仕事を探す
継続 (時給/月給) の仕事を探す
エージェントに仕事を紹介してもらう
カテゴリ一覧
イラスト作成・漫画制作
デザイン制作
Web制作・HP作成・EC構築
動画編集・映像制作
集客・マーケティング相談
NEW
ビジネス代行・事務代行
音楽制作・ナレーション
IT相談・システム開発
ライティング・翻訳
コンサルティング・士業
生成AI活用・開発・制作
NEW
占い
悩み相談・カウンセリング
学習指導・資格・キャリア相談
住まい・美容・生活相談
オンラインレッスン・習い事
ハンドメイド制作
出張撮影・出張サービス
資産運用・副業の相談
NEW
弁護士検索・法律Q&A(法律相談)
サポート
はじめての方へ
ご利用ガイド
お困りのときは
ログイン
会員登録
サービスを探す
イラスト作成・漫画制作
>
デザイン制作
>
Web制作・HP作成・EC構築
>
動画編集・映像制作
>
集客・マーケティング相談
NEW
>
ビジネス代行・事務代行
>
音楽制作・ナレーション
>
IT相談・システム開発
>
ライティング・翻訳
>
コンサルティング・士業
>
生成AI活用・開発・制作
NEW
>
占い
>
悩み相談・カウンセリング
>
学習指導・資格・キャリア相談
>
住まい・美容・生活相談
>
オンラインレッスン・習い事
>
ハンドメイド制作
>
出張撮影・出張サービス
>
資産運用・副業の相談
NEW
>
>
プロ人材を探す
>
ノウハウ・素材を探す
ブログを探す
>
求人募集を投稿する
人材を紹介してもらう
仕事を探す
出品する
仕事を探す
仕事を紹介してもらう
出品する
仕事を紹介してもらう
求人募集を投稿する
人材を紹介してもらう
ブログを投稿
会員登録で10%割引クーポンを獲得!
会員登録で10%割引クーポンを獲得!
ココナラブログ
ホーム
ブログトップ
ブログ
IT・テクノロジー
デザインの基礎「黄金比」と「白銀比」
記事
IT・テクノロジー
ハラダウェブプランニング
2023/02/07 20:25
Webデザインをおこなう際にデザインの構成に迷う事があると思います。本来デザインの目的はユーザーが快適に、使いやすい、美しいと感じさせることです。今回はWebデザインを構成する上でデザインの概念としての「黄金比」と「白銀比」をご紹介します。
「黄金比」とは
「人間が最も美しく安定して見える比率」と言われています。別名「第1貴金属比(Golden Ratio)」とも呼ばれています。
縦:横の比率がおよそ1:1618
、整数では約5:8という比率です。身近なところで言えば「クレジットカード」「一般的な名刺」などです。有名なところでは、「ミロのビーナス」「パルテノン神殿」「パリの凱旋門」、最近の例では、Apple社とGoogle社のロゴマークも、黄金比であることが知られています。またWebサイトの2カラムの場合、メインとなる大きい画面の「メインカラム」とサブとなる「サイドカラム」または「サイドバー」の横幅の比率を「黄金比」にすると、見やすく美しいレイアウトになると言われています。
「白銀比」とは
「白銀比」とは「第2貴金属比(Silver Ratio)」とも呼ばれています。縦:横の比率がおよそ1:2.414、整数では約5:12です。
「白銀比」には、2種類ありもう一つは日本では古くから建築物の中に取り入れられています。例えば「法隆寺の五重塔」「伊勢神宮」などで用いられていて「
大和比
」とも呼ばれています。
縦:横の比率がおよそ1:1.414
、整数では約5:7です。一般的な用紙サイズ規格の「A版」「B版」などに使用されています。また、有名なところではキャラクターの「ドラえもん」「キティちゃん」などの体型比率に使われています。最近の建物では東京スカイツリーにも「白銀比」が活用されていると言われています。
これまでの傾向として、「かっこよくスタイリッシュなもの」を好む文化では「黄金比」が愛され、「かわいらしさや親しみやすさ」を求める文化では「白銀比」が好まれるようです。その他にも「青銅比」「白金比」など多種ありますがよく利用される2種類をご紹介しました。
【デザインの基本についてはこちら】
デザインの基本4大原則
最後までご覧いただきありがとうございます。
私達の身の回りには「黄金比」や「白銀比」が多くの商品やロゴマークなどのデザインで取り入れられています。この方法を使ってWebデザインやレイアウトの作成に活用してみてはいかがでしょうか。
#Webデザイン
#黄金比と白銀比
一覧に戻る