デモンストレーションサイトデザイン依頼（コーディング無し） - kmjapanの提案

※ このランサーは「ウェブサイト制作・デザイン」のお仕事で14件の評価を獲得しています。

初めまして。今回ご提案に参加させていただくkmjapanと申します。

以下の通りご提案させていただきます。

まず、サイズですが、画面サイズ縦７６８ピクセルを大前提として、ブラウザ上部に６０ピクセル弱、Windows７のステータスバーに８０ピクセルを使用する中で、コンテンツ枠全体が表示できるようにデザインしました。一部の機種を除いて全体がスクロールせずに表示できるはずです。もし、もう少し上下をつめるならコピーライトを５角形の中に入れることもできます。全体幅は９８０ピクセルです。

HTML５のデモストレーションサイトという事でしたので、ご注文の背景の５角形を公式HTML5のロゴに準ずる形状（下に出っ張る形）の５角形でコンテンツ紹介エリアにできるだけ邪魔にならないように配置しました。

５角形のエリアですが、薄くグラデーションオーバーレイ・ドロップシャドウ・境界線等を混ぜ合わせ、安っぽくならないようにしました。

メニューを上部に配置しましたが、一部の機種で（縦が６００ピクセルの場合）メニューが隠れてしまう可能性を考えました。メニューもモノクロカラーが前提ですが、安っぽくならないように、ドロップシャドウ・光彩・グラデーション他細かく手を加えてあります。PSDファイルを見ていただくとご理解いただけると思います。メニューの「新着」のみが黒くなっていますが、ロールオーバー時の色の変化例です。また、書籍等のコンテンツを扱われるということで検索枠を設けました。メニュー右側のHTML５ロゴですが、公式サイトのFAQによりますと利用が可能ということで設置しました。もちろん、ロゴなし修正もお受けします。

コンテンツエリアの横幅は９００ピクセルです。

修正もお受けします。

以上、よろしくお願いします。