なりたてWEBデザイナーのオレイズム

なりたてウェブデザイナーのぼやきとWEBの仕事と妄想

2006年08月

睡眠時間が毎日4時間未満なLPN13ですが、皆さんいかがお過ごしでしょうか?
ナポレオンもライバル心むき出しになるぐらいの睡眠時間ですが、誰も褒めてくれません。

仕事が終わって家に帰ってきてもやることがいっぱいあってなかなか寝れません。
おかげで、仕事中に記憶を失う事がここ最近出てきています。何とか他の方にはばれてないと思いますがちょっと気をつけたいです。それに追い討ちをかけるように部屋の蛍光灯が一本切れてしまって余計につらいです。

この頃テレビでニンテンドーDSのファイナルファンタジー3のCMがよく流れていたのですが、このゲームは小学校6年生の頃夢中になってやっていたゲームでした。
当時、あまりにも熱中していたので、今になってCMでながれる音楽を聴いただけで鳥肌物です。当時はウザイぐらいに聞いていた曲も15年後には名曲に昇華されています。そして当時の楽しかった出来事を詳細に思い出します。

ここで私ははっと気づいたのです。
私は懐古癖があるっていう事を!!

何か事あるごとに「あぁ、あの頃は楽しかったなぁ」みたいな気持ちになる事が多い事に気づきました。実際、その頃本当に楽しかったのかどうかは疑問です。もしかしたら思い出を美化している事の方が多いかもしれません。

どうやら私の頭の中は今を楽しんでいるという感覚よりも、昔を思い出して楽しむという風に出来ているようです。そう考えると今しんどくても5年後は「あの頃って楽しかったよなぁ」という喜びを予約できているようでちょっと得した気分です。
ただ、言い方を変えてしまうとすごく後ろ向きな人間なのでそのへんは皆さんの心の中にそっととどめておいてください。

そうと分かれば何年後かに「あの頃は楽しかったなぁ」と思い出すきっかけとなるものを色々作らなければならないような気がしてきました。
こういう時音楽が一番いいきっかけになると思いますが、最近音楽なんて本当に聞いていないのでちょっと心配です。5年後にCDTVの2006年特集とかを見て今のことを思い出せなかったらさびしいなぁ。

なかなかブログを更新できませんでしたが、皆さんいかがお過ごしでしょうか?

去年の暮れから月に二回ほど歯医者に通っています。
私の通っている歯医者は、月に一度日曜日にも診察をやっているので社会人にはありがたい限りです。
そんなわけで、今日は歯医者に行く日でした。最近奥歯が冷たいものを食べるとしみるようになっていたのですがレントゲンで自分の歯を見てびっくり。
なんと、親知らずが真横を向いて顎の骨の中に埋もれているのです。
どうもこの親知らずが奥歯を若干刺激しているようで、痛みがひどくなってくると、大きな病院に行って手術で顎の中に埋もれている歯を抜かなければならないらしいのです。

今のところ痛みはなく、しみるだけなので様子を見る事になっていますが、想像しただけで恐ろしいです。

盆休みも今日で最終日を迎えたLPN13ですが、皆さんいかがお過ごしでしょうか?

結局お盆も夏らしい事はほとんどしないまま過ごしてしまいました。

ただ、先日夜中に海で友達と2人で酒を飲んだ事だけが少し夏っぽいぐらいです。ただ、海は身近すぎて新鮮味には欠けます。
夏休み中なので海には男女のグループが何組か来ていました。彼らは楽しそうに話をしていたり、花火をしたりしていました。
そして驚く事に、めっちゃでかいビニールシートを引いてすごい照明まで持ってきてカラオケ大会をしている中国人と思われる皆さんもいました(15人ぐらいいた)

私たちヤサグレ男はそれを横目に、安い酒をあおり、安いつまみを食い、安いタバコを吸い、安い夢を語り、安い布団で眠るのです。

しかも、ヤサグレ男だと信じて疑わなかったその友達にもちょっと浮いた話が出てくる始末。
そうやらヤサグレ人生を送るのは私1人になりそうな予感満載です。
そして、中国人グループが悲しげな曲ばかり歌っているのでよりいっそう落ち込みました(泣)

ほんとうに最近生活に潤いがないといいますか、もうちょっと色気のある生活を送りたいと願う私でした。なんか楽しいことないかな〜。

ウェブデザイナーになりたいという方が多いのか少ないのかはわかりませんが、もしそういう方がこのブログを見て少しでも参考になればと思って俺流(オレイズム)のWEBデザイナーになる方法をちょこっと書いてみようかと思います。

前回はWEBサイト製作に必要なアプリケーションや仕事の流れを紹介しましたが、今回はもう少し踏みこんで書いてみたいと思います。

まず、WEBデザイナーというだけあってデザインが出来ないといけません。
ここからは私独自の考えですので、一般的なものとは違うかもしれませんが、その辺はご理解ください。

WEBサイトを作る前に詳細なデザインを作る必要があります。
これを作ることにより、自分の作るサイトがどういうものになるのかしっかりとイメージできます。また、クライアントにもそのイメージが形として伝わりますのできっちりと作らなくてはなりません。

