 |
添削付きwebデザイン教室を購読して頂いてありがとうございます。
第1回をお送り致します。
第1回はサンプルとして、どのようにデザインを投稿すれば良いかと、どのような添削が返ってくるかをご紹介します。 |
|
 |
1）今回投稿されたデザインの情報
2）今回投稿されたデザインの添削
3）皆様からのデザインの募集 |
|
 |
投稿されたデザイン（サンプルです） |
【1】あなたのお名前
うさこ
【2】今は何をされていますか？
webデザイナー目指して勉強中
【3】webサイトのURL
こちら
【4】webサイトの目的、テーマを教えて下さい。
オフィス移転会社のwebサイトを想定して作成しました。
【5】どうしてこのようなデザインにしようと思ったのですか？
若者向けのオフィス移転会社が少ないため、ターゲットを若者にしました。コーポレートカラーが緑なので、緑をメインに使いました。
【6】思い通りにうまく行かなかった点はありますか？
会社のテーマカラーの緑が重くて使いにくかったです。
【7】自分でうまく出来たと思う点はありますか？
写真の選択で雰囲気が変わると思いました。
【8】その他質問があればなんでも。
今回は画像のアドレスを送りましたが、htmlのページでも良いんですか？
|
|
 |
【全体】
色々な情報があってごちゃごちゃしそうな内容を、きちんと場所で区切り、整理されています。また、緑がコーポレートカラーということで、黒板のイメージを持ってきたアイデアも◎。
ただ、コーポレートカラーにこだわるあまりに、全体的に重たい印象になってしまったのが残念です。もう少し緑以外の色を利用しても良かったと思います。
ポイントカラーに反対色の赤を持ってきていますが、この赤をもう少し彩度の高いものを使う、またはオレンジや黄色などを使うと、目立つようになると思います。
お問い合わせへのボタンが飛び出ているのは面白いですが、それ以外の部分がタテ・ヨコの直線ばかりになってしまったので、メインの写真部分に斜めのラインを持つようなものを使っても良いかもしれません。
【メニュー部分】
飾り気の無いテキストだけのメニューは、全体の雰囲気と調和していますが、ややページの中で埋もれがちです。メニューの背景に黄色系の色を敷くと浮き出ると思います。
【移転の流れ】
見出し以外の部分については緑を使わなくても良かったのではないかな、と思います。ただ、こういった利用の流れがあると、初めて使う人にとても親切です。コンテンツとしての存在は◎
【新着情報】
やや他の項目に埋もれてしまったかな、と思います。テキストはもう少し濃くても良いでしょう。
【活用事例】
「詳しくはこちら」だけではなくタイトル部分にもリンクをつけていますが、これはSEO的にもとても良いです。また、ある程度の情報をトップページに掲載している点も、来訪者を引き込むために良いです。
ただ、違う文言でリンク先が同じになってしまうため、「詳しくはこちら」については画像ボタンにした方が良いかもしれません。
【右下のブログへのバナー】
ブログへのバナーはせっかくバナーにしたので、もう少し目立たせた方が良いでしょう。ここではコーポレートカラー関係無しに作っても良かったかもしれません。
今回はうさこが作ったもので行ったので、すこし、データが『出来すぎて』いると思いますが、全然まとまりのつかないものでも構いませんので、お気軽に参加して下さいね。 |
|
 |
制作した作品を批評して欲しい方は、以下のテンプレートに必要事項を入力し、メールで「lecture@two-ways.com」まで送って下さい。
添付ファイルは不可ですので、ご注意下さいね。
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
【1】あなたのお名前（ハンドルでOKです）
【2】今は何をされていますか？（例：webデザイナー目指して勉強中etc）
【3】webサイトのURL（公開不可の場合はそう書いて下さい。）
【4】webサイトの目的、テーマを教えて下さい。
【5】どうしてこのようなデザインにしようと思ったのですか？
【6】思い通りにうまく行かなかった点はありますか？
【7】自分でうまく出来たと思う点はありますか？
【8】その他質問があればなんでも。
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
投稿された画像は、こちらのサーバーにコピーしてメールマガジンに貼付けて配布されます。
応募後の画像変更はできませんので、ご了承下さい。
投稿して下さる方がいなければ成り立たないメルマガなので、
皆様、勇気を出して、ぜひ投稿して下さい。
|
|
 |
|
|
