<?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>SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 &#187; ブログデザイン</title>
	<atom:link href="http://www.simplexsimple.com/archives/category/blogdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.simplexsimple.com</link>
	<description>ウェブ職人のための小粋なネタ帳</description>
	<lastBuildDate>Mon, 27 Jul 2009 15:12:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/category/blogdesign/feed" />
		<item>
		<title>ページ下部に常に表示されるフッターに求職情報を掲載</title>
		<link>http://www.simplexsimple.com/archives/2008/08/post_70.html</link>
		<comments>http://www.simplexsimple.com/archives/2008/08/post_70.html#comments</comments>
		<pubDate>Thu, 28 Aug 2008 23:02:12 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=167</guid>
		<description><![CDATA[どのページにいっても、ページのどこをみていても、下の方に表示されるフッターをつけているサイトをたまに見ます。そこにはよくメニューなんかが表示されていたりするのですが、Dr. Nicのサイトではここに求職情報が現れるようですｗ。 ↑ どこに行っても「仕事探しているよ！」というメッセージが。 ちょっとしつこいといえばしつこいですが、確かに効果的なのかもしれませんね。実際に動いている様子は以下からどうぞ。 &#187; Dr Nic ■ 関連記事 フッター新聞でメールをぐっと身近に &#124; SiMPLE*SiMPLE あなたのブログの目的は何？ &#124; SiMPLE*SiMPLE ちょっと浮いた感じのフッター &#124; SiMPLE*SiMPLE]]></description>
			<content:encoded><![CDATA[				<p>どのページにいっても、ページのどこをみていても、下の方に表示されるフッターをつけているサイトをたまに見ます。そこにはよくメニューなんかが表示されていたりするのですが、Dr. Nicのサイトではここに求職情報が現れるようですｗ。</p>
				<p><img alt="footer_hire.gif" src="http://www.simplexsimple.com/archives/2008/08/28/footer_hire.gif" width="500" height="257" /></p>
				<p>↑ どこに行っても「仕事探しているよ！」というメッセージが。</p>
				<p>ちょっとしつこいといえばしつこいですが、確かに効果的なのかもしれませんね。実際に動いている様子は以下からどうぞ。</p>
				<p>&raquo; <a href="http://drnicwilliams.com/">Dr Nic</a></p>
				<p><strong>■ 関連記事</strong></p>
				<ul>
				<li><a href="http://www.simplexsimple.com/archives/2006/11/post_25.html">フッター新聞でメールをぐっと身近に | SiMPLE*SiMPLE</a></li>
				<li><a href="http://www.simplexsimple.com/archives/2006/09/post_3.html">あなたのブログの目的は何？ | SiMPLE*SiMPLE</a></li>
				<li><a href="http://www.simplexsimple.com/archives/2008/08/post_68.html">ちょっと浮いた感じのフッター | SiMPLE*SiMPLE</a></li>
				</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2008/08/post_70.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2008/08/post_70.html" />
	</item>
		<item>
		<title>ヘッダーにも記事一覧を設置するブログデザインの小技</title>
		<link>http://www.simplexsimple.com/archives/2007/05/post_54.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/05/post_54.html#comments</comments>
		<pubDate>Thu, 24 May 2007 05:20:00 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=116</guid>
		<description><![CDATA[ブログのインターフェースも多種多様になってきています。ヘッダー部分も主種様々な工夫がなされていたりしますよね。今日はその中の一つをご紹介。 Gizmodo Japanのヘッダーには人気の記事一覧がおり込まれています。 また、lifehack.orgでは最新記事一覧が表示されます。 ブログの記事一覧はサイドバーに設置するのが一般的ですが、訪れたらまずはじめに目がいくヘッダーにも設置することで、どういった記事を書くブログなのか、初めての人にもアピールしやすくなります。 それにヘッダーって常に目に付く場所ですから、いきなり個別記事ページを訪れた人に対しても他の記事をアピールすることができます。 他にもヘッダーやフッターなどをうまく使ったブログレイアウトがあったらご紹介していきますね。 Gizmodo Japan lifehack.org]]></description>
			<content:encoded><![CDATA[				<p>ブログのインターフェースも多種多様になってきています。ヘッダー部分も主種様々な工夫がなされていたりしますよね。今日はその中の一つをご紹介。</p>
				<p><a href="http://www.gizmodo.jp/">Gizmodo Japan</a>のヘッダーには人気の記事一覧がおり込まれています。</p>
				<p><img alt="header_list.gif" src="http://www.simplexsimple.com/media/header_list.gif" width="500" height="51" /></p>
				<p>また、<a href="http://www.lifehack.org/">lifehack.org</a>では最新記事一覧が表示されます。</p>
				<p><img alt="header_list2.gif" src="http://www.simplexsimple.com/media/header_list2.gif" width="500" height="72" /></p>
				<p>ブログの記事一覧はサイドバーに設置するのが一般的ですが、訪れたらまずはじめに目がいくヘッダーにも設置することで、どういった記事を書くブログなのか、初めての人にもアピールしやすくなります。</p>
				<p>それにヘッダーって常に目に付く場所ですから、いきなり個別記事ページを訪れた人に対しても他の記事をアピールすることができます。</p>
				<p>他にもヘッダーやフッターなどをうまく使ったブログレイアウトがあったらご紹介していきますね。</p>
				<ul>
				<li><a href="http://www.gizmodo.jp/">Gizmodo Japan</a></li>
				<li><a href="http://www.lifehack.org/">lifehack.org</a></li>
				</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/05/post_54.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/05/post_54.html" />
	</item>
		<item>
		<title>本文の下のほうをFade Outしてフッターを際立たせる方法</title>
		<link>http://www.simplexsimple.com/archives/2007/05/fade_out.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/05/fade_out.html#comments</comments>
		<pubDate>Tue, 08 May 2007 23:08:08 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=112</guid>
		<description><![CDATA[fortuitousというブログには、ちょっと楽しい小細工が。 本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。 ちょっと実現方法がユニークなので皆さんも考えてみてください。 実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。 なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。 たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。 &#187; fortuitous ■ 追記（2007-05-27）： コメント欄でも指摘がありましたが、透過画像とCSSにて実現されているテクニックでした・・・ごめんなさい。上記の「CSSやJavascriptを一切使わず」を訂正します。]]></description>
			<content:encoded><![CDATA[				<p><a href="http://fortuito.us/">fortuitous</a>というブログには、ちょっと楽しい小細工が。</p>
				<p>本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。</p>
				<p><img alt="dowtofadeout.gif" src="http://www.simplexsimple.com/archives/dowtofadeout.gif" width="500" height="145" /></p>
				<p>ちょっと実現方法がユニークなので皆さんも考えてみてください。</p>
				<p>実はこれ、<s>CSSや</s>Javascriptを一切使わず、画像をちょこっといじっただけで実現しています。</p>
				<p>なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。</p>
				<p>たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。</p>
				<p>&raquo; <a href="http://fortuito.us/">fortuitous</a></p>
				<p><strong>■ 追記（2007-05-27）：</strong></p>
				<p>コメント欄でも指摘がありましたが、透過画像とCSSにて実現されているテクニックでした・・・ごめんなさい。上記の「CSSやJavascriptを一切使わず」を訂正します。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/05/fade_out.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/05/fade_out.html" />
	</item>
		<item>
		<title>表示の設定でマイブログ化ちっくに</title>
		<link>http://www.simplexsimple.com/archives/2007/03/post_45.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/03/post_45.html#comments</comments>
		<pubDate>Mon, 05 Mar 2007 00:00:00 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=92</guid>
		<description><![CDATA[Press Escのブログはコメントの表示にオプションが付けられてちょっとうれしい。 表示方法　－スレッド状orフラット 表示する順番　－新しい順or古い順 1ページに表示できるコメント数 など選択できます。 しかも&#8221;Save settings&#8221;とある通り、クッキーかなんかに保存して次回訪れたときもその設定が反映されるみたいです。 今はなぜか機能していませんが、人それぞれの設定で見え方が変わるブログというのも新しいですね。 &#187; Press Esc]]></description>
			<content:encoded><![CDATA[				<p><a href="http://pressesc.com/">Press Esc</a>のブログはコメントの表示にオプションが付けられてちょっとうれしい。</p>
				<p><img alt="comment_viewing_options.gif" src="http://www.simplexsimple.com/archives/comment_viewing_options.gif" width="428" height="241" /></p>
				<ul>
				<li>表示方法　－スレッド状orフラット</li>
				<li>表示する順番　－新しい順or古い順</li>
				<li>1ページに表示できるコメント数</li>
				</ul>
				<p>など選択できます。</p>
				<p>しかも&#8221;Save settings&#8221;とある通り、クッキーかなんかに保存して次回訪れたときもその設定が反映されるみたいです。</p>
				<p>今はなぜか機能していませんが、人それぞれの設定で見え方が変わるブログというのも新しいですね。</p>
				<p>&raquo; <a href="http://pressesc.com/">Press Esc</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/03/post_45.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/03/post_45.html" />
	</item>
		<item>
		<title>ブログを広めるための新しい手法『Widget This Blog』</title>
		<link>http://www.simplexsimple.com/archives/2007/02/widget_this_blog.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/02/widget_this_blog.html#comments</comments>
		<pubDate>Wed, 21 Feb 2007 23:45:17 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=86</guid>
		<description><![CDATA[いろんなウィジェットが世の中に出回っていますが、ウィジェットのポータルサイトであるsnipperooのブログでは、ブログのウィジェットを生成できるようになっています。 ↑ 「Widgetize this blog」というものがサイドバーにあります。 ↑ ここでは3種類のウィジェットを生成することができるようです。 例えばここで「web widget」を選ぶと、snipperooのRSSフィードを表示するウィジェットが生成できます。 ↑ ブログ等に貼り付けられるツールを作ることができるMuseStormを使っています。 ブログを広めるための新しい手法の一つとしても、ウィジェットが使えるかもしれませんね。]]></description>
			<content:encoded><![CDATA[				<p>いろんなウィジェットが世の中に出回っていますが、ウィジェットのポータルサイトであるsnipperooのブログでは、ブログのウィジェットを生成できるようになっています。</p>
				<p><img alt="widgetise3.jpg" src="http://www.simplexsimple.com/archives/widgetise3.jpg" width="501" height="302" /></p>
				<p>↑ 「Widgetize this blog」というものがサイドバーにあります。</p>
				<p><img alt="widgetise.jpg" src="http://www.simplexsimple.com/archives/widgetise.jpg" width="135" height="119" /></p>
				<p>↑ ここでは3種類のウィジェットを生成することができるようです。</p>
				<p>例えばここで「web widget」を選ぶと、snipperooのRSSフィードを表示するウィジェットが生成できます。</p>
				<p><img alt="wodgetise2.jpg" src="http://www.simplexsimple.com/archives/wodgetise2.jpg" width="500" height="278" /><br />
				↑ ブログ等に貼り付けられるツールを作ることができるMuseStormを使っています。</p>
				<p>ブログを広めるための新しい手法の一つとしても、ウィジェットが使えるかもしれませんね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/02/widget_this_blog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/02/widget_this_blog.html" />
	</item>
		<item>
		<title>被リンク数が増えるかもしれないちょっとした工夫</title>
		<link>http://www.simplexsimple.com/archives/2007/02/post_38.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/02/post_38.html#comments</comments>
		<pubDate>Tue, 06 Feb 2007 02:15:00 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=70</guid>
		<description><![CDATA[ニュースブログMashableで見つけた、リンクをしやすくするためのちょっとした工夫です。 ↑ 記事の最後にエントリーのURLが。ワンクリックで選択できます。 こうした固定URLは普通「固定リンク」などと表示されていますが、「Link to This Post」と提案的な感じもいいですね。ちょっとリンクしてみるか、となるかもしれません。 もう少し進めて、記事のタイトルまで一緒にコピーなどできたらさらにいいかもしれませんね。ちょっとした工夫ですが、細部まで気をくばるのは重要ですね。]]></description>
			<content:encoded><![CDATA[				<p>ニュースブログ<a href="http://mashable.com/2007/01/30/mixpo-eyejot-yodio-mycurrency-vringo-clipsyndicate-magnify/">Mashable</a>で見つけた、リンクをしやすくするためのちょっとした工夫です。</p>
				<p><img alt="mashable.jpg" src="http://www.simplexsimple.com/archives/mashable.jpg" width="500" height="85" /></p>
				<p>↑ 記事の最後にエントリーのURLが。ワンクリックで選択できます。</p>
				<p>こうした固定URLは普通「固定リンク」などと表示されていますが、「Link to This Post」と提案的な感じもいいですね。ちょっとリンクしてみるか、となるかもしれません。</p>
				<p>もう少し進めて、記事のタイトルまで一緒にコピーなどできたらさらにいいかもしれませんね。ちょっとした工夫ですが、細部まで気をくばるのは重要ですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/02/post_38.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/02/post_38.html" />
	</item>
		<item>
		<title>「ブロガーの足あと」がわかるブログパーツを配布する『MyBlogLog』</title>
		<link>http://www.simplexsimple.com/archives/2007/01/mybloglog.html</link>
		<comments>http://www.simplexsimple.com/archives/2007/01/mybloglog.html#comments</comments>
		<pubDate>Tue, 09 Jan 2007 01:00:00 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=58</guid>
		<description><![CDATA[mixiにログインすると、まずは誰が訪問してくれたのか、あしあとをチェックしたくなりませんか。 そんな「あしあと」機能をSNSだけでなく、ブログにも広げたのがMyBlogLogです。 &#187; MyBlogLog たとえばRead/Write Webでは、↓のような感じ。 ↑ どこかで見たような人がちらほらと・・・ｗ。 なお、表示されているブロガーをクリックすると、そのブロガーのMyBlogLogのページが見れます。そのブロガーがどんなブログを運営しているのか一目瞭然です。 自分がよく見ているブログのオーナーも見ているんだ！と新しい発見がありそうですね。また「著名なブロガーに訪問されているブログは良いブログ」という公式も成り立ちそうなそうでないような・・・。ブログオーナーの方は試されてみてはいかがでしょうか。 &#187; MyBlogLog]]></description>
			<content:encoded><![CDATA[				<p>mixiにログインすると、まずは誰が訪問してくれたのか、あしあとをチェックしたくなりませんか。</p>
				<p>そんな「あしあと」機能をSNSだけでなく、ブログにも広げたのがMyBlogLogです。</p>
				<p>&raquo; <a href="http://www.mybloglog.com/">MyBlogLog</a></p>
				<p>たとえば<a href="http://www.readwriteweb.com/">Read/Write Web</a>では、↓のような感じ。</p>
				<p><a href="http://www.readwriteweb.com/"><img alt="recent_readers.jpg" src="http://www.simplexsimple.com/archives/recent_readers.jpg" width="501" height="543" /></a></p>
				<p>↑ どこかで見たような人がちらほらと・・・ｗ。</p>
				<p>なお、表示されているブロガーをクリックすると、そのブロガーのMyBlogLogのページが見れます。そのブロガーがどんなブログを運営しているのか一目瞭然です。</p>
				<p>自分がよく見ているブログのオーナーも見ているんだ！と新しい発見がありそうですね。また「著名なブロガーに訪問されているブログは良いブログ」という公式も成り立ちそうなそうでないような・・・。ブログオーナーの方は試されてみてはいかがでしょうか。</p>
				<p>&raquo; <a href="http://www.mybloglog.com/">MyBlogLog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2007/01/mybloglog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2007/01/mybloglog.html" />
	</item>
		<item>
		<title>勝手ながら『Web 2.1のデザインパターン』を考えてみた</title>
		<link>http://www.simplexsimple.com/archives/2006/12/web_21.html</link>
		<comments>http://www.simplexsimple.com/archives/2006/12/web_21.html#comments</comments>
		<pubDate>Mon, 18 Dec 2006 22:04:38 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=42</guid>
		<description><![CDATA[さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Border） 枠線も最近太くなっているような気がします。目立ちますよね。 ↑ 目立たせるところは太い枠線で。 ↑ 37sinalsでも採用されていますね。 【3】 ふきだし（Bubble or Cloud） 手書きとまではいかないのですが、曲線でやわらかい形状、つまりふきだしとかをよく見ます。枠線は太いのが多いかな。 ↑ こんな感じでやわらかく、かつ、大胆に。 ↑ 日本の2xUpでもこんな感じがロゴになっていますね。 【4】 はがす（Peel） 局所的ですが、「はがす」メタファーをたま～に見ます。確かにちょっと触りたくなります。なお、この効果をPhotoshopで作るためのチュートリアルもありますね。 ↑ こんな感じ。ちょっとめくってみたいですよね・・・。Yahoo!の認証画面とかもこれ、使われていますね。 【5】 放射（Radiate） 真ん中から「どぎゃーん！」とｗ。これも良く見ますね。 ↑ なんかポップでいい感じ。 ↑ CSS Cartのロゴ候補になっていた画像から。 以上、最近もやもやと思っていることをもやもやとまとめてみました。みなさんも「最近こういうデザインよく見るよ！」というのがあれば教えてくださいな。 ・・・なんかしまらないエントリーですが・・・まぁ、たまにはいいですか。ほんと、次はどんなデザインが来るのでしょうかね。]]></description>
			<content:encoded><![CDATA[				<p>さてデザイナーでもなんでもないのでかなり個人的な主張ですが、<a href="http://www.simplexsimple.com/archives/2006/11/web_20_1.html">「Web 2.0っぽいデザイン」</a>の次を考えてみました。</p>
				<p>名づけて<strong>『Web 2.1のデザインパターン』</strong>ｗ。</p>
				<p>個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。</p>
				<p>かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。</p>
				<p>では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。</p>
				<p><strong>【1】 極太ストライプ（Bold Stripe）</strong></p>
				<p>ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。</p>
				<p><a href="http://www.tagacloud.com/"><a href="http://imediatech.biz/"><img alt="w21p_boldstripe.gif" src="http://www.simplexsimple.com/archives/w21p_boldstripe.gif" width="480" height="210" /></a></a></p>
				<p>↑ タイトルと背景が太いストライプに。</p>
				<p><a href="http://www.niallkennedy.com/blog/"><img alt="w21p_boldstripe2.gif" src="http://www.simplexsimple.com/archives/w21p_boldstripe2.gif" width="480" height="210" /></a></p>
				<p>↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。</p>
				<p><strong>【2】 極太枠線（Bold Border）</strong></p>
				<p>枠線も最近太くなっているような気がします。目立ちますよね。</p>
				<p><a href="http://www.tickspot.com/"><img alt="w21p_border.gif" src="http://www.simplexsimple.com/archives/w21p_border.gif" width="480" height="182" /></a></p>
				<p>↑ 目立たせるところは太い枠線で。</p>
				<p><a href="http://www.writeboard.com/"><img alt="w21p_blodborder.gif" src="http://www.simplexsimple.com/archives/w21p_blodborder.gif" width="480" height="210" /></a></p>
				<p>↑ 37sinalsでも採用されていますね。</p>
				<p><strong>【3】 ふきだし（Bubble or Cloud）</strong></p>
				<p>手書きとまではいかないのですが、曲線でやわらかい形状、つまりふきだしとかをよく見ます。枠線は太いのが多いかな。</p>
				<p><a href="http://theballot.org/"><a href="http://www.thisnext.com/"><img alt="w21p_cloud.gif" src="http://www.simplexsimple.com/archives/w21p_cloud.gif" width="480" height="210" /></a></a></p>
				<p>↑ こんな感じでやわらかく、かつ、大胆に。</p>
				<p><a href="http://www.2xup.org/"><img alt="w21p_cloud2.gif" src="http://www.simplexsimple.com/archives/w21p_cloud2.gif" width="480" height="210" /></a></p>
				<p>↑ 日本の2xUpでもこんな感じがロゴになっていますね。</p>
				<p><strong>【4】 はがす（Peel）</strong></p>
				<p>局所的ですが、「はがす」メタファーをたま～に見ます。確かにちょっと触りたくなります。なお、この効果をPhotoshopで作るための<a href="http://veerle.duoh.com/blog/comments/creating_a_page_curl_in_photoshop/">チュートリアル</a>もありますね。</p>
				<p><a href="http://www.thisnext.com/"><img alt="w21p_peel.gif" src="http://www.simplexsimple.com/archives/w21p_peel.gif" width="480" height="200" /></a></p>
				<p>↑ こんな感じ。ちょっとめくってみたいですよね・・・。Yahoo!の認証画面とかもこれ、使われていますね。</p>
				<p><strong>【5】 放射（Radiate）</strong></p>
				<p>真ん中から「どぎゃーん！」とｗ。これも良く見ますね。</p>
				<p><a href="http://www.freecsscart.com/"><img alt="w21p_radiate.gif" src="http://www.simplexsimple.com/archives/w21p_radiate.gif" width="480" height="200" /></a></p>
				<p>↑ なんかポップでいい感じ。</p>
				<p><a href="http://www.freecsscart.com/"><img alt="w21p_radiate2.gif" src="http://www.simplexsimple.com/archives/w21p_radiate2.gif" width="480" height="210" /></a></p>
				<p>↑ CSS Cartのロゴ候補になっていた画像から。</p>
				<p>以上、最近もやもやと思っていることをもやもやとまとめてみました。みなさんも「最近こういうデザインよく見るよ！」というのがあれば教えてくださいな。</p>
				<p>・・・なんかしまらないエントリーですが・・・まぁ、たまにはいいですか。ほんと、次はどんなデザインが来るのでしょうかね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2006/12/web_21.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2006/12/web_21.html" />
	</item>
		<item>
		<title>動画が埋め込まれたエントリーのRSSはどうあるべきか？</title>
		<link>http://www.simplexsimple.com/archives/2006/12/rss-2.html</link>
		<comments>http://www.simplexsimple.com/archives/2006/12/rss-2.html#comments</comments>
		<pubDate>Thu, 07 Dec 2006 18:14:32 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=37</guid>
		<description><![CDATA[最近RSSリーダーでよく見るようになったこの注意書き。 ↑ 記事の本文の前に注意書きが。 RSSリーダーでは動画を貼り付ける際の&#60;object&#62;タグがスルーされてしまいます。 そこで本文の前に「もしRSSリーダーで読んでいるならちゃんとサイトに行ってね。動画があるんで」みたいな注意書きをつけるのが流行しているようです。 これって親切なのでなんとか自動でやってくれないだろうか・・・と思うのは僕だけですかね・・・？ すぐに解決してくれる方法は今のところなさそうなので（あったりしますかね？）、動画をよく貼り付ける人はこのように注意書きをつけておくといいかもしれないですね。 どなたか他にエレガントな解法があれば教えてくださいませ・・・・。]]></description>
			<content:encoded><![CDATA[				<p>最近RSSリーダーでよく見るようになったこの注意書き。</p>
				<p><img alt="ifyouarereading.gif" src="http://www.simplexsimple.com/archives/ifyouarereading.gif" width="500" height="209" /></p>
				<p>↑ 記事の本文の前に注意書きが。</p>
				<p>RSSリーダーでは動画を貼り付ける際の&lt;object&gt;タグがスルーされてしまいます。</p>
				<p>そこで本文の前に「もしRSSリーダーで読んでいるならちゃんとサイトに行ってね。動画があるんで」みたいな注意書きをつけるのが流行しているようです。</p>
				<p>これって親切なのでなんとか自動でやってくれないだろうか・・・と思うのは僕だけですかね・・・？</p>
				<p>すぐに解決してくれる方法は今のところなさそうなので（あったりしますかね？）、動画をよく貼り付ける人はこのように注意書きをつけておくといいかもしれないですね。</p>
				<p>どなたか他にエレガントな解法があれば教えてくださいませ・・・・。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2006/12/rss-2.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2006/12/rss-2.html" />
	</item>
		<item>
		<title>プロフィールも動画の時代</title>
		<link>http://www.simplexsimple.com/archives/2006/11/post_15.html</link>
		<comments>http://www.simplexsimple.com/archives/2006/11/post_15.html#comments</comments>
		<pubDate>Tue, 14 Nov 2006 06:23:07 +0000</pubDate>
		<dc:creator>Gen Taguchi</dc:creator>
				<category><![CDATA[ブログデザイン]]></category>

		<guid isPermaLink="false">http://dev.simplexsimple.com/?p=22</guid>
		<description><![CDATA[これはインパクトがある。 AccuWeather.comのブログでは、プロフィール画像が動画になっているのだ。 ↑ About Meのところに動画が表示されている。 ブログの信頼性のためには、プロフィールが重要になってくる。 最近は動画共有サイトが流行っていますが、プロフィールにも動画が使えそうですね。]]></description>
			<content:encoded><![CDATA[				<p>これはインパクトがある。</p>
				<p><a href="http://home.accuweather.com/index.asp?partner=accuweather">AccuWeather.com</a>のブログでは、プロフィール画像が動画になっているのだ。</p>
				<p><a href="http://wwwa.accuweather.com/news-blogs.asp?partner=accuweather&#038;traveler=0&#038;blog=bilo"><img alt="accuweather3.jpg" src="http://www.simplexsimple.com/archives/accuweather3.jpg" width="500" height="365" /><br />
				</a></p>
				<p>↑ About Meのところに動画が表示されている。</p>
				<p>ブログの信頼性のためには、プロフィールが重要になってくる。</p>
				<p>最近は動画共有サイトが流行っていますが、プロフィールにも動画が使えそうですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplexsimple.com/archives/2006/11/post_15.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.simplexsimple.com/archives/2006/11/post_15.html" />
	</item>
	</channel>
</rss>