WEBデザイナーではなく、個人の趣味でホームページを作っている方はあまりそういうことを行わないことが多いと思います。(私もWEBデザイナーを目指すまではそうでした)だいたいはホームページビルダーなどを開きながら、「ここにロゴをおいてと、じゃあこのへんに新着情報をつけようかな」とデザインとコーディングが同時進行になる事が多いと思います。デザインとコーディングを同時に進行する事で効率的に作業が出来るように思いますが、その逆になる事も多いです。プロを目指す方は同時進行はやめておきましょう。

まずは大まかなレイアウトを決めます。
この段階でページに入れるものをそろえておくと、あとあとらくちんです。
レイアウトを決めるときは大きめの紙(A4ぐらいの紙で充分です)にスケッチするとやりやすいように思います。ヘッダ・フッタ・ナビゲーション・ロゴ・イメージなどのレイアウトをさらさらっと紙に書きます。
うまくレイアウトが決まったら次はIllustlatorやPhotoshop、Fireworksでの作業に移ります。

Illustratorなどの作業に移ると、最初紙に書いていたレイアウトと多少違ってくる事もあるかと思いますが、それは良しとしましょう(笑)

とりあえず、こんなかんじで。
次ももうちょっとデザインのお話をしてみます。
また、質問などありましたらお気軽にどうぞ〜。(未熟者ゆえ、ご期待に沿える内容の返答ができるかどうかはわかりませんが)

今までに買ったWEB関連の本をまとめました。皆さんの参考になれば幸いです。
→LPN13が実際に買ったWEB関連の本

WEBデザイナーになりたいという方が多いのか少ないのかはわかりませんが、もしそういう方がこのブログを見て少しでも参考になればと思って俺流(オレイズム)のWEBデザイナーになる方法をちょこっと書いてみようかと思います。

前回は心意気について、あーでもない、こーでもないと書きましたが、今回は技術編です。

まず、製作で使用するアプリケーション。

●デザイン
Illustrator
Photoshop
Fireworks

●コーディング
Dreamweaver
Golive

●アニメーション
Flash

とりあえず基本的にはこれらのアプリケーションを使います。
会社や人によって使うアプリはさまざまですが、Illustrator・Photoshop・Dreamweaver・Flashが一通り使えれば何とかなると思います。

個人的にはFireworksがWEBデザインをするには使いやすいと感じたのですが、私の会社は印刷物がメインなので、データを使い回しする際にIllustratorでデータを作った方がいいとの事からIllustratorがメインになってきています。
業界内でもIllustrator&Photoshopでデザインするという人が多いように思います。

コーディングはメモ帳などのテキストエディタでもできるのですが、DreamweaverやGoliveを使った方が効率的です。ライブラリやテンプレート機能はとても便利で一度使うと病みつきです。また、一般的にDreamweaverを使っている人の方が多いのでDreamweaverを使えるようになるのが一番だと思います。

FLASHはインタラクティブなサイトには欠かせないものです。ただ、ActionScriptというプログラムを使えるのと使えないのとで大きな差が出ます。ちょっとしたアニメーションムービーを作れるだけで「Flash使えます!」という人もいますが、恥ずかしい思いをするので、そういうことはあまり言わない方がいいです。(私の体験談です)


次は、WEBサイトを作るおおまかな流れです。

1.ラフデザインの作成
2.詳細なデザインの作成
3.コーディング
4.完成

私の会社では提案書や企画書と共にTOPページのラフデザインを作ります。
ラフはあくまでも「こんなイメージでどうですか?」ということを伝えるためのものなので画像なんかはダミーを使います。
ラフデザインを出した後にクライアントからもっと違うイメージでといわれる事もあったり、前もって参考にしたいサイトを教えていただく場合もあります。
また、ラフデザインを作らずにいきなり詳細なデザインから入る事もあります。

写真素材や原稿などが揃うと詳細なデザインを作ります。
これはもうダミー画像などは使わず、完成予定のサイトと見た目まったく同じものを作ります。最終的にHTMLにするという前提でデザインをします。ボタンのロールオーバーやリンクの色などもわかるようにします。
私の場合、ここが一番時間のかかる仕事になります。
詳細なデザインが完成したらクライアントに確認してもらい、修正などを行います。

クライアントからOKがでればコーディングになります。
詳細なデザインを元にHTMLにしていきます。

コーディングが終了したらテストサーバーにアップし、クライアントに確認をしてもらい、修正などを行います。
前にこの段階でクライアントから「デザインを変更してもらいたい」といわれた事があり、半泣きになりながら作り直したことがあります。もうHTMLまで組みあがっていたので1からやり直しな羽目になりました……。
「コーディング作業に入るとデザインの変更は容易に行えないので別料金を頂きます」ということを事前にクライアントに伝えて欲しいと思いました(泣)このあたりはきっちりと決めておかないと泣く羽目になります。っていうか、うちの会社のやり方が下手なんだろうけど。コーディングを軽視しすぎなもので。

修正も終わったら本サーバーにアップし公開します。

これが大体の流れになります。

