WEB業界で働く人や興味がある人に役立つ情報サイト“qam(カム)”

もの

2013/02/19

カンタン黄金比計算サイト

投稿者: もの
カテゴリー: デザイン >WEBデザイン

デザインでよく「黄金比」って使いますよね。
最も美しい比率と言われていて、芸術作品や建物、自然の生き物の中にも隠れている、アレです。
私は初めは気にしていなかったのですが、気にしてデザインをするようになると、
写真の大きさを決めたり、サイトのメインビジュアルを作るときなど、
あまり迷わず作れるようになってきました(*´∀`*)
しかも、綺麗に見えますし。

が、黄金比を利用するときにネックだったのが、計算がとっても面倒なことです。。。

黄金比は、正確な数値「1:(1+√5)/2」を当てはめると大変なことになるので、
普段は約5:8として計算していましたが、
昔から算数がとっても苦手だったので、それでも面倒でした(汗)
大抵割り切れなくて、小数で出てくるし。。。

そんな時、黄金比を自動で計算してくれる便利なサイトを発見しました♪

http://ratio.b-shiki.com/

四角形の片方の辺の長さを入れれば、もう片方の長さを一瞬で出してくれます。
「Switch Input Position」を押すと、縦と横、どちらを記入するか選べます。

ちなみに、「四角形の縦と横」だけでなく、
「横幅全体に対して左右それぞれいくつ」という分け方もできます。
両方、よく使います。。

これで、黄金比を使いたいときに、
ノートに小学校で習った比の計算式を書いて、
電卓を叩いて…という作業がなくなりました\(≧∀≦)ノ

苦手なものや面倒な作業を省略できるツールは、強い味方ですね!!

コーディング業務のご依頼、ご相談の詳細についてはこちらから

最後までお読みいただき、ありがとうございました。

よろしければシェアしていただければ幸いです。

  • このエントリーをはてなブックマークに追加

関連記事

よろしければこちらの記事もお読みください。

WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。

トップへ