黄金比グラデーション・白銀比グラデーション
先日、バランスのよさ気なグラデーションの比率を考えていたところ、以前このブログでご紹介しました、『身近にちらばる黄金比のデザイン』を思い出しました・・・
グラデーションの比率を黄金比(1:1.618…)に設定してみたら、しっくりくるかな?っと思いまして。。。
実際に試してみたところ、結構いい感じだったのでご紹介。。
上部から中央に、中央から下部に垂直にグラデーションを2段階に分けてかけてみました。で、上部と下部のグラデーションの比率を黄金比に設定してみました。。(といっても、38%と62%と大雑把ですが・・・)
こんな感じ↓
いろんな色で作ってみました。。。
っちゅうわけで、同じように日本で古くから使われている白銀比でも試してみました。。
こんな感じ↓。。
せっかく作ったのでPhotoshopのグラデーションファイルをアップしておきました。。ダウンロードして試してみてくださいねぇ~。
|
|
|







![Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]](http://ecx.images-amazon.com/images/I/51VGsA-4aJL._SL75_.jpg)
![Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/518kQgLKnxL._SL75_.jpg)
![Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/517QVsIHXtL._SL75_.jpg)






September 11th, 2007 at 1:21 am
元ネタは、ここですか?
September 11th, 2007 at 3:20 pm
通りすがりさん
コメントどうもありがとうございます。コリスさんで既に紹介されていましたね。。マージンも黄金比に設定してもいいですね。情報どうもありがとうございます。
September 20th, 2007 at 1:10 pm
グラデーションファイル早速、使わせていただいてます。
ありがとうございます。
October 2nd, 2007 at 2:31 pm
匿名さん
コメントどうもありがとうございます。今後ともどうぞ宜しくお願いいたします。
November 5th, 2007 at 5:20 pm
グラデーションファイル利用させて頂きます。宜しくお願致します。
またお手数ですが質問なのですが、この対比色(濃い色と明るい色の部分)を選択する時に何かコツというかポイントございますでしょうか?自分でやって見ると何かきれいにならないもので。
数こなすことだと思いますが、何かあれば宜しくお願致します。
November 8th, 2007 at 4:47 pm
うっちゃんさん
コメントいただきまして、どうもありがとうございます。う~ん。そうですねぇ。。わたくしの場合は、ほぼ感覚で色を決めていますが、以前このブログでもご紹介したような、『デザインの配色に迷ったときに使えるツールのまとめ』など、ご参考にされても良いかもしれませんね。。
November 19th, 2007 at 11:08 am
回答有難うございます。
早速ツールを使ってみたいと思います。
November 20th, 2007 at 4:05 pm
うっちゃんさん
的確なご回答ができずすみません。。今後ともどうぞ宜しくお願いいたします~。
April 17th, 2008 at 7:45 pm
デザインに役立つリンク集…
いろいろ見つけたので、アップ!
デザイン勉強会のまとめをするよ!
http://www.hamashun.com/blog/2007/09/post_35.html
ブロガーのための使えるPhotoShopチュートリアル集
http://phpspot.org/blog/archives/2007/09/photoshop_23.html
DesignWalker
http://ww...
June 18th, 2008 at 1:48 am
[…] DesignWalker 】 […]