サイトデザインを画像で作る

和田さんの「1日サイトリニューアルレポート」に激しく影響受け中の私。リニューアル構想、配色、デザイン、コーディングと、一連の流れがお勉強できて非常に役立ちます。

で、この連載の中に「Fireworksで画像パーツ作成」という記事がありました。

「コーディングに取り掛かる前にFireworksで画像として起こし、その後それに合わせてコーディング、パーツの切り出しを行う」というものなんですが、私もPhotoshopを使って同じようなことをしています。

サイトを作るときって、「見えてるもの」ばっかりを意識しがちなんですが、上から下まで全体的に眺めてみてバランスが取れているかどうかってのも重要な気がするんですよねぇ。（なので、私はサイトができたあと、ページ全体をキャプチャーしてバランスを確認してます。）

その全体像を手っ取り早く見ることができるのが、FireworksなりPhotoshopなりを使ってデザインしちゃう方法なんではないかと。

いきなりコーディングから入っちゃうと、CSSも含めて全てが終わらない限り全体像が分からないわけですが、苦労してコーディングが終わった後でバランスが悪いことに気付くと、かなーり凹みます＾＾；（げぇ、もう一回組みなおさなきゃ.....みたいな）

その点、画像で作れば手間のかかるコーディングは後回し。デザインを集中して仕上げることができるんですよねぇ＾＾

使うソフトはなんであれ、画像に起こしてデザインを考えるこの方法、オススメです。

（ただし、頭の中で完璧にイメージができちゃってる場合なんかはコーディングから入った方が早いなんて場合もありますんで、時と場合によって使い分けしてます、私の場合は。）