WEB

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

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

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

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

レイアウトの小技

レイアウトの小技

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

web計。

web計。

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

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

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

Photoshopの切り抜きツール

Photoshop切り抜きツール

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

Photoshopスクリプトでも黄金比

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

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

いかがでしたか?

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

この記事を書いた人

姐さん
姐さん デザイナー 2010年入社
デザイナーの白浜です。ウェブデザイナーとして日々修行中。マンガと音楽とお米が好きです。よろしくお願いします。

こちらもおすすめ

現場のプロが教える WEBデザイン 新・スタンダードテクニック37

現場のプロが教える WEBデザイン 新・スタンダードテクニック37

  • 著者秋元 英輔,安藤 真衣子,五十嵐 亮太,稲葉 聡,大串 肇,小見 祐介,日下部 忠之,倉持 友喜,小杉 厚太,後藤 寛一,シオミ ユタカ,菅原 のびすけ,清野 奨,高遠 和也,高橋 としゆき,中村 大騎,羽野 めぐみ,肥田 真紀子,松本 奈央,miccweb,宮崎 優太郎,森崎 嘉友
  • 価格¥ 3,024(2015/12/01 15:38時点)
  • 出版日2015/08/18
  • 商品ランキング22,709位
  • 単行本256ページ
  • ISBN-104844365185
  • ISBN-139784844365181
  • 出版社エムディエヌコーポレーション