<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; 白銀比</title>
	<atom:link href="http://www.designwalker.com/tag/%e7%99%bd%e9%8a%80%e6%af%94/feed" rel="self" type="application/rss+xml" />
	<link>http://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/%e7%99%bd%e9%8a%80%e6%af%94/feed" />
		<item>
		<title>黄金比グラデーション・白銀比グラデーション</title>
		<link>http://www.designwalker.com/2007/09/gradient-ratio.html</link>
		<comments>http://www.designwalker.com/2007/09/gradient-ratio.html#comments</comments>
		<pubDate>Sun, 09 Sep 2007 21:59:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技術を語る男]]></category>
		<category><![CDATA[Photoshop関連]]></category>
		<category><![CDATA[グラデーション]]></category>
		<category><![CDATA[白銀比]]></category>
		<category><![CDATA[黄金比]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/09/%e9%bb%84%e9%87%91%e6%af%94%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%bb%e7%99%bd%e9%8a%80%e6%af%94%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3.html</guid>
		<description><![CDATA[
			
				
			
		
先日、バランスのよさ気なグラデーションの比率を考えていたところ、以前このブログでご紹介しました、『身近にちらばる黄金比のデザイン』を思い出しました・・・
グラデーションの比率を黄金比（1 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F09%2Fgradient-ratio.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F09%2Fgradient-ratio.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>先日、バランスのよさ気なグラデーションの比率を考えていたところ、以前このブログでご紹介しました、『<a href="http://www.designwalker.com/2007/02/golden-ratio.html" title="身近にちらばる黄金比のデザイン">身近にちらばる黄金比のデザイン</a>』を思い出しました・・・</p>
<p>グラデーションの比率を黄金比（1：1.618&#8230;）に設定してみたら、しっくりくるかな？っと思いまして。。。</p>
<p>実際に試してみたところ、結構いい感じだったのでご紹介。。</p>
<p>上部から中央に、中央から下部に垂直にグラデーションを2段階に分けてかけてみました。で、上部と下部のグラデーションの比率を黄金比に設定してみました。。（といっても、38%と62%と大雑把ですが・・・）</p>
<p>こんな感じ↓</p>
<div align="center">
<img src="http://www.designwalker.com/img/gradation_ratio/gradation_ratio04.jpg" alt="" />
</div>
<div align="center">
<img src="http://www.designwalker.com/img/gradation_ratio/gradation_ratio01.jpg" alt="" />
</div>
<p>いろんな色で作ってみました。。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/gradation_ratio/gradation_ratio02.jpg" alt="" />
</div>
<p>っちゅうわけで、同じように日本で古くから使われている<a href="http://ja.wikipedia.org/wiki/%E7%99%BD%E9%8A%80%E6%AF%94" title="白銀比">白銀比</a>でも試してみました。。</p>
<p>こんな感じ↓。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/gradation_ratio/gradation_ratio03.jpg" alt="" />
</div>
<p>せっかく作ったのでPhotoshopの<a href="http://www.designwalker.com/download/Golden_Silver.zip" title="黄金比・白銀比グラデーションファイル">グラデーションファイル</a>をアップしておきました。。ダウンロードして試してみてくださいねぇ～。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/09/gradient-ratio.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/09/gradient-ratio.html" />
	</item>
	</channel>
</rss>

