実績紹介：ラジコンパッケージ制作

かなり前から告知してました、ラジコンパッケージ制作の実績紹介。
仕事としてWEBサイト制作がメインの中で、パッケージを制作できるというのはとても面白い経験で、また自分が作ったものが 店頭に置かれ、全国に流通するというWEB制作とは異なる喜びを感じる経験ができました。
上の画像は入稿データでして、製品として発売されるとこんな感じです。

ラジコン自体は昨年の11月から販売されて、発売にあたっては色々なラジコン雑誌にも取り上げられてます。
とあるblogで、「パッケージやポスターがかっこいい」って言って頂いた記事もあり、WEB制作ではなかなか得られない反響を見て、 ニンマリしてしまいました。

パッケージの制作コンセプトは、他のラジコンとは異なるインパクト。
スーパーカーブームを経験した世代の方をターゲットとしているため、「ラジコン」というより「車・スーパーカー」という点を 前面に出してます。
このパッケージを見て「あれ何だろう？」って思わせる事をポイントとしているので、普通のラジコンパッケージと比べるとかなり異色です。
この考えがクライアントの考えとマッチし、ウチの会社で制作する事になりました。
クライアントによると、このラジコンのCM撮影の際、見学していた家族の会話で、
子供：「あれ何？」
父：「ランボルギーニっていう車だよ。懐かしいね。ラジコンかな？面白いね〜」
というやり取りがあったみたく、まさに狙い通りでニヤリです。

私が担当した部分は、

• パッケージデザインの企画
• 大枠のデザイン構成
• イラスト作成

でして、かなり私の想いが入った制作物となってます。
またこれ以外にも、このラジコンの専用サイトも作ってまして、こちらはサイトのコンセプト作りからデザイン、制作までほとんど一人で行ってます。
思い入れが強い分、なかなか面白いものができました。

店頭では下の様な感じで販売されてます。
いや〜、自分が作ったものがこんな風に販売されてるって、この仕事やってて良かったな〜

仕事の山を越え、ようやく落ち着きました。
分かってはいたんです。こんな宣言してた事も。

ノリックのイラストは完成したんですが。。。。
沼田さんもパトレーゼのイラストも全然出来てません。。。

久しぶりに時間が出来たので、更新を頑張るためにCSSに関するTIPSを。

最も多くのユーザが使うIE6。CSSレイアウトでコーディングを行っている際、時々ぶちあたるバグを紹介。

floatを多用しているCSSレイアウトのコーディングを行っていると、Windows IE6で下のイメージの様な、テキストの後半が複製され予期しない所にはみ出る事があります。
和柄はフッタのイメージ、コピーライトがテキストです。形として、全体をラップしたボックス内にfloatされたfooterボックスを入れ、さらにコピーライトを配置するボックスを入れ子にしている様な構造です。

これは、きちきちのボックスの入れ子を行っている際出現するIE6のバグでして、ソースを見ても余分な文字は無いし、本来あるべき箇所のテキストを選択するとはみ出た所も選択されるという不思議な現象です。

私も制作の際この問題にぶちあたり、頭を悩ませました。
IEのバグなので、CSSの記述がおかしい訳でなく、なかなか原因が分からないからです。
取りあえず原因となりそうなボックスをソースから削除したりしてもだめで、検索しようにも現象となるキーワードが曖昧なため、WEBでも簡単に解決の手がかりが見つかりません。
「IE6」、「CSS」、「テキスト」、「はみ出す」ではヒットせず、これに「余分に」や「突然」みたいなキーワードを加えると、 何がなんやら分からなくなってしまいます。

で、解決方法としては、ソースからコメントを削除する事です。
色々試しましたが、ソース全てのコメントを削除する必要は無いみたいです。でも、 テキストを内包している、ボックスまわりのコメント削除だけでは解決しない場合もあり、 影響範囲がどの程度かはよく分かりません。
でも、とにかくコメントを削除すると、何事も無かったかの様に余分なテキストが無くなります。

まぁ、正直な話この件を深く検証する気はあまりないですが、同じ問題にあたった人の解決に役立てば幸いです。