とりあえず、きょうはこれまで。
次回はもうちょっと突っ込んで書いてみたいと思います!

今までに買ったWEB関連の本をまとめました。皆さんの参考になれば幸いです。
→LPN13が実際に買ったWEB関連の本

WEBデザイナーになりたいという方が多いのか少ないのかはわかりませんが、もしそういう方がこのブログを見て少しでも参考になればと思って俺流(オレイズム)のWEBデザイナーになる方法をちょこっと書いてみようかと思います。

スクールに通うのがオススメと前回書きましたが、金銭的な事情や、大人の事情でスクールに通えない方も多数いらっしゃると思います。
私も金銭的な余裕もなく、めでたく独学の道に進んだわけです。
2000年4月ごろの記事を読んでもらえればよくわかります。

独学でWEBデザイナーを目指そうとしている方で、今までにホームページ(WEBサイト)を作ったことがないと言う人は少ないと思います。
おそらくホームページビルダーやフロントページなどで趣味のサイトなどを作ったことがあると仮定して話を進めます。
もし自分でサイトを作ったことがないけどWEBデザイナーになりたいという人がいらっしゃいましたら、まずは何でもいいので自分のサイトを作ってください。話はそれからです。

今をさかのぼる事6年ほど前に私はホームページを趣味で作っていました。
別にデザインが好きなわけでもなく、本当に個人の趣味で作ったサイトでした。昔のサイト
すごい恥ずかしいですがスクリーンショットを載せます。
これを見ていただければわかるようにめちゃくちゃショボイです。
サイトに入るといきなりmidiが鳴り始めますしね。
本当に恥ずかしすぎます。
まだこのサイトはインターネット上のどこかに存在しますので(更新は5年ほどしていませんが)興味のある方もない方も探さないでください。絶対に!!

でも、こんなサイトしか作れなかった人間でも結構何とかなるんですよ!!

まず、独学を行う上で一番大事なことはなんといってもモチベーションを保つ事です。
スクールに通っていると、高いお金を払っているからという理由や、わざわざ家を出てスクールまで行くという行動や、スクールにいる他の受講者の刺激を受けて、などモチベーションを保ちやすい状況になります。

独学の場合それがないんですよね。
なので、どうにかして自分を追い込まなくてはなりません。
私は仕事を辞めて収入源を断つという追い込み方をしました。

「25歳無職(失業保険貰ってます)」
この肩書きだけでもかなり自分を追い込む事ができました。
ほんと、この時期は昔の友達とか知り合いに絶対に会いたくなかったですね。
「今何してるの?」って聞かれるのが一番怖い時期でした。

失業保険は3か月分しっかり貰いましたが、支払いを分を除くと小遣い程度です。
ただ、私は実家暮らしなので食べる事と寝る場所の心配はいりませんでした。
スタートこそ良いペースでしたが…元々自分に甘いタイプの人間ですので、ちょうどやりたかったオンラインゲームを夜中遅くまでやってしまったり、金もたいして持ってないのに仲の良い友達と飲みに行ったりといろんな誘惑に負けていました。

しかし、それではだめだと思い、自分を追い込むためにWEBデザインに関する本を買いあさりました。本を買って損することはありませんし、少ない失業保険のお金を使う事によって、「これだけ金をかけたんだから元を取り返せ!」という気持ちを持つ事もできました。

独学で勉強する人はとにかく、まず自分を追い込んでください。
私のように今の仕事を辞めて追い込むのもよし。仕事を辞められない人は本でもアプリケーションでもいいから、WEBデザインに役立つと思うものを自分が払えるギリギリの範囲でたくさん買ってください。

昔、大原学園のCMで
「君にふさわしい男になる!」
「僕は税理士になる!」
「じゃあ私はウェブデザイナーになるわ!」
「なら僕は警察官だ!」
というのがありましたけど、それと同じように周りの人に「じゃあ、私はウェブデザイナーになるわ」と宣言するのもひとつの手です。
人に宣言する事によって自分を追い込む事ができます。

「WEBデザイナーになりたいなぁ」じゃなくて、「WEBデザイナーになれないとマジでやばい!」という気持ちがすごく大切です。

あと、毎晩布団の中で、WEBデザイナーになれないまま、年を取るまで自分がやりたくもない仕事を続けてる姿を想像してください。結構効果的です。たまに涙が出そうになるのはご愛嬌♪ それに加え、仕事をバリバリやって幸せな生活を送っている人を思い浮かべてください。
もう自分が情けなくなってきます。「マジでどうにかしないと!!」という気持ちがどんどん強くなるはずです。この気持ちがとても大事だと私は思います。

最後に、一番最初に買ったWEBデザインの本を紹介します。「ゼロからはじめるWEBデザイン」という本です。

この本を読んでWEBデザインの基本中の基本がどんなものかという事が理解できました。
写真も多くて読みやすく、今からWEBデザイナーを目指そうと思う方にはかなりオススメです。

今までに買ったWEB関連の本をまとめました。皆さんの参考になれば幸いです。
→LPN13が実際に買ったWEB関連の本

↑このページのトップヘ