【参考】↑巾700ピクセル、高さ210ピクセルだとこんな感じです。
このくらいのサイズが、いちばん使いやすいかもしれませんね。
このサイズのビジュアル画像の下にコンテンツメニューが並んだレイアウトってよく見かけませんか？
いちばん簡単に、それなりに見えてしまう比率なのかもしれまんせんね。


余白を生かしたビジュアルにチャレンジしてみることにします。
さて、ここまで大きな画像を使ったスカスカを埋める例ばかりでした。
はじめにのところで、↓こう書きましたが、

でも、プロが作ったデザインは、空間があってもかっこいいんですよね。
これは、余白を生かしたデザインをしているからです。
そこで、どうせスカスカになるのなら、スカスカ部分を余白と考えてシンプルに見せる。
しかし、余白の活かし方は、デザインを学んだことの無いド素人には、はっきりいって難しいです。
いくら、プロの作ったものをマネても、スカスカを解消することは、不可能だとすぐに気がつきました。
ここは、いさぎよくシンプル路線で行く事は、あきらめました(涙)

頑張ったけど情報が増えなかったし(涙)
凝った画像を作るのが、めんどくさいよぉーって方は、こんな方法もあります。

シンプルがユーザーを迷わせない
下の３つの例は、テーブルの中に小さな画像を、ひとつだけ挿入しただけですが、テーブルに枠線や背景色をつけるだけで、１枚の画像に見せることができます。ページの都合上テーブルの大きさは、小さなサイズになってますが、ガツンと大きくして使ってください(笑)
↓テーブルの巾700ピクセル高さ200ピクセルの枠内に画像を入れた例を３つ

↑どうですか？　これなら間違いなく中央の画像が注目されます。(クリックされるかどうかは別ですが)
コンテンツが、てんこもりでも情報が整理されておらず、どこをクリックしていいのか迷わせるようなトップページより、むしろ選択の巾が極端に少ないというのもユーザーに優しいと思うんですよね。(えらそうで、すいません)

さあ、ここまできたらあなたは、すでにWebマスターですね♪
これまで画像を使った例ばかりでしたが、今度は画像を一切使用しないで
テーブルと文字だけでも、こんなこともできるという例です。