ページのデザインコンセプト＋考察
サンプルページ/HTML版全体像（別窓で開きます）
このページを作った当時はデザインコンセプトなんてモノは考えてませんでした。
そもそも、サイトを作ったキッカケはアフィリエイトで稼ぎたいという理由です。
しかも、これが不特定多数の人に公開する為に作ったサイトとしては初めてのサイトです。
何をどうすれば良いのか？も全く解ってないズブの素人でした。
アフィリエイトをやりたいと思ったキッカケのサイトを見て、自分なりに考えてサイトを作った感じですね。
今思えば、そのサイトを見て自分のサイトを作ったとは言っても、そのサイトの上辺しか見てんだな〜と思います。
そーいう意味では、このページはひどく底の浅いページだと思います。
まぁ、底が深いサイトの具体的な説明は過去のサイトの紹介を進めて行く内に段々深くなって行きますので、
まずは基礎からやりましょう。焦るのは良くないです（笑
で、このページを作った時考えていた事は以下の2点
1. アフィリエイトでお金を稼ぎたい
2. 人生を面白おかしくしたい
この2つですね。
んで、アフィリエイトでお金を稼ぐと言ってもキッカケとなったサイトが俗に言うお小遣いサイトでして、
それをそのまま模倣したって感じですね。
「アフィリエイトで稼ぐ方法＝お小遣い系」としか当時は思い付かなかったんですよ。
まぁ、お小遣い系とアフィリエイトの関係については長くなりそうなので、今後別ページで書くとしましょう（苦笑
デザイン面で考えた事は以下の点ですね。
・ 極力余計な広告は貼らない（特にトップページ）
・ テキストメインのサイト（画像作れないし）
・ なんか楽しそうな雰囲気にしたい（それでアノ壁紙）
本当に、これだけしか考えずに作ってました。
ページのレイアウトはほとんど真似です。
とは言っても凄い一般的なテーブル・レイアウトですけどね。
配色に関して。
これも適当です。サイトのいたる所で書いてますが、
私はサイトを作る時の一番得意な分野はコーディング（htmlやCSSを打つ事。プログラム）です。
そして、レイアウトではなくデザインを考える事が苦手です。
更には、当然のように色の配色なんてさっぱり解りませんでした。今でも苦労してます。
とまぁ、そんな理由で色に関してはホントに適当で何も考えていませんでした。
白地＋黒文字がテキストを読むには良いだろうと思っていたので、基本は白というのだけは決めて、
それ以外は本来なら色なんぞ使いたくなかったというのが本音ですね（ぉぃ
ただ、それでは余りに寂しいという事で要所要所にちょっとだけ色使おうという事で、
イメージ的に薄い色（色を強くしたくなかったので）であまり目立たない系の色という事でシアンの薄いヤツに収まりました。
それでも結局「白・黒・シアン」の3色しか使ってないんですけどね（苦笑
寂しいことには結局変わりありませんでしたね〜
実際にサイトの感想を聞かせてくれた人にも100%の確率で言われましたし（苦笑
追記（2006年1月26日）
サイト名に関してです。
このサイトを作った当時はSEOに関しての知識なんぞ皆無でした。
SEOという言葉すら聞いた事が無い状態です。
サイト名というのは検索エンジンからのアクセスを考える上で非常に重要な物です。
ページ内のいたる所にサイト名は入りますし、
リンクして貰う際もサイト名のテキストでリンクされる事になるのですから。
「ゼロから始めるネット収入〜人生楽しもう♪〜」というサイト名を見ると、
「ネット収入」というワードは有効なワードですが、それ以外は全く検索されないようなワードです。
21文字使ったサイト名で有効なのは5文字、残りの16文字は無駄以外の何者でもないですね。
ただ、サイト名はSEOだけではなく、そのサイト名を見た人が興味を持つかどうか？もポイントです。
まぁ、そちらに関してはネット収入の初心者をターゲットに悪くないかと思います。
が、それにしても無駄が多すぎるというのが総評ですね。
サイト名を決める際には
・長くても20文字以内に収める事
・その中でも基本は有効なワードを入れる事
を念頭に置くと良いでしょうね。
それか、自分で造語を作り、それをブランドにして行くというのも1つの手でしょう。
ただ、それには相当影響力が無いと難しいですけどね・・・。
ブランドの例：
Yahoo、Google、Goo、PRIDEなどの会社、イベント、企画名ですね。
■ 過去のサイト解説講座その1
・ サンプルページ/HTML版全体像（別窓で開きます）
・ ページのデザインコンセプト＋考察
・ ページの技術説明
・ ページ上部の効果・思惑説明
・ ページ中部の効果・思惑説明
・ ページ下部の効果・思惑説明
他にも「ここはどうなってるの？」とかやって欲しい説明がありましたらご遠慮なくお問い合わせください。
＞＞ お問い合わせ
■ステップアップWebデザイン
・過去のサイト解説講座その1
| 
