あなただけのオリジナルホームページ作りをプロがサポート!

初級編――ホームページ作り入門
ホームページを作る、とは?
ホームページを作るには?
ホームページを作る!
ダメなホームページ
わたしを探して!
サイトテーマ
サイトテーマがない!見つからない!
サイトテーマが見つかったら
ホームページを作る前に
HTMLに落とし込む
ホームページ作成支援。
ホームページを公開するには?

中級編――ホームページ作りに慣れてきた方へ
素人くさいデザインをやめる
初心者を抜け出すテクニック
独自ドメインでサイト運営しよう!

コラム
HP作成がしんどくなったら…
しあわせなホームページ
ホームページ作りに挫折するコツ
アフィリエイト活用のバイブル

その他
りゅーみ愛用の品々。
ホームページ作成の便利ツール
ホームページ作成に役立つサイト
お役立ち書籍
メルマガ「初めてのホームページ作り」
about this site
relation

 <<< TopPage

素人くさいデザインをやめる

そもそも、素人くさいってナニなんでしょうね?

デザインどうこう、じゃないんです。素人くささって。

何だと思いますか?


サイトを作ってる人の迷いがみえる
(マウスをドラッグして、色を反転させてくださいネ)


どんなテーマでホームページを作るにしても、これがあると、素人くささがぷんぷんです。

デザインとハナシが違うだろ!って思うかもしれませんが、これは、デザインにもあらわれるんです。

そして、それは「サイトへの信頼感」へとつながっていくものなので、ぜひ、気をつけてください。

◆◇◆

ってまぁ、あんまりにも曖昧なので、箇条書きにしておきますね。
  1. 色の統一性がない
  2. デザインの統一性がない
  3. コンテンツの統一性がない(これが、上記のことです)
  4. バナーが【ちかちか】する
  5. 見出し(<H1><H2><H3>...)に、工夫がない
  6. 全く画像がない
  7. 基本16色ダケを使う
  8. 機種依存文字を使って、バケている
  9. フレームを使ったページで、オオモトのファイルのNOFRAMEタグの中に「このページは、フレーム対応のブラウザで〜」なんて、市販のテキスト通りの文章を書いて、検索エンジンの結果に、ちゃっかり表示されている
  10. etc.
特に、色の統一性がないっていうのは、結構、見落としがちだと思います。
りゅーみもね、はじめて作ったホームページって…レインボーカラーでした(笑)

黒い背景でね、リンクの文字とかをぜぇんぶグラデーションさせてたんです。
なんて面倒くさいことをしてたんでしょう(笑)

これにはね、サイトのテーマカラーを決めて、そこから、取り合わせのいい色を選びます。
簡単に言えば、補色の関係にある二色がいいかな。

このサイトは、オレンジとマリンブルーを基調にしてます。

ホントは、オレンジの反対色ってもっと青に近い色なんですが、そこはちょっと見逃してちょうだい♪って感じかな。
りゅーみは、この色の取り合わせが、なんとなくほんわかしたムードがするので、好きなのです。

◆◇◆

じゃぁ、どうすれば素人くさくみえないの?という疑問には…ちょっとだけ、お答えしておきましょうね。

◎ 文字のサイズを少しだけ小さくすること。

標準だと、ちょっと文字が大きすぎて、一行あたりの文字数が少ないんですよね。

でも、
1 ポイント指定するなどして、小さすぎて読めない
2 ブラウザの設定で、文字を大小できない
ような、デザインの設定はやめましょう。

誰もが、小さい字が読みやすいとは限りませんからネ。

◎ このサイトもそうですが、文字を灰色で書くということ。

文字の黒色と、背景色の白とのコントラストがきついと、それだけ、キツイ印象を与えますよね。
ま、それだけなんですが。
これは、見るヒトの感性にもよると思うんですけど、ソフトな印象を与えたい場合はこのテは有効ですね。

◎ できるだけ原色は使わないってのは、当然のこととして……

◎ リンクの色をわざと変えてしまったりするのを、あえてやめてみることネ。
つまり、訪問前のリンクは青色、訪問後は紫色。これを変えない、ということです。

共通理解というか、インターネットでの常識なのですが、リンク文字は青色、訪問後は紫色(そして、下線)っていうのは、ごく当たり前のことです。これを見れば、自然とリンクだとわかります。
あなたのホームページを見てくださる方が、「リンク文字には様々な装飾がつけてあることもある(そしてタマに、それは本文と見分けがつかないこともある)」ということを知らない場合もありますからネ。インターネット初心者にも優しいサイト作りを目指しましょう。

特にね、普通のテキストの文字と、リンクしている文字の色を同じにするのはいけません!
どの文字から先に進めるのかわかりませんよね。
見てくださる方をイラ☆イラさせないっていうのも、必要だと思います。
(リンク文字を押した先を見て欲しいような、見て欲しくないような…そういうページに飛ばすつもりなら、はじめからやってはいけません。もしかしたら見つけてくれるかも…なんて、かくれんぼのワナですよ!)

あと、逆に。
文字の色を青くして、下線をつけて文字を目立たせるのは反則ね。
つい、リンクかと思ってクリックしたら、何も起きなかったりするのね。チョト、がっかり。

◎ 機種依存文字について
この場合は、おおむね、MacとWindowsということにしますね。
1 2 3 4 5 6 7 8... など、全角1文字で「キロメートル」とか、アラビア数字、あと、メルマガでよく見るのですが、点3つ。

特に、1 コレは、Macではうまく表示されませんので、お気をつけくださいネ。(今は、どんな環境でも見れるように、画像にしています)

◎ フレームを使ったページをどうしても採用したいとき
何がなんでも、フレームを使ったページにしたいなら、NOFRAMEタグのはじめには、もっと有益な情報を載せましょう。
これは、はっきり言って検索エンジン対策ですけれども、「このページは〜」なんて、マニュアルどおりの言葉はやめて、「このサイトは、〜のような方の為に、このような情報を提供しているサイトです」くらいの情報を載せてから、フレーム対応してないブラウザの方に向けてお断りの言葉を書いても、ぜんぜん!バチはあたりませんッ!!


ということで、これらのことを気をつければ、それなりに「素人くささ」は抜けると思います。

◆◇◆

自分で書くのもナンだけど、トップページがかなり、プロ仕様だと思いませんか?
それがナゼなのか、考えてみてねん♪

こたえがわかったら、mail_iconまで。

 解像度800x600、ブラウザはIE6、フォントサイズ中で表示確認を行っています。
*** Copyright (C) 2003-2008 1WebKnowhow.com* all rights reserved. ***