レイアウトを美しく！WEBデザインに黄金比や白銀比を取り入れよう

こんにちは。デザイナーの白浜です。
今回はWEBのレイアウトや画像制作で気軽に黄金比や白銀比を取り入れるためのお役立ちツールをご紹介します。
わりと自分用メモですが良かったら参考にしてみてください。

黄金比や白銀比を取り入れるためのツール4選

レイアウトの小技

http://liginc.co.jp/wp-content/uploads/2015/10/index.html

画面をどんどん黄金比や白銀比で区切っていってくれるツール。バナーなどの画像を作成するときや、サイトデザインの当たりをつけるときにいい感じ。

web計。

http://zeller-lab.com/img-width/

おなじみweb計。パパっと数値が知りたい時に。

Photoshopの切り抜きツールにも黄金比

Photoshopの切り抜きツールの中にも黄金比のガイドがあったります。（CS6ぐらいからでしょうか？）

黄金比を意識しながらトリミングできていいですね。

Photoshopスクリプトでも黄金比

メディア事業部の我らが王先生が以前黄金比、白銀比の短形を生成してくれるスクリプトを作ってくれています。
こちらも大変便利です！

詳しくは王くんの記事をご覧ください。↓
Photoshopでの作業を効率化する！いい感じのJSXスクリプトを作ってみた。

いかがでしたか？

本当はPhotoshop用の黄金螺旋テンプレートをご紹介したかったのですが・・・リンク先が消えてるっっ。
もしいい感じのテンプレートやガイド等のツールをご存知の方がいましたらぜひぜひ教えていただきたいです。

キャリアアップ
「Studio上野でWebクリエイターを目指す！」