<?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/"
	>

<channel>
	<title>ウェブクリエイターの心得 &#187; ホームページ</title>
	<atom:link href="http://www.mlpayton.com/archives/category/%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mlpayton.com</link>
	<description>ウェブクリエイターの心得とは？</description>
	<lastBuildDate>Tue, 17 Aug 2010 07:02:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>充実の度合い</title>
		<link>http://www.mlpayton.com/archives/29</link>
		<comments>http://www.mlpayton.com/archives/29#comments</comments>
		<pubDate>Tue, 17 Aug 2010 07:02:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=29</guid>
		<description><![CDATA[中身が充実したホームページは、検索エンジン対策としても有効です。
しかし、詰め込みすぎた場合、ユーザビリティの観点からは使い勝手の悪いものになります。
充実の度合いは、シンプルで読みやすい分量にし、分けられるものは別ページに作ってしまいましょう。
文字が小さい、詰め込みすぎ、スクロールを延々としなければ読みきれない場合、嫌気がさしてしまいます。
]]></description>
			<content:encoded><![CDATA[<p>中身が充実したホームページは、検索エンジン対策としても有効です。<br />
しかし、詰め込みすぎた場合、ユーザビリティの観点からは使い勝手の悪いものになります。<br />
充実の度合いは、シンプルで読みやすい分量にし、分けられるものは別ページに作ってしまいましょう。<br />
文字が小さい、詰め込みすぎ、スクロールを延々としなければ読みきれない場合、嫌気がさしてしまいます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/29/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>どのブラウザでも</title>
		<link>http://www.mlpayton.com/archives/27</link>
		<comments>http://www.mlpayton.com/archives/27#comments</comments>
		<pubDate>Tue, 20 Jul 2010 07:24:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=27</guid>
		<description><![CDATA[ブラウザは使う人によって選べ、どれを基本にしているかというのは分かりません。
ちなみに私はfire foxを常に使っていますが、
IEじゃないと表示がされないものなどがあったりします。
ブラウザも常にバージョンアップしますので、不都合が出る場合もあり、
指定されてしまうと、ストレスになってしまいます。
ホームページを作るなら、どのブラウザにも対応できるよう作りましょう。
]]></description>
			<content:encoded><![CDATA[<p>ブラウザは使う人によって選べ、どれを基本にしているかというのは分かりません。<br />
ちなみに私はfire foxを常に使っていますが、<br />
IEじゃないと表示がされないものなどがあったりします。</p>
<p>ブラウザも常にバージョンアップしますので、不都合が出る場合もあり、<br />
指定されてしまうと、ストレスになってしまいます。</p>
<p>ホームページを作るなら、どのブラウザにも対応できるよう作りましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/27/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>イメージを膨らませる</title>
		<link>http://www.mlpayton.com/archives/23</link>
		<comments>http://www.mlpayton.com/archives/23#comments</comments>
		<pubDate>Sat, 22 May 2010 08:16:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=23</guid>
		<description><![CDATA[コンテンツの中に適度に画像やイラストを配置すると、
より効果があるようです。
視覚に与える効果は、色使いでも行えますが、
イメージを膨らませる画像を取り入れると、
ユーザーにとって分かりやすいようです。
第一印象でサイトが決まる場合もあり、
何のサイトであるのか、見る側から分かりやすいのです。
]]></description>
			<content:encoded><![CDATA[<p>コンテンツの中に適度に画像やイラストを配置すると、<br />
より効果があるようです。</p>
<p>視覚に与える効果は、色使いでも行えますが、<br />
イメージを膨らませる画像を取り入れると、<br />
ユーザーにとって分かりやすいようです。</p>
<p>第一印象でサイトが決まる場合もあり、<br />
何のサイトであるのか、見る側から分かりやすいのです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/23/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ホームページのデザイン</title>
		<link>http://www.mlpayton.com/archives/18</link>
		<comments>http://www.mlpayton.com/archives/18#comments</comments>
		<pubDate>Thu, 01 Oct 2009 07:00:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=18</guid>
		<description><![CDATA[リンクのデザインレイアウトでは、
クリック操作が難しいようなデザインは避けましょう。
例えば、テキストリンクが余白なく並べられた場合には
目的のテキストリンクにポイントする事が難しくなります。
また、リンクの貼られていないテキストに
不用意にアンダーラインを引くなどの紛らわしいデザインは
避けるようにしましょう。
]]></description>
			<content:encoded><![CDATA[<p>リンクのデザインレイアウトでは、<br />
クリック操作が難しいようなデザインは避けましょう。</p>
<p>例えば、テキストリンクが余白なく並べられた場合には<br />
目的のテキストリンクにポイントする事が難しくなります。</p>
<p>また、リンクの貼られていないテキストに<br />
不用意にアンダーラインを引くなどの紛らわしいデザインは<br />
避けるようにしましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/18/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>写真を載せる場合</title>
		<link>http://www.mlpayton.com/archives/16</link>
		<comments>http://www.mlpayton.com/archives/16#comments</comments>
		<pubDate>Tue, 01 Sep 2009 07:00:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=16</guid>
		<description><![CDATA[ホームページで写真を載せる場合には、
目的に合わせて解像度を調整する必要があります。
例えば、商品一覧などは小さなサムネイル画像を
低解像度で載せておき、リンク先の商品詳細情報ページでは
高解像度の美しい写真を大きく載せる、などです。
重たいページはそれだけ表示速度が遅くなってしまいますから、
このような工夫をすることでユーザーにストレスを与えずに済みます。
]]></description>
			<content:encoded><![CDATA[<p>ホームページで写真を載せる場合には、<br />
目的に合わせて解像度を調整する必要があります。</p>
<p>例えば、商品一覧などは小さなサムネイル画像を<br />
低解像度で載せておき、リンク先の商品詳細情報ページでは<br />
高解像度の美しい写真を大きく載せる、などです。</p>
<p>重たいページはそれだけ表示速度が遅くなってしまいますから、<br />
このような工夫をすることでユーザーにストレスを与えずに済みます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/16/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>表を載せる場合</title>
		<link>http://www.mlpayton.com/archives/14</link>
		<comments>http://www.mlpayton.com/archives/14#comments</comments>
		<pubDate>Sat, 01 Aug 2009 06:58:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=14</guid>
		<description><![CDATA[ホームページ上で表などを使って一覧を載せる場合は、
サイト内に左右の余白を取るようにし、
ブラウザの画面の幅いっぱいに表示させないようにしましょう。
ブラウザ画面いっぱいに表が表示されてしまうと
圧迫感があり、見づらい印象を与えてしまいますので
表の幅はサイト内で８０％程度に設定し、
左右に空白のスペース、つまり余白を取るようにしたいものです。
]]></description>
			<content:encoded><![CDATA[<p>ホームページ上で表などを使って一覧を載せる場合は、<br />
サイト内に左右の余白を取るようにし、<br />
ブラウザの画面の幅いっぱいに表示させないようにしましょう。</p>
<p>ブラウザ画面いっぱいに表が表示されてしまうと<br />
圧迫感があり、見づらい印象を与えてしまいますので<br />
表の幅はサイト内で８０％程度に設定し、<br />
左右に空白のスペース、つまり余白を取るようにしたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/14/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ｗｅｂセーフカラー</title>
		<link>http://www.mlpayton.com/archives/11</link>
		<comments>http://www.mlpayton.com/archives/11#comments</comments>
		<pubDate>Tue, 21 Jul 2009 07:04:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[ｗｅｂセーフカラー]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=11</guid>
		<description><![CDATA[パソコンの機種や性能、ＯＳの種類やバージョンによって、
ブラウザに表示できるカラーには違いがあります。
そして、そのような環境の違いに左右されずに
正確に表示できる色をｗｅｂセーフカラーと呼んでいます。
これは２１６色あり、もしこのセーフカラー以外の色を使うと
ブラウザで表示できる近似値に置き換えられたりしますので
写真以外の単色ロゴなどを作る際には
なるべく２１６色の中でデザインするようにしたいものです。
]]></description>
			<content:encoded><![CDATA[<p>パソコンの機種や性能、ＯＳの種類やバージョンによって、<br />
ブラウザに表示できるカラーには違いがあります。</p>
<p>そして、そのような環境の違いに左右されずに<br />
正確に表示できる色をｗｅｂセーフカラーと呼んでいます。</p>
<p>これは２１６色あり、もしこのセーフカラー以外の色を使うと<br />
ブラウザで表示できる近似値に置き換えられたりしますので<br />
写真以外の単色ロゴなどを作る際には<br />
なるべく２１６色の中でデザインするようにしたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/11/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>トップページに動画を載せているサイト</title>
		<link>http://www.mlpayton.com/archives/9</link>
		<comments>http://www.mlpayton.com/archives/9#comments</comments>
		<pubDate>Sun, 21 Jun 2009 07:04:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=9</guid>
		<description><![CDATA[インターネット環境が整い、回線速度が向上した事に伴って、
トップページに動画を載せているサイトが増えてきました。
洗練された動画を見せる事で、
企業イメージのアップを図る事ができます。
ただし、このときには動画を飛ばせるスキップ機能を
付けておくようにしましょう。
何度も訪れてくれるユーザーに、
毎回同じ動画を見せるのは、逆にイメージダウンになりかねません。
]]></description>
			<content:encoded><![CDATA[<p>インターネット環境が整い、回線速度が向上した事に伴って、<br />
トップページに動画を載せているサイトが増えてきました。</p>
<p>洗練された動画を見せる事で、<br />
企業イメージのアップを図る事ができます。</p>
<p>ただし、このときには動画を飛ばせるスキップ機能を<br />
付けておくようにしましょう。</p>
<p>何度も訪れてくれるユーザーに、<br />
毎回同じ動画を見せるのは、逆にイメージダウンになりかねません。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/9/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>メニューが数多くあるサイト</title>
		<link>http://www.mlpayton.com/archives/7</link>
		<comments>http://www.mlpayton.com/archives/7#comments</comments>
		<pubDate>Thu, 21 May 2009 07:00:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=7</guid>
		<description><![CDATA[メニューが数多くあるサイトの場合は、
マウスでポイントしたときにメニューが表示されるような
デザインにする事も可能です。
しかし、このようなデザインは、ポイントしない限り
どのようなページへジャンプ出来るのか分からないという欠点があります。
また、マウスのない環境でアクセスしているユーザーには
非常に使いづらいデザインと言えるでしょう。
]]></description>
			<content:encoded><![CDATA[<p>メニューが数多くあるサイトの場合は、<br />
マウスでポイントしたときにメニューが表示されるような<br />
デザインにする事も可能です。</p>
<p>しかし、このようなデザインは、ポイントしない限り<br />
どのようなページへジャンプ出来るのか分からないという欠点があります。</p>
<p>また、マウスのない環境でアクセスしているユーザーには<br />
非常に使いづらいデザインと言えるでしょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/7/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基本的なデザイン</title>
		<link>http://www.mlpayton.com/archives/5</link>
		<comments>http://www.mlpayton.com/archives/5#comments</comments>
		<pubDate>Tue, 21 Apr 2009 06:59:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ナビゲーション]]></category>
		<category><![CDATA[ホームページ]]></category>

		<guid isPermaLink="false">http://www.mlpayton.com/?p=5</guid>
		<description><![CDATA[ナビゲーションをヘッダーに配置するのは、
ホームページでは基本的なデザインと言えます。
いつでも好きなページへジャンプできるよう、
メインナビゲーションをヘッダーにおくことで
統一したデザインにもなりますし、
ユーザーにとっても使いやすいサイトだと言えるでしょう。
他にも、左サイドにナビゲーションを配置するのも定番です。
ヘッダーには大まかなカテゴリ分けのナビゲーション、
左サイドには詳細なインデックスを表示する方法も良く見られます。
]]></description>
			<content:encoded><![CDATA[<p>ナビゲーションをヘッダーに配置するのは、<br />
ホームページでは基本的なデザインと言えます。</p>
<p>いつでも好きなページへジャンプできるよう、<br />
メインナビゲーションをヘッダーにおくことで<br />
統一したデザインにもなりますし、<br />
ユーザーにとっても使いやすいサイトだと言えるでしょう。</p>
<p>他にも、左サイドにナビゲーションを配置するのも定番です。</p>
<p>ヘッダーには大まかなカテゴリ分けのナビゲーション、<br />
左サイドには詳細なインデックスを表示する方法も良く見られます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mlpayton.com/archives/5/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
