黄金比・白銀比計算ツール

黄金比や白銀比に基づいたサイズを計算します。First byteの専門知識（心理学×デザイン）を活かし、美しく調和の取れたデザインを支援します。

First byteの独自アプローチ

数学的美しさ × 心理学的な調和

このツールは、黄金比・白銀比の計算と、
心理学に基づいたデザイン推奨事項を提供することで、
「数学的に美しい」だけでなく「人間が美しいと感じる」デザインを支援します。

比率の種類と基準値を入力すると、調和の取れたサイズを計算します

比率の種類 *

基準値 *

幅または高さの基準値（px、mmなど）

計算方向 *

左側のフォームに情報を入力し、「サイズを計算」ボタンをクリックしてください

First byteでは、レイアウト設計からUI/UXデザイン、アクセシビリティ対応まで一貫してサポートします。
心理学とデザインの両方の視点から、美しく使いやすいインターフェースを目指します。

黄金比で作れば必ず美しくなりますか？

なりません。黄金比は『一案を作る出発点』で、実際の美しさは余白・色・タイポグラフィ・コンテンツ量との総合で決まります。黄金比を守るために情報量を犠牲にするのは本末転倒です。

Web デザインで黄金比を使う場面はどこですか？

フォントサイズの段階（見出しと本文の比）、画像のアスペクト比、左右カラム幅の比、などの『2 つの要素の関係』に向きます。1 ページ全体を黄金比だけで割るのは、レスポンシブで破綻するので推奨しません。

他の比率（白銀比・三分割など）と組み合わせていいですか？

組み合わせて構いません。むしろ単一比率で押し切ると単調になります。基本は黄金比、写真の構図は三分割、アイコンは白銀比など、用途で使い分けるのが現実的です。

※ 上記は判断補助のための一般的な解説です。重要な意思決定は専門家への相談を推奨します。

前提：比率は入力に基づく計算であり、デザインの文脈・目的によって最適な寸法は変わります。

使い方：基準値・比率タイプ・方向を入力すると寸法を計算します。

解釈の注意：計算結果をそのまま採用してよいと取りがちです。結果はあくまで参考値です。実機でのバランス確認を推奨します。