<?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/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e3%81%b2%e3%81%9d%e3%82%80%e3%80%88%e7%be%8e%e3%81%97%e3%81%95%e3%80%89%e3%81%ae%e6%b3%95%e5%89%87/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/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e3%81%b2%e3%81%9d%e3%82%80%e3%80%88%e7%be%8e%e3%81%97%e3%81%95%e3%80%89%e3%81%ae%e6%b3%95%e5%89%87/feed" />
		<item>
		<title>『マジックナンバー７±２（４±１）』の概念をウェブデザインに取り入れる</title>
		<link>http://www.designwalker.com/2007/02/magic-number.html</link>
		<comments>http://www.designwalker.com/2007/02/magic-number.html#comments</comments>
		<pubDate>Wed, 07 Feb 2007 18:22:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[4±1]]></category>
		<category><![CDATA[ジョージ・ミラー]]></category>
		<category><![CDATA[デザインにひそむ〈美しさ〉の法則]]></category>
		<category><![CDATA[マジックナンバー]]></category>
		<category><![CDATA[木全 賢]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/02/%e3%80%8e%e3%83%9e%e3%82%b8%e3%83%83%e3%82%af%e3%83%8a%e3%83%b3%e3%83%90%e3%83%bc%ef%bc%97%c2%b1%ef%bc%92%ef%bc%88%ef%bc%94%c2%b1%ef%bc%91%ef%bc%89%e3%80%8f%e3%81%ae%e6%a6%82%e5%bf%b5%e3%82%92.html</guid>
		<description><![CDATA[
			
				
			
		

Wait for feeding&#8230;
aod_feed('a1eccc531ec4cb098f8f11c975bdd459', 'utf-8');
先日ご紹介しました、『デザ [...]]]></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%2F02%2Fmagic-number.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F02%2Fmagic-number.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><script language="JavaScript" type="text/javascript" src="http://www.isella.com/aod/js/feeder.js"></script>
<div id="aod_a1eccc531ec4cb098f8f11c975bdd459" class="aod_feeder" title="AoD Feeder">Wait for feeding&#8230;</div>
<p><script language="JavaScript" type="text/javascript">aod_feed('a1eccc531ec4cb098f8f11c975bdd459', 'utf-8');</script><br />
先日ご紹介しました、『デザインにひそむ〈美しさ〉の法則』っちゅう本</p>
<p>この本でも、ちらっと、触れられている『マジックナンバー』っちゅう概念。ウェブデザインにも応用できそうなのでメモ。</p>
<p>そもそも、この『マジックナンバー７±２』（最近では、４±１との説もございます。）というものは・・・</p>
<p>１９５６年に心理学者の<a class="AOD2" rev="tag" rel="wikipedia">ジョージ・ミラー</a>さんが発表されたもので、<br />
人間が短期的に記憶できるかたまりの数を指すそうです。。<br />無意識のうちに<a class="AOD2" rev="tag" rel="wikipedia">短期記憶</a>の中に記憶できる数が５～９もしくは、３～５つのかたまりだそうですわ。。</p>
<p>電話番号とかがいい例っす。0312345678って書かれるよりも03-1234-5678って書かれる方が記憶しやすいですよね。。。（わたくしこれでも記憶できませんが。。。）３～５つの数字のかたまりに分けることで、短期記憶に記憶しやすくするように工夫されているようです。</p>
<p>何の気なしにボ～っと見てることの多いウェブサイトにも、この『マジックナンバー７±２（４±１）』の概念は、もちろん取り入れられております。。</p>
<p><strong>1. wikipedia</strong><br />
wikipediaのナビゲーションは７つにまとめられてますね。</p>
<div align="center">
<a href="http://www.wikipedia.org/" target="_blank"><img src="http://www.designwalker.com/img/magic-number/magic-number01.jpg" alt="wikipedia" border="0" /></a>
</div>
<p>
<strong>2. 楽天</strong><br />
楽天のサーチ横のナビゲーション部分も７つ。。。</p>
<div align="center">
<a href="http://www.rakuten.co.jp" target="_blank"><img src="http://www.designwalker.com/img/magic-number/magic-number02.jpg" alt="rakuten" border="0" /></a>
</div>
<p>
<strong>3. YAHOO! JAPAN</strong><br />
YAHOO! JAPANは、ロゴを挟んで左右に３つずつですね。</p>
<div align="center">
<a href="http://www.yahoo.co.jp" target="_blank"><img src="http://www.designwalker.com/img/magic-number/magic-number03.jpg" alt="YAHOO! JAPAN" border="0" /></a>
</div>
<p>
<strong>4. Google</strong><br />
Googleの場合は、５つにまとめて、残りはmoreってしてます。</p>
<div align="center">
<a href="http://www.google.co.jp" target="_blank"><img src="http://www.designwalker.com/img/magic-number/magic-number04.jpg" alt="Google" border="0" /></a>
</div>
<p>
<strong>5. Apple</strong><br />
Appleのメインメニューもやっぱり７つ。。（アメリカは最近iPhoneが追加されて、８つになってます。。）</p>
<div align="center">
<a href="http://www.apple.com/jp/" target="_blank"><img src="http://www.designwalker.com/img/magic-number/magic-number05.jpg" alt="Apple" border="0" /></a>
</div>
<p>
やはり、普段よく見られるサイトは、この『マジックナンバー７±２（４±１）』の概念を取り入れてるのでしょうね。。</p>
<p>ウェブやデザインの知識が乏しいクライアントさんの多くは、サイトのメニュー部分をやたらと多くしたがる傾向にあります。。。</p>
<p>自分たちのビジネス内容を少しでも多く見せたいというのは良く分かるのですが。。この『マジックナンバー７±２（４±１）』の概念からすると、メニュー部分を１０も２０も設けるのは（ちと大げさか。。。）、逆効果なのかもしれませんね。。。</p>
<div align="center">
<a href="http://blog.with2.net/link.php?360074" target="_blank" onfocus="this.blur()"><img src="/images/ranking.gif" alt="デザインblogランキング" title="デザインblogランキング" /><span class="hide">デザインblogランキング</span></a>
</div>
<div class="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/02/magic-number.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/02/magic-number.html" />
	</item>
		<item>
		<title>身近にちらばる黄金比のデザイン</title>
		<link>http://www.designwalker.com/2007/02/golden-ratio.html</link>
		<comments>http://www.designwalker.com/2007/02/golden-ratio.html#comments</comments>
		<pubDate>Tue, 06 Feb 2007 16:30:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[日記を書く男]]></category>
		<category><![CDATA[Golden Ratio]]></category>
		<category><![CDATA[デザインにひそむ〈美しさ〉の法則]]></category>
		<category><![CDATA[木全 賢]]></category>
		<category><![CDATA[黄金比]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2007/02/%e8%ba%ab%e8%bf%91%e3%81%ab%e3%81%a1%e3%82%89%e3%81%b0%e3%82%8b%e9%bb%84%e9%87%91%e6%af%94%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3.html</guid>
		<description><![CDATA[
			
				
			
		
ロサンゼルスには、結構日本の本屋さんがありまして。。値段的には少々お高めですが、日本の本を手に入れるにはまったく不自由しないのです。
週末に、日系の本屋さんをチラッとのぞいたら、気になる [...]]]></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%2F02%2Fgolden-ratio.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F02%2Fgolden-ratio.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>ロサンゼルスには、結構日本の本屋さんがありまして。。値段的には少々お高めですが、日本の本を手に入れるにはまったく不自由しないのです。</p>
<p>週末に、日系の本屋さんをチラッとのぞいたら、気になる本を発見してしまいました。。。<br />
印刷のにおいにやられるのか、先祖代々からの遺伝なのか、本屋の陰謀なのか。。昔からなぜか、本屋さんに行くとトイレに行きたくなる体質なようで、あまり長い間本屋さんに滞在することはございません。</p>
<p>っちゅうわけで、基本的に本を選ぶときに基準とするのが、「人気」「タイトル」「著者」「帯に書いてあるサブタイトル」っとまぁ、本屋や、出版社の思う壺なのですが。。。立ち読みもそこそこに購入してしまいます。。</p>
<p>で、週末に購入した本がこちら。『デザインにひそむ〈美しさ〉の法則』どえす。</p>
<p><script language="JavaScript" type="text/javascript" src="http://www.isella.com/aod/js/feeder.js"></script>
<div id="aod_1436eb968c632dcd942279046cfdae1b" class="aod_feeder" title="AoD Feeder">Wait for feeding&#8230;</div>
<p><script language="JavaScript" type="text/javascript">aod_feed('1436eb968c632dcd942279046cfdae1b', 'utf-8');</script></p>
<p>非常に、分かりやすく、丁寧に工業デザインについて書かれていました。。ゆっくり、読もうと思っておったのですが、なかなか面白く、気がついたら一気に読みきってしまいました。。</p>
<p>内容については、実際読んでみてのお楽しみ。っちゅうわけで。。。</p>
<p>本日は、この本でも語られている、「黄金比」について。。</p>
<p>黄金比とは、デザイン的にもっとも美しいとされる比率のことで、<strong>1:1.618</strong>くらいです。この比率のものって、身近に結構あるもんですね。。やっぱりデザイナーさんはそのような比率を意識して造られているっちゅうことですね。。</p>
<p>それでは、身近にある黄金比デザインをまとめてみました。。</p>
<p><strong>1. タバコの箱</strong><br />
1:1.618の比率にピッタリはまってしまいました。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio01.jpg" alt="goldern ratio" border="0" />
</div>
<p>
<strong>2. PSPの画面</strong><br />
本体の比率を図ってみたら、黄金比じゃなかったので、がっかりしてたら。。画面の方が黄金比やった。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio02.jpg" alt="goldern ratio" border="0" />
</div>
<p>
<strong>3. PS2の本体</strong><br />
残念ながら。。PS3の本体は違いました。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio03.jpg" alt="goldern ratio" border="0" />
</div>
<p>
<strong>4. iPod</strong><br />
やっぱり、iPodもそうでしたね。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio04.jpg" alt="goldern ratio" border="0" />
</div>
<p>
<strong>5. CanonのIXY</strong><br />
個人的に、このデジカメ好き。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio05.jpg" alt="goldern ratio" border="0" />
</div>
<p>
<strong>6. Wii</strong><br />
Wiiもやっぱり黄金比？ちょっと無理やりっぽいが。。２つの黄金比が。。</p>
<div align="center">
<img src="http://www.designwalker.com/img/golden-ratio/golden_ratio06.jpg" alt="goldern ratio" border="0" />
</div>
<p>
気がつかないだけで、結構、普通に黄金比のものを見てたり、使ってたりするんですねぇ。。ウェブデザインにもこの黄金比、取り入れよっと。。。</p>
<div align="center">
<a href="http://blog.with2.net/link.php?360074" target="_blank" onfocus="this.blur()"><img src="/images/ranking.gif" alt="デザインblogランキング" title="デザインblogランキング" /><span class="hide">デザインblogランキング</span></a>
</div>
<div class="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2007/02/golden-ratio.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2007/02/golden-ratio.html" />
	</item>
	</channel>
</rss>

