まほうのたから箱

2008年02月03日
XML



掲載したんだけど、日経システムに同じような記事が掲載されていて
「おぉっ」て思ったので、もう一度載せます。

センスがあまりいいとはいえない私の考えもドップリ
はいっちゃってますが、、興味のある方はみて見てね♪


● いろんなページを見る

ブログ以外のいろんなページを見ることで、自分が作りたいと思えるページを探すことは大事です。あと、配色とか、こんなレイアウトが多いなとかっていう流行りもチェックするのも勉強になるよ。

ちなみに私もタグを習いたての頃は、上場企業のページをいろいろ見ていったものです(^_^;)


● テンプレを活用していろいろページを作ってみる

私は幸いタグがかけるけどかけない人の方が多いよね。タグがかけなくてもテンプレサイトやフリーのテーブル素材とかたくさんあるのでいろいろ活用しましょう。

理想のページを作るのにこのテンプレではちょっと違う、、ってことも多いよね。

1回で理想のページになることの方が全然少ないよ。
作りながらもっとこうしたほうがいいとか、この色だとページの色の合わないとか思いながら何回か作りなおすことは勉強になっていいことです。


● 最初に見るのはどこ?

ページを開いたとき、人間の目って最初どこ見ると思いますか?

意識してないと思うけど、大体左上を見てるんです。
(ちょっと意識しながら見てみて(笑))

人間の目線っていうのは左上→下へ。左上→右横へ。左上→右横→左真中→下へと遷移するようです。

だから、大体のトップページって左上にインパクトのあるものや、何のページか分かるような表示もしていると思うんです。

特にトップページの左上(画面の半分より上)は重要で、それを見てページを見てくれるか、見ずに立ち去るかってこともよくあることです。

なので、左上に自分のページのイメージや紹介しているもの、一番のお気に入りなどを配置するのがベストです。

極端な話、そこを見てる人に受け入れられてもらえればじっくりページを見てもらえることもあります。


● 人間の短期記憶ってどれぐらい?を利用する

人間の短期記憶ってどれぐらいでしょうか?

みなさんも聞いたコトあると思うんだけど、電話番号とか、、そう、7個前後と言われています。

なので、7個で線やテーブルで区切るなどして情報を7個以下の単位にまとめると効果的ですよ。


● 画像サイズにご注意あれ

いろんなページを見てて、なかなか開かなくって見ずに閉じたりした経験はありませんか?

8秒以内に開かないとそのページを閉じてしまう、、別名8秒ルールといいます。

いろんな原因が考えられますが、画像が重すぎて開かない場合が多いです。

写真を小さくしたいけどソフトがないといった場合は、楽天でも拡大縮小ができたり、フリーソフトでも画像ソフトはたくさんあります。

ちなみに私はPhotoshopElemetnsを使用しています。


他にも迷子にならないような作りや強弱のつけかたやページ内でのルールと
いったこともありますが、また今度☆




ちょっと長くなったけど 一番は楽しみながら作ること です!

楽しい時期とそうでない時期ってあると思うので、楽しいと思う時に
作った方が効率がいいし、良いページができると思いますよ。


いつかWEBページ作成のヒントのページにこの情報をUPしときますね☆



↓通園バッグやお弁当等通園準備品特集ページを作成しました。
かおキラーン

通園グッズバナー




楽天ブックス よりHP作成支援BOOKやツールのご紹介
楽天BOOKSは日本最大級のオンライン書店!在庫45万点!1500円以上で送料無料です!
できるホームページHTML入門/タグのバイブル本
全部無料でつくる行列のできるホームページ
できる100ワザアフィリエイト



今までのおすすめ一覧はこちらでご確認いただけます

まほうのたから箱 プチメニュー
木のおもちゃ中心です
雑貨
エドエンバリーやデコレ、バスグッズなど
画像の説明やローカルでページ確認等
トップやページ用、カレンダーなど


サイトマップはこちらから
SITEMAP

design by ともまお☆





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2008年02月03日 17時07分34秒
コメント(31) | コメントを書く
[テンプレートとTIPSとアフェリエイト] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:ホームページレイアウトのコツ(02/03)  
夢結77  さん
ぜひ、参考にさせていただきます。

