さよなら、カルチャー・ブレーソ
2007年12月06日23:55
シリーズでカルチャー・ブレーソのホームページを制作し続けてきましたが、次回を持ちまして、制作を終了したいと思います。
制作をあきらめたのではなく、次の作品に勝負を賭けようと思っています。

どこかのサイトで見かけたのですが、
ホームページを作るための練習をしても、決してホームページ作りはうまくはならない。
ということが書いてありました。
本番でギリギリの制作をして、初めて上手くなる、ということでした。

私はどこかで「試作品」という甘えがあったのかもしれません。
そろそろ、勝負を賭けるホームページを作らないといけないと思います。
そして、次回を「完成品」にすることに決めました。
もし、実際に制作依頼が来たとしたら、次の作品を納品する。そういうものにしたいと思います。

このシリーズを始める際、私は友人に指摘される前から、本家のホームページを越えるものを作る自信がありませんでした。
実際しょぼいホームページしか作ったことが無かったですし。

本家のページは上級者から見ればツッコミどころが多いのかもしれませんが、パッと見た目のインパクトは結構、味があり、かつ情報量も多いです。これはこれで好き、という方も多いのかもしれません。

案の定、友人に指摘されて返り討ちにあったわけですが、たくさん暖かいコメントを頂いて、自分が作ったホームページの問題点がおぼろげながら見えてきた気がします。



通りすがりさまより

全体的に統一性がありませんよね、
ロゴを見るとポップな感じがしますが、少し横に視線をずらすとものすごく和風で。
縦グラデーションで始まり、横グラデーションになり、はたまた縦グラデーションになり。
色使いもコンセプトのようなものがなく、ただただ目立つ色を組み合わせてみた、って感じが出ていますが

確かに。
色使いのコンセプトというコンセプトがありませんでした。
色使いを統一し、なるべくフォントも統一するように配慮します。


背景#000に文字色#fffというのはコントラスト(対照性)が強すぎるということかな。

なるべく強い色の組み合わせは避けるように致します。


第一作目、第二作目でボックスが左上、中央上と表示されていましたが、どうも下の隙間が可哀想でした。どうせなら中央に表示してみては?と思います。

教えて頂いたおかげで、寂しい隙間を無くす方法がわかりました。
ありがとうございました。



とーりすがりさまより

1.ナビゲーション・リンクと思いきや、求人募集の表が置いてある
2.妙な所にリンクが貼ってある(「求人募集」や「会社概要」など)
3.「お洒落に恋して」の画像のサイズが大きすぎる(サムネイル画像を用意すべき)
4.サイトの説明文がない
5.W3C標準をクリアしていない(imgタグにALTタグがないなど)

W3Cの標準クリアは無理ですが(笑)、リンクがわかりにくくならないよう、サイトの説明文を入れたりするよう、配慮してみます。
ありがとうございます。



あいさまより

まずは、寒色系、暖色系などから初めて、組み合わせていく
などの方法がお勧めかな。

色の系統で組み合わせていくことにします。
他にも配色のアドバイスを頂きました。
ありがとうございます。



ささっちさまより

真ん中の領域は私がユーザだったら見る気がしません。

言われてみてようやく気づきました。
詰め込みすぎと。
ありがとうございます。



keiさまより

Firefoxでのリンクのアウトライン表示についてですが、CSSで、
a {
outline-style: none;
}
と設定すれば非表示にすることができますよ。

変な点線が出るとぼやいていたら、即座に教えていただきました。
アウトラインというんですね。消し方がわかりました。ありがとうございます。


製品も大切ですが、まずそれ以前に会社のサイトとしての体裁を整えるといいと思います。

なんとなくですが、サイトの構築の仕方に問題がありそうな気がします。

【親しみやすい】というコンセプトに決めたのなら、それを軸にしっかりとした企業をイメージすると、ある程度見えてくるのではないでしょうか。

企業のサイトを作るんだということが、ようやく理解できました。
元々のサイトに影響されることなく、企業のイメージでサイトを作ればいいんだとふっきれた気がします。
ありがとうございます。


そういうわけで、今回、配色からこだわった作りをはじめてみました。

本家サイトの本当のロゴは青系統です。
本家のサイトも青系統でまとめてあります。
ロゴを活かすためにも、まず、青を基本の色に決めました。

最初に青のグラデーションを作って、そこからいくつか色を拾って、使う色を決めました。

配色グラデーション作成


そして、使う色をホームページのどこに配置するか、配色を決めました。

サイトの配色決定

フレンドリーな感じを出すために、角ばったパーツはあまり好ましくないので、ホームページビルダー11のオマケで付いてた「FreeMotion」のペンツールを使って角丸のパーツを作りました。

そして、ホームページビルダーにオマケで付いている「ウェブアートデザイナー」上で、まずはホームページを画像として作成します。

あとは、画像を切り抜き、Dreamweaverでホームページを制作していきます。
完成したら、「完成品」として、最後のカルチャーブレーソのホームページとして公開したいと思います。

出来は、みなさまに判断していただきたいと思います。
私は自分自身の作ったものは、あまり冷静に評価できないです。
正直、本家を越えれる気は今でもしません。
でも今は、越えれるかどうかは、私にとってはあまり問題ではありません。

出来はどうあれ、次で最後です。勝負を賭けたいと思います。

コメントを下さった方、本当にありがとうございました。
コメントのひとつひとつが嬉しかったです。
そして、みなさまのおかげで、なにかしら成長できた気がします。

次回はファイナルプレゼンテーションです。
制作したホームページを公開するとともに、売り込みに行く際のプレゼンテーションを添えたいと思います。

実際には、たぶん売込みにはいきません。
私にはまだまだ、実際に企業のホームページを制作する力は到底無いと思うからです。

でも、これからも精進して、いつの日かそういう力をつけたいと思います。

では、「完成品」を制作してきます。




次回予告


「コメントの価値は」


みなさまから頂いたコメントを、私が活かしきれるのか、それともまるで変わり映えしないのか、見て下さい。




この記事へのコメント
まや
まや
2007年12月07日 02:20
3

「奇跡の価値は」
…ですか? 違ったらごめんなさい♪(笑)
(元ネタ勝手に推測中)

ご無沙汰してます。
お仕事として考えているなら仕方ないですが、あんまり根詰めすぎないで下さいね。
ちょっと苦しそうに見えちゃって、コメント控えてましたが心配したり☆

私は脱力し過ぎです。(爆)

afiliate
どおも〜まやさま。こちらこそご無沙汰をいたしておりました。

当たりです(笑)。
時々、ひそかに元ネタがあったりします。誰も言わないので自分から言っておきますがw、下のはNHKアニメ「メジャー」。
http://afiliate.livedoor.biz/archives/50906933.html

ご心配おかけしてすみません。私は結構楽しんでいるのですが、苦しそうに見えちゃってるなら、ここらがちょうど潮時かもですね。

お仕事として・・・うーん、揺れるおっさん心。ただ、実力がそこまでは伴っていないですね。いずれにしても、もっと進歩が必要そうです。

優しく潤いのあるコメントをありがとうございました。
お暇な時にでも、またどおぞ〜。


この記事にコメントする

注:livedoorBlogの仕様により、コメントは400字以内となっております。
コメントが長くなりそうな場合は、
メモ帳にコピペなどされておかれることをお勧めいたします。

名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 
トラックバックURL