WEB用写真を黄金比&白銀比でトリミングするアクション
美しいデザイン・レイアウトを生み出すのに必要不可欠な黄金比と白銀比。
この比率を取り入れることでバランスのいい綺麗なデザインになるといわれています。
コリスさんのサイト黄金比をサイトのデザインに取り入れる簡単な３つの方法でも紹介されているようにWEBデザインにおいても多く取り入れられています。
今回はこの黄金比と白銀比でWEB用画像を簡単にトリミングできるようにアクションを作成したので配布します。WEBの画像で使いやすいように160px〜500px(長辺)までの各種サイズ用意しました。
| 黄金比 (GoldenRatio) | 白銀比 (SilverRatio) |
|---|---|
| W160 x H99 | W160 x H113 |
| W190 x H117 | W190 x H134 |
| W220 x H136 | W220 x H156 |
| W250 x H155 | W250 x H177 |
| W280 x H173 | W280 x H198 |
| W310 x H192 | W310 x H219 |
| W450 x H278 | W450 x H318 |
| W500 x H309 | W500 x H353 |
ちなみに“Dearps”では白銀比を利用しております。
白銀比は、日本が発祥で法隆寺などの寺や、建築物に多く見られる比率で日本人に馴染みの深い比率とされています。私も黄金比よりも白銀比のほうがしっくりくる気がします。
黄金比&白銀比トリミングアクションのダウンロードは以下から。
※追記:2010.5/21
黄金比&白銀比トリミングアクション ver.2を公開しました。
サイズ指定なしで画角の比率だけ黄金比、白銀比にクロップすることができます。