いろいろやってみたいんですけど、やり始めるときりがなくって、すご~く時間のある時しか無理かなぁって諦めちゃってます^^; (2008年02月03日 17時03分59秒)

Re:ホームページレイアウトのコツ(02/03)  
ayu-maya  さん
うんうん!(^-^)
わたしもともまお☆さんのページでお勉強させていただきましたよ~!!
おかげで自分でもタグが書けるようになったし(^_-)---☆Wink(^人^)感謝♪
(2008年02月03日 17時33分24秒)

Re:ホームページレイアウトのコツ(02/03)  
*ともも*  さん
さすがともまおさんっ!
文章もとっても分かりやすくまとめてますよね。
ページを開いたときに最初に見るところ
試してみたら確かに左上でした。
自分のページは楽天のキーワードサーチだったから
早速変えちゃおうかな^^;
(2008年02月03日 18時04分53秒)

Re:ホームページレイアウトのコツ(02/03)  
piyoko 1234  さん
(。・・。)(。..。)(。・・。)(。..。)ウンウン すごく勉強になりました☆ (2008年02月03日 18時11分12秒)

Re:ホームページレイアウトのコツ(02/03)  
そうなんだーー…
記憶7個は … 私の場合 ( ̄- ̄;) 笑

私は初めて訪れるHPヤッパ プロフィールですねぇ ^^

同じ匂いのする方 ^^;ってすぐわかるもんです。 (2008年02月03日 19時06分35秒)

Re:ホームページレイアウトのコツ(02/03)  
こんばんは、なるほど勉強になりますね。
特にトップページの左上(画面の半分より上)は重要!・・・ヒントありがとうございます。
自分のブログを見直さなくちゃ!又お邪魔します。 (2008年02月03日 19時24分56秒)

Re:ホームページレイアウトのコツ(02/03)  
asuka4416  さん
いつもともまお☆さんのテンプレートを愛用してトップページ作成してま~す♪
ともまお☆さんの使用例をイメージして作成してるのに出来上がってみると、全然違う雰囲気になってて自分自身、驚くこともあります。

コツを伝授していただき、ありがとうございます!
短期記憶は7個までとか、8秒ルールとか初めて知りました。
参考にさせていただいて、これからもブログ作成頑張りますね(o^∇^o)ノ

(2008年02月03日 19時46分51秒)

