横幅に気をつかったレイアウト
横幅に気をつかったレイアウト
まず、ホームページ制作のレイアウトを考えるときには、横幅を考えます。
ズバリ！横幅はどれくらいに設定したらいいのか？
横幅は、800ピクセル以内にするべきです。
現在、一般的に一番使用している人が多いモニターサイズが
800×600ピクセルのモニターだからです。
5年くらい前は、600×400ピクセルでした。
現在は、ほとんどの人が15インチモニター以上のモニターを使用しています。
本当かよ？と思う人は実際に大手企業のホームページを見て見てください。
大手企業のサイトが参考になります。
または、企業のホームページに訪問したら、
インターネットエクスプローラーのメニューバーの「ファイル」ー「名前をつけて保存」
で自分のパソコンの中に保存します。
それをホームページ制作ソフトで開きます。
そうすることで、横幅がわかりますし、どのように作っているかもわかります。
気になったホームページがあったらこうして、研究してみてくださいね。
次に、レイアウトの基本的な部分なのですが、
トップページは訪問者が一番訪問する場所。
いわゆる、ホームページはお店の顔です。
ですので、トップページは一番気を使って作らなければならないページです。
デザイン、レイアウトで惹きつけ、
わかりやすく「役に立ちそうなサイトだな」と興味を抱かせ、
次のページへと誘導するような作りにすべきです。
こういうとトップページに多くの情報を盛り込んだ方がいいんじゃないの？
って思うかもしれませんが、トップページにあまり詰め込みすぎてもいけません。
わかりやすいナビゲーションと使いやすさを考えてレイアウトしましょう。
自分がもし、そのサイトに訪れたときに、そのサイトの中身を見たくなるか？
そういうところを考えてレイアウトしましょう。
ランキングにご協力ください！お願いします
ありがとうございます。感謝します！！(^-^)/
まず、ホームページ制作のレイアウトを考えるときには、横幅を考えます。
ズバリ！横幅はどれくらいに設定したらいいのか？
横幅は、800ピクセル以内にするべきです。
現在、一般的に一番使用している人が多いモニターサイズが
800×600ピクセルのモニターだからです。
5年くらい前は、600×400ピクセルでした。
現在は、ほとんどの人が15インチモニター以上のモニターを使用しています。
本当かよ？と思う人は実際に大手企業のホームページを見て見てください。
大手企業のサイトが参考になります。
または、企業のホームページに訪問したら、
インターネットエクスプローラーのメニューバーの「ファイル」ー「名前をつけて保存」
で自分のパソコンの中に保存します。
それをホームページ制作ソフトで開きます。
そうすることで、横幅がわかりますし、どのように作っているかもわかります。
気になったホームページがあったらこうして、研究してみてくださいね。
次に、レイアウトの基本的な部分なのですが、
トップページは訪問者が一番訪問する場所。
いわゆる、ホームページはお店の顔です。
ですので、トップページは一番気を使って作らなければならないページです。
デザイン、レイアウトで惹きつけ、
わかりやすく「役に立ちそうなサイトだな」と興味を抱かせ、
次のページへと誘導するような作りにすべきです。
こういうとトップページに多くの情報を盛り込んだ方がいいんじゃないの？
って思うかもしれませんが、トップページにあまり詰め込みすぎてもいけません。
わかりやすいナビゲーションと使いやすさを考えてレイアウトしましょう。
自分がもし、そのサイトに訪れたときに、そのサイトの中身を見たくなるか？
そういうところを考えてレイアウトしましょう。
ランキングにご協力ください！お願いします
ありがとうございます。感謝します！！(^-^)/
お気に入りの店になる
お気に入りの店になる
前のブログで、クールなサイトの４本柱の説明をしました。
１．レイアウト
２．画像
３．配色
４．フォント
まずは大黒柱ともいえる『レイアウト』の説明からはじめます。
ホームページには「3秒ルール」というものがあります。
どういう事かというと訪問者は、
ホームページに訪問して3秒で、そのサイトに留まるか、
他のサイトに行くかを決めるということです。
ですから、あなたはトップページで訪問者を留まらせて内容を読んで
もらうようなホームページにしなければなりません。
では、３秒でホームページに留まらせるにはどうしたらいいのか？
それは、リアル店舗（実店舗）で見てみると 分かりやすいと思います。
例えば、実際ある店舗で見てみると、ドラッグストアー、
スーパーマーケットなどの入り口は、セール商品（目玉商品）
これでお客をお店に入れようとしています。
お店の中に入りやすいように、入り口を開けている店もあります。
そして、お店に入ってから店中を見てもらうための工夫をしているわけです。
お店の中に入ったけど、自分の探しているものが無さそうだなと
思ったらお客はその場から立ち去ってしまいます。
そして、二度とその場に戻ってくることはないでしょう。
そういうお店に集客して多くの人を呼んでも
何も買わずに帰ってしまうでしょう。
逆にお店に入って、欲しいモノがいっぱいあって1日じゃ回れないな～、
時間がある時にゆっくり見たいなって感じてもらえたら、
また訪問してくれますね。
上手くいけば、何か購入してくれるかもしれません。
その訪問者のお気に入りの店になることでしょう。
ホームページもお店と一緒です。
まずは、お気に入りに入れてもらえるようにすることです。
お気に入りに入れてもらうにはどうしたらいいでしょう？
まず、リアルな店舗で考えて見ましょう。
あなたがもう一度行きたいお店（お気に入りのお店）について考えてみてください。
なんで、そのお店に行きたいのか？
◆自分の好きな商品が置いてある。
◆品質のいい商品が置いてある。
◆自分の欲しい情報がたくさんある。
◆店員さんが気が利いて感じがいい。
◆店の雰囲気がいい。
◆他の店より安い。
◆他のお客さんの評判がいい。
◆メディアで紹介されていた。
◆家から近くにある。
色々とでてくると思います。
ホームページでもリアルの店舗と基本的な考え方は同じです。
では、あなたのお気に入りのホームページについて考えてみましょう。
なぜ、あなたはそのホームページがお気に入りなのか？
いつ お気に入りのホームページを見つけたのか？
どこでそのホームページを探したのか？
誰がそのホームページを作っているのか？
それをどのように探したのか？
何のために探したのか？
これらのことが、ヒントになります。
そのことを考えれば、あなたはホームページに、
どんなエッセンスを加えればいいのか見えてくるはずです。
それともうひとつ、どんなターゲットをあなたのホームページに呼びこみたいのか？
これが物凄く重要ですね。
これらをしっかり見つけてから、
レイアウトを考えた方が効率よくホームページ制作ができます。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
前のブログで、クールなサイトの４本柱の説明をしました。
１．レイアウト
２．画像
３．配色
４．フォント
まずは大黒柱ともいえる『レイアウト』の説明からはじめます。
ホームページには「3秒ルール」というものがあります。
どういう事かというと訪問者は、
ホームページに訪問して3秒で、そのサイトに留まるか、
他のサイトに行くかを決めるということです。
ですから、あなたはトップページで訪問者を留まらせて内容を読んで
もらうようなホームページにしなければなりません。
では、３秒でホームページに留まらせるにはどうしたらいいのか？
それは、リアル店舗（実店舗）で見てみると 分かりやすいと思います。
例えば、実際ある店舗で見てみると、ドラッグストアー、
スーパーマーケットなどの入り口は、セール商品（目玉商品）
これでお客をお店に入れようとしています。
お店の中に入りやすいように、入り口を開けている店もあります。
そして、お店に入ってから店中を見てもらうための工夫をしているわけです。
お店の中に入ったけど、自分の探しているものが無さそうだなと
思ったらお客はその場から立ち去ってしまいます。
そして、二度とその場に戻ってくることはないでしょう。
そういうお店に集客して多くの人を呼んでも
何も買わずに帰ってしまうでしょう。
逆にお店に入って、欲しいモノがいっぱいあって1日じゃ回れないな～、
時間がある時にゆっくり見たいなって感じてもらえたら、
また訪問してくれますね。
上手くいけば、何か購入してくれるかもしれません。
その訪問者のお気に入りの店になることでしょう。
ホームページもお店と一緒です。
まずは、お気に入りに入れてもらえるようにすることです。
お気に入りに入れてもらうにはどうしたらいいでしょう？
まず、リアルな店舗で考えて見ましょう。
あなたがもう一度行きたいお店（お気に入りのお店）について考えてみてください。
なんで、そのお店に行きたいのか？
◆自分の好きな商品が置いてある。
◆品質のいい商品が置いてある。
◆自分の欲しい情報がたくさんある。
◆店員さんが気が利いて感じがいい。
◆店の雰囲気がいい。
◆他の店より安い。
◆他のお客さんの評判がいい。
◆メディアで紹介されていた。
◆家から近くにある。
色々とでてくると思います。
ホームページでもリアルの店舗と基本的な考え方は同じです。
では、あなたのお気に入りのホームページについて考えてみましょう。
なぜ、あなたはそのホームページがお気に入りなのか？
いつ お気に入りのホームページを見つけたのか？
どこでそのホームページを探したのか？
誰がそのホームページを作っているのか？
それをどのように探したのか？
何のために探したのか？
これらのことが、ヒントになります。
そのことを考えれば、あなたはホームページに、
どんなエッセンスを加えればいいのか見えてくるはずです。
それともうひとつ、どんなターゲットをあなたのホームページに呼びこみたいのか？
これが物凄く重要ですね。
これらをしっかり見つけてから、
レイアウトを考えた方が効率よくホームページ制作ができます。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
ホームページデザイン～コントラストでライバルと差をつけろ
コントラストでライバルと差をつけろ
今回はコントラストについてです。
コントラストとは、対比のことです。
異なるものを組み合わせることで
変化と統一感を生み出す方法です。
まず、コントラストといっても色々なものがあります。
文字の大きさ、色、フォント等
タイトルは大きく、文章は小さく
ゴシック体 － 明朝体
文字の大きさのコントラストに気を使うだけで
デザインの見栄えが良くなります。
タイトルは大きく、文章は小さく、
その差を少し大きくしてみるとキレイに見えたりします。
色のコントラスト
色相によるコントラスト
例 ： 赤 － 緑 （赤と緑は補色の関係）
明度によるコントラスト
例 ： 黒 － 白
赤 － 白
赤 － 黒
彩度によるコントラスト （鮮やかな色 － 鮮やかでない色）
色によるコントラストは重要です。
色を上手く使えるかによっていいデザインができるかどうかが決まるからです。
色のイメージって凄く大切なんですね。
色は色だけで勉強することをお勧めします。
色って面白いですよ。
例えば、部屋の壁の色を青などの寒色系から赤などの暖色系に
変えただけで体感温度が2度違うという実験結果もでています。
暖色系は興奮しやすい色なので部屋の壁を暖色系にすると
興奮して落ち着きがなくなる。逆に寒色系は落ち着きがでるんです。
ちょっと引きこもり気味の人は暖色系の壁にかえたら行動的になるかもしれませんね（笑）
話がそれましたが・・・
次に形のコントラストです。
形のコントラスト
直線的なもの － 曲線的なもの
例：角張ったもの － 丸いもの
または、同じ形でもサイズの違いによっても対比を強くすることができます。
テクスチャのコントラスト
質感の異なるもの同士
粗いもの － 細かいもの
マットなもの － 密度の高い質感のもの
コントラストのつけ方によってデザインが変わってきます。
コントラストを高くすると男性的に、コントラストが弱いと女性的になります。
是非、参考にしてみてくださいね。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
今回はコントラストについてです。
コントラストとは、対比のことです。
異なるものを組み合わせることで
変化と統一感を生み出す方法です。
まず、コントラストといっても色々なものがあります。
文字の大きさ、色、フォント等
タイトルは大きく、文章は小さく
ゴシック体 － 明朝体
文字の大きさのコントラストに気を使うだけで
デザインの見栄えが良くなります。
タイトルは大きく、文章は小さく、
その差を少し大きくしてみるとキレイに見えたりします。
色のコントラスト
色相によるコントラスト
例 ： 赤 － 緑 （赤と緑は補色の関係）
明度によるコントラスト
例 ： 黒 － 白
赤 － 白
赤 － 黒
彩度によるコントラスト （鮮やかな色 － 鮮やかでない色）
色によるコントラストは重要です。
色を上手く使えるかによっていいデザインができるかどうかが決まるからです。
色のイメージって凄く大切なんですね。
色は色だけで勉強することをお勧めします。
色って面白いですよ。
例えば、部屋の壁の色を青などの寒色系から赤などの暖色系に
変えただけで体感温度が2度違うという実験結果もでています。
暖色系は興奮しやすい色なので部屋の壁を暖色系にすると
興奮して落ち着きがなくなる。逆に寒色系は落ち着きがでるんです。
ちょっと引きこもり気味の人は暖色系の壁にかえたら行動的になるかもしれませんね（笑）
話がそれましたが・・・
次に形のコントラストです。
形のコントラスト
直線的なもの － 曲線的なもの
例：角張ったもの － 丸いもの
または、同じ形でもサイズの違いによっても対比を強くすることができます。
テクスチャのコントラスト
質感の異なるもの同士
粗いもの － 細かいもの
マットなもの － 密度の高い質感のもの
コントラストのつけ方によってデザインが変わってきます。
コントラストを高くすると男性的に、コントラストが弱いと女性的になります。
是非、参考にしてみてくださいね。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
ホームページ制作で困ったときに役立つサイト
ホームページ制作で困ったときに役立つサイトです。
有名なので知っている方も多いかと思います。
とほほのWWW入門
このサイトはhtmlを勉強したい人にとっては、いいサイトです。
一括ダウンロードもできるので、便利なサイトです。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
有名なので知っている方も多いかと思います。
とほほのWWW入門
このサイトはhtmlを勉強したい人にとっては、いいサイトです。
一括ダウンロードもできるので、便利なサイトです。
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
「人とのつながり」こそがビジネスに必要なことだと
突然ですが、ビジネスに必要なこととは何でしょう？
わたしの意見としては、キーワードは「人」だと思います。
「人とのつながり」こそがビジネスに必要なことだと感じています。
インターネットビジネスだったら
人に会わずに商売ができるかもしれません。
しかし、どうでしょう？
もし、人がいなかったら商売は成立するでしょうか？
物を買ってくれる人がいないのです。
わたしが一番感じている「人とのつながり」とは
インターネットビジネスをはじめてから色々な人と出会えたことです。
色々とお世話になった人もいます。
お世話した？人もいます。（笑）
そういう人たちと出会えて本当に良かったと思ったことです。
わたしはインターネットビジネスを
はじめてから5年ちょっとですが、
幸運なことに、その間に色々な人と会う機会に恵まれ、
成功者と呼ばれる人にも
数多く会うことができました。
サラリーマンだけやっていた時は、
インターネットビジネスでの知り合いはあまりいませんでした。
やはり、同じ方向性をもった仲間たちが
できたことが一番大きな財産ではないか
と思っています。
加速的に成功していくためには、
「人とのつながり」が重要になってきます。
人生は、どこで、どんな出会いがあるかわかりません！
そして、もう一つ、
喜びと感動を与えること
ビジネスの本質とは何かと考えた時に、
わたしは「喜びと感動を与えること」
ではないかと思っています。
人それぞれ意見は違いますので、
あくまでもわたしの意見ですが・・・
まずは、人に喜んでもらうようなことをする、
感動してもらえるようなことをする。
その結果、報酬としてお金をもらう。
これがビジネスの理想的な形ではないかと思います。
成功法則で「先に与えること」というのがありますが、
自分から先に、自分がして欲しいことを相手にしてあげれれば、
相手は喜び、感動するのではないでしょうか？
そこから、じゃあ、感動してもらうにはどうしたらいいのか？
喜んでもらうにはどうしたらいいのか考えればいいのです。
そうすることで、次に自分は、何をやったらいいのかが見えてくると思います。
それを日々考えながら行動すると凄い影響力がでるのではないでしょうか？
そんな自分を創造しながら日々励んでいる今日この頃です・・・
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/
わたしの意見としては、キーワードは「人」だと思います。
「人とのつながり」こそがビジネスに必要なことだと感じています。
インターネットビジネスだったら
人に会わずに商売ができるかもしれません。
しかし、どうでしょう？
もし、人がいなかったら商売は成立するでしょうか？
物を買ってくれる人がいないのです。
わたしが一番感じている「人とのつながり」とは
インターネットビジネスをはじめてから色々な人と出会えたことです。
色々とお世話になった人もいます。
お世話した？人もいます。（笑）
そういう人たちと出会えて本当に良かったと思ったことです。
わたしはインターネットビジネスを
はじめてから5年ちょっとですが、
幸運なことに、その間に色々な人と会う機会に恵まれ、
成功者と呼ばれる人にも
数多く会うことができました。
サラリーマンだけやっていた時は、
インターネットビジネスでの知り合いはあまりいませんでした。
やはり、同じ方向性をもった仲間たちが
できたことが一番大きな財産ではないか
と思っています。
加速的に成功していくためには、
「人とのつながり」が重要になってきます。
人生は、どこで、どんな出会いがあるかわかりません！
そして、もう一つ、
喜びと感動を与えること
ビジネスの本質とは何かと考えた時に、
わたしは「喜びと感動を与えること」
ではないかと思っています。
人それぞれ意見は違いますので、
あくまでもわたしの意見ですが・・・
まずは、人に喜んでもらうようなことをする、
感動してもらえるようなことをする。
その結果、報酬としてお金をもらう。
これがビジネスの理想的な形ではないかと思います。
成功法則で「先に与えること」というのがありますが、
自分から先に、自分がして欲しいことを相手にしてあげれれば、
相手は喜び、感動するのではないでしょうか？
そこから、じゃあ、感動してもらうにはどうしたらいいのか？
喜んでもらうにはどうしたらいいのか考えればいいのです。
そうすることで、次に自分は、何をやったらいいのかが見えてくると思います。
それを日々考えながら行動すると凄い影響力がでるのではないでしょうか？
そんな自分を創造しながら日々励んでいる今日この頃です・・・
ランキングにご協力ください！
ありがとうございます。感謝します！！(^-^)/