Re:ホームページレイアウトのコツ(02/03)  
なるほど~!!!
勉強になります<(`^´)>
左上??そういえば私も見てるような・・・
あ!8秒ルールはわかります^^;
私の場合は5秒ルール・・かなw (2008年02月03日 21時31分56秒)

Re:ホームページレイアウトのコツ(02/03)  
りゆき  さん
勉強な日記だわ・・
いつもだけど。
わたしの場合何かにつけて時間が
かかりすぎて気がついたらリンク
切れてたり・・
あぁーもっと手早くできるように
なりたいわ・・プラスセンスアップしたい・・ (2008年02月03日 22時51分37秒)

Re:ホームページレイアウトのコツ(02/03)  
kulyn  さん
レイアウトひとつで印象が変わりますよね。
目線・・・参考にしたいと思います。PCの知識が乏しいのでどこまでできるかわからないですが・・・・
またいろいろ教えてくださいね。 (2008年02月03日 23時49分38秒)

おはようございます。  
kirakira0260  さん
とても参考になりました。
私もタグとか覚えたいんですけど
難しいですね(>_<)
いつか、ともまお☆さんみたいに
テンプレートとか作れるといいなぁ~ (2008年02月04日 07時17分45秒)

Re:ホームページレイアウトのコツ(02/03)  
みぃな♪♪  さん
お勉強になりました^-^

何より1番は「楽しみながら作ること」ですネ!!
イヤイヤ作ったページや気が進まないで作ったページは何となく・・・。
私も皆さんのブログを拝見したり、ネットショップさんをよく覗いたりしています。
お品作りに行き詰った時も、他の方の作品を見ているとアイディアが湧いてきたりするので♪ (2008年02月04日 08時37分00秒)

Re:ホームページレイアウトのコツ(02/03)  
sa-chimu  さん
すごく勉強になりました。
左上、記憶力は7個まで・・・。
やたらとリンクを貼っても見にくかったりすると私も見るの止めてしまったりするし、なるほどな~です。
理想のページに近づくように色々やってみま~す。 (2008年02月04日 10時07分01秒)

Re:ホームページレイアウトのコツ(02/03)  
マエたん♪  さん
すごく勉強になります。
少しづつでもタグを勉強してみようかな、って思ってます。
以前にも教えていただいたタイトル画像の編集も何とかできるようになりました。
今のタイトル画像も自分で作ったものです。 (2008年02月04日 10時21分12秒)

こんにちわ♪  
リンRIN  さん
なるほど~って思えることばかりですね~。
勉強になりました♪

私は開いた時、サイトの雰囲気で決めちゃうことが多いです・・・
あとプロフィールとかも気になっちゃいますね~。

楽しみながら作る・・・
かわいいテンプレを見つけた時とかは
やる気がでるんですよね~。
なので今はやる気マンマンですよ~笑。
今日もまた借りていきま~す。 (2008年02月04日 11時31分30秒)

Re:ホームページレイアウトのコツ(02/03)  
わかりやすくて勉強になりました!!

左上が重要なのは聞いたことありますが
8秒ルールは初耳!!
確かにそうかも・・・
またこういう話もっと聞かせてくださいね。 (2008年02月04日 13時48分09秒)

こんにちは  
まこと9477  さん
大変参考になりました。。

色々あたしもやってはいるんですけど。。

左上に自分のページのイメージや紹介しているもの、一番のお気に入りなどを配置するのがベストです。

これ実践させていただきますね♪

(2008年02月04日 15時21分19秒)

Re:ホームページレイアウトのコツ(02/03)  
**mina  さん
ほぉ~ なるほど~ って
思うようなことがいっぱいで
勉強になりました。ありがとう~!です。
左上かぁ・・・意識したことなかったけど,これからはちょっと気にしてみようと思います。 (2008年02月04日 15時30分34秒)

Re:ホームページレイアウトのコツ(02/03)  
菜央たん  さん
とっても参考になりました。
左上、注意してみようと思います!
紹介したいものが多すぎてゴチャゴチャしちゃうのが悩みの種です。
ともまおさんのブログみたいに、見やすくてキレイなページを作りたいです。
(2008年02月04日 17時20分44秒)

Re:ホームページレイアウトのコツ(02/03)  
御陰様で ともまおさんのテンプレートを使わせて頂いてるので楽しています。
ブログをはじめたばっかりの時にともまおさんが来てくれて…もうあれから大分経ちました。
まだまだ 思うように行かないけれどちょっとでも紹介の商品が買われると嬉しいです
頑張るわぁ
お世話になってます m(__)m
(2008年02月04日 22時00分29秒)

Re:ホームページレイアウトのコツ(02/03)  
ankoro18  さん
すごく勉強になります。
私は、とにかく勉強不足でして。。。
ともおさん、またいろいろ教えて下さい。 (2008年02月05日 00時09分29秒)

すごいね~♪  
chonakochi  さん
すごいすごい、無料レッスン♪
ともまおさんやみーたんママみたいにセンスあるページにあこがれるんだけど、

ついつい根気がなくて(^-^;

確かに左すぐ見るよね。

TVでも左の人見てるわぁ。

はやりの音楽・・・(^-^;

私も見てるドラマやアニメの曲しかわからない・・・

でも着メロはね、友達1人1人違うの使ってるよ。

その人のイメージで選んでる。

楽しいよ~♪

すぐ誰からのメールかわかるしね。

(周りからは笑われてるけど) (2008年02月05日 05時16分42秒)

Re:ホームページレイアウトのコツ(02/03)  
picayuu☆  さん
おぉぉ、これはすごくいい勉強になりました。
そっか、短期記憶の7個って確かにって納得。
私もトップページは全然変えてないので、そろそろやろうかな。(そういい続けて2年経ちました 汗) (2008年02月05日 11時31分32秒)

こんばんは~♪  
らぶ&ラブ  さん
コメントありがとうございます。
ホームページレイアウトを読ませていただきました。
いつかTOPページを作成しようと思うけど、なかなか
良い案が浮かばなくてね。今日は勉強になりました。
(2008年02月05日 21時03分11秒)

Re:ホームページレイアウトのコツ(02/03)  
mayuponta  さん
お邪魔っ♪

相変わらずすんばらしいっっっっ♪
素敵ぃぃぃぃ♪

私もとにかく色々やってみたいのだ・・・
だけど、現実はついて行けてない・・・・笑

でもでもこうして順序よく読んでたら、
何となくでも理解出来る。。嬉しい~

ともまおさんみたく、もっとレベルアップしたい~
まだ遠いけど・・・大笑


凄く助かるよ~
テンプレや、こういう勉強なんかも出来てね~

毎日色々と忙しいだろうけど、

体調気を付けて頑張ってね~
ふぁいと~~~


いつもいい時間が一杯流れてますように♪ (2008年02月06日 09時53分39秒)

Re:ホームページレイアウトのコツ(02/03)  
とっても参考になりました。
ありがとうございます。

またまたかわいぃテンプレ作られてますね♪
お借りしますネ
(2008年02月07日 20時37分22秒)

Re:ホームページレイアウトのコツ(02/03)  
poko18  さん
参考になることがたくさんあって、とても勉強になりました!ありがとうございます。またいろいろ教えてくださいね☆ (2008年02月08日 09時50分31秒)

Re:ホームページレイアウトのコツ(02/03)  
とっても参考になります。
まだはじめたばかりで解らない事ばかりでたくさんの方のブログを見て勉強しているところです。
また色々参考にさせてくださいね!!
テンプレ-トお借りしま~す♪♪ (2008年02月09日 11時35分26秒)

Re:ホームページレイアウトのコツ(02/03)  
yuwen2007  さん
こんにちは☆

たっ確かに8秒ルールって…とっても解ります!うんうん。

改めて勉強になりました☆

有り難うございます♪(*^^*) (2008年02月10日 16時52分51秒)

男も色々  
けいちゃん さん
女だって色々咲き乱れるの。
って、咲き乱れすぎだろwww
http://lesles.zz.tc/tomon/c8wqj60 (2008年02月11日 19時02分34秒)

Re:ホームページレイアウトのコツ(02/03)  
勉強になりました。
トップ用にテンプレお借りしました☆
春らしくイメチェンできました。
ありがとうございます(m*´∀`)mペコリン♪
(2008年02月12日 17時58分34秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

プロフィール

ともまお☆

ともまお☆

フリーページ

*サイトマップ


*安心・安全な生活のススメ


砂糖




洗濯石鹸


*かわいい雑貨たち


デコレ(DECOLE)


壁掛け時計


ラッキーピッグ


エドエンバリー


サンドリヌ・ファーブル


救急箱


トイレグッズ


Shinzi Katoh


グラディ


RUB A DUB DUB


*うちの小物たち


_


*大人も楽しめる木のおもちゃ


HELLO BABY


プラントイ


ボイキド


ブリオ


ボーネルンド


セレクタ


おもちゃ箱


ミヴァ社


ヘラー社


ハバ社


ベック社


ネフ社


エドインター


ヴィラック


ケラー社


ヴァルター社


ケルナースティック


デトア社


ワンダーワールド


*おすすめマザーズバッグ


*子供がよろこぶグッズ


_


雨の日グッズ


子供用食器


通園グッズ


*育児情報


「まごはやさしい」食生活


簡単!お食事用エプロン


ジブンデ!ジブンデ!


トイレトレーニングはいつから?


*おすすめ一覧


2006年1月1-10


2006年1月11-16


2006年1月17-25


2006年1月26-31


2006年2月1-8


2006年2月9-14


2006年2月15-17


2006年2月18-22


2006年2月23-28


2006年3月1-7


2006年3月8-13


2006年3月14-17


2006年3月18-25


2006年3月26-31


2006年4月1-8


2006年4月9-15


2006年4月16-25


2006年5月1-7


2006年5月8-31


2006年6月1-30


2006年7月


2006年8月


2006年9月


2006年10月


2006年11月


2006年12月


2007年1月


2007年2月


2007年3月


2007年4月


2007年5月


2007年6月


2007年7月


2007年8月


2008年1月


2008年2月


2009年5月から


*ページ作成のヒント


メモ帳で編集するメリット


WEBで使う画像形式についての概要


画像ソフトのご紹介


GIF画像を加工、編集する


ページ作成のTIPS


_


テンプレ依頼分1


テスト


依頼070811


テンプレ依頼分_ルデアさん


テンプレ依頼_☆彡シャイン・ピア☆彡さん


テンプレ依頼_ひゆま。さん


テンプレ依頼_みぃなさん


テンプレ依頼_6474sikaさん


シナさん


テンプレ依頼_立花さん


テンプレ依頼分_200805


テンプレ依頼分20090704


テンプレ依頼分_20090723


テンプレ依頼分_20090828


*テンプレートメニュー&利用規則


テンプレート1_オレンジ


テンプレート1_ピンク


テンプレート1_水色


テンプレート2_オレンジ


テンプレート3_オレンジ


テンプレート3_ピンク


テンプレート3_水色


テンプレート4_オレンジ


テンプレート4_オレンジ2


テンプレート4_ピンク


テンプレート4_ピンク2


テンプレート4_水色


テンプレート4_水色2


テンプレート5_オレンジ


テンプレート5_ピンク


テンプレート5_水色


テンプレート6_オレンジ


テンプレート6_ピンク


テンプレート6_水色


テンプレート7


テンプレート8_オレンジ


テンプレート8_ピンク


テンプレート8_水色


テンプレート9_オレンジ


テンプレート9_ピンク


テンプレート9_水色


テンプレート9_ブラウン


テンプレート10_オレンジ


テンプレート10_ピンク


テンプレート10_水色


テンプレート10_ブラウン


テンプレート2_ピンク


テンプレート2_水色


テンプレート2_ブラウン


テンプレート11_オレンジ


テンプレート11_ピンク


テンプレート11_水色


テンプレート11_ブラウン


テンプレート12_オレンジ


テンプレート12_ピンク


テンプレート12_水色


テンプレート12_ブラウン


テンプレート13_オレンジ


テンプレート13_ピンク


テンプレート13_水色


テンプレート13_ブラウン


テンプレート14_オレンジ


テンプレート14_ピンク


テンプレート14_水色


テンプレート14_ブラウン


テンプレート15_オレンジ


テンプレート15_オレンジソース


テンプレート15_ピンク


テンプレート15_ピンクソース


テンプレート15_水色


テンプレート15_水色ソース


テンプレート15_ブラウン


テンプレート15_ブラウンソース


テンプレート16_日記用オレンジ


テンプレート16_日記用ピンク


テンプレート16_日記用水色


テンプレート16_日記用ブラウン


テンプレート17_モカ


テンプレート17_モカソース


テンプレート17_オレンジ


テンプレート17_オレンジソース


テンプレート17_ピンク


テンプレート17_ピンクソース


テンプレート17_グレー


テンプレート17_グレーソース


テンプレート17_ブラウン


テンプレート17_ブラウンソース


テンプレート18_モカ


テンプレート18_オレンジ


テンプレート18_ピンク


テンプレート18_グレー


テンプレート18_ブラウン


テンプレート19_日記用モカ


テンプレート19_日記用オレンジ


テンプレート19_日記用ピンク


テンプレート19_日記用グレー


テンプレート19_日記用ブラウン


テンプレ20_モカ


テンプレ20_オレンジ


テンプレ20_ピンク


テンプレ20_ブラウン


テンプレ20_グレー


テンプレ21_モカ


テンプレ21_オレンジ


テンプレ21_ピンク


テンプレ21_ブラウン


テンプレ21_グレー


テンプレ22_画像使い


テンプレ23_画像使い


テンプレ24_オレンジ


テンプレ24_オレンジソース


テンプレ24_ピンク


テンプレ24_ピンクソース


テンプレ24_ブラウン


テンプレ24_ブラウンソース


テンプレ24_グレモカ


テンプレ24_グレモカソース


テンプレ24_グレー


テンプレ24_グレーソース


テンプレ25_多目的枠1


テンプレ26_多目的枠2


テンプレ27_多目的枠3


テンプレ28_画像大3(オレンジ、ピンク)


テンプレ29_多目的枠4


テンプレ28_画像大3(ブラウン)


*イベント_ハロウィン


12月クリスマス_雑貨


12月クリスマス_お菓子



© Rakuten Group, Inc.

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: