design studio MOVEHEARTS / Webデザイナー
- 川島 健吾 Kengo Kawashima
- 「デザインで心を動かすこと=movehearts」をモットーに、ココロ[hearts]の中にあるアート[art]を刺激する-そんなことを想いながら、日々制作をしております。1977年生まれ おひつじ座のO型
フリーランス / Webデザイナー
- 高橋 定大 Sadahiro Takahashi
- 1983年生。専門学校卒業後、Web制作会社を経て2004年にフリーランスとして独立。フリーランス直後よりVJの活動を精力的に行い、映像チームAGROMに所属。現在、Webやインタラクティブメディアを主とし、仕事と個人活動との両立を図りながら生活中。
- [2009.02.13] 第1回 :
- 「TVゲームよりレゴが好きだった」(川島) 「凄くゲーム好きだった。」(高橋) ~クリエイティブ業界に入るまで
- [2009.03.03] 第2回 :
- 高橋さんのFlash作品を見ながら話す Flash制作の話あれこれ。
- [2009.03.17] 第3回 :
- 川島さんのFlash作品を見ながら話す Flash制作のあれこれ。
- [2009.03.31] 第4回 :
- 良い制作をするには、発注者との関係性、そして業界のことなど
Creator+Creatorは、札幌の最前線で働くクリエイター2人に市内の彼らのお気に入りのスポットで、自分たちの仕事について深くお話をしてもらうコンテンツです。1万字以上におよぶ内容を4回に分けて紹介。その狙いは、単なる人物紹介に終わらない読み応えのある業界のリアルな話題を提供していくこと。
今回は川島さんの作品を紹介しながら、お話を進めていきます。美容室、海外のシューズメーカー、航空会社と幅広いFlashを活用した川島さんの仕事に注目。
川島作品1 美容室スニップ
川島健吾(以下川島):
これは4年くらい前の仕事です。懐かしいです。これは制作期間は1ヶ月くらいでした。Flashの構築より、ラフに時間がかかりましたね。ラフの元データーがai形式のデーターで3ギガぐらいになりました。コンテンツの素材は代理店のほうで用意してもらって、デザインとFlashを担当してます。Flashはスクリプト的には全然普通です。gotoAndPlay()で飛ばして、stop()で止めるぐらいのことしかしてません。後はマスクを使って壁が出てくる処理をさせてます。
この案件は業界に入って最初の仕事なんで、気負いというか、気合いが感じられますね(笑)。みんなが見たことのないものを作ってやろう、という気持ちでした。今よりがんばっていたような(笑)。この作品を作った後、いろいろな人に「こういうの作りました!」と言ってまわって、それからいろいろな仕事が来るようになりました。それが現在にもつながっている感じです。
当時、実際の店舗の壁が赤だったので、そこからWebの配色もイメージしています。お客さんの要望が少なかったので、自分のアイディアとして店舗を撮影に行った時、お店自体がカッコいいから、それをWebにするイメージで制作をしました。
「Flashにする意味がないとダメ」
川島:
高橋くんのFlash作品を見せてもらうと、マウス操作でいろいろ反応したり、インタラクティブ性の高いものが多いですね。僕の場合はインタラクティブ性より、紙でやりたいことをFlashでやるという気持ちがあります。HTMLを組んでデザインをする場合だと、レイアウトが決まるとフォーマットが決まってしまってデザインの自由度の狭さを感じます。
Flashだとコーディングがないから、自由じゃないですか。ドーンと1枚写真を置いて、テキストのコピーだけ置いてもFlashだとシマりますよね。見た目重視ならFlashでいっちゃいましょうか!、というのはあります。
高橋: Flashだと、どんなインターフェイスでも許されるところがありますね。
川島: それに、僕はあんまりコーディングしないし(笑)。
高橋: 僕は凄い細かい部分で、こうしたらどうでしょうね、という提案はお客さんに結構しますね。
川島: 高橋くんはアイディアマンですよね。いろいろ小技持ってる。
高橋: 一本!というより、小技が好きなんです。Flashもネチネチとやってますね。そういう細かいアイディアがあったか!という良い反応がいただけるように目指しています。
川島: Flashって、制作するならFlashにする意味がないとダメですよね。ただボタンがあるだけではなくて、なにか動いていてそれが実はボタンで、というふうに意味のある仕掛けがあるべきだと思います。隠しアイテムがあったりね。
高橋: インタラクティブか、ズバ抜けたデザインをやる場合にFlashという選択肢が向いていることですね。
川島: ええ。僕はFlashを作る時は,画面の遷移について最低限、コンテを作っておいて、動きについては後からFlash上で試すという感じで制作を進めています。
川島作品2 CROCSキャンペーン告知
川島:
これは一番新しい仕事のひとつですね。これ自体はCROCSさんがやっている、新しいモデルさんを募集するキャンペーンの告知です。
モデルさんの募集は第1フェイズで、第2フェイズではモデルを実際に紹介していく予定です。募集の告知であればHTMLで1枚キレイに作ってドーンでも良かった。でも、CROCSさんの担当者とお話をつめていくと、CROCSはオシャレなイメージを出すべきだね、ということになって、じゃあFlashでしょう!ということになっていろいろ提案して制作していきました。
「CROCS AROUND THE CLOCK」というキャンペーンタイトルはあらかじめ決まっていて、「CLOCK」(時計)という要素をデザインに入れて欲しいという要望がありました。時計とか時間とか時の流れ的なものを入れる、ということですね。
時間をどうやって表現しようか、と考えた時に「リズム」というアイディアが浮かびました。そこから、全体的にBGMを流して、リズム感というかビートを表現しています。色が毎回変わるというのは偶然できたことで、ラフの段階で10色ぐらい作りました。モデル募集なので、いろいろな人が応募してくださいね、という意味で「十人十色」というところから当初10色にしました。最終的に7色に絞って、毎回色を変えるようにしてます。
ポイントとして、多少、奥行きを出したデザインにしてます。あと、本ページは、テキストだけ翻訳して、アジアの他の国用にも使っていく、というお話があったので、デザインは日本人だけに絞ったものにならないようにしました。世界の誰が見ても受けそうなところを意識して、そのため極力シンプルにしています。最終的には11ヶ国対応にするそうです。その時は高橋くんよろしく、という感じで一緒にやりませんか?
高橋: マジすか!
川島: これの制作期間は打ち合わせから数えて1ヶ月ぐらいです。画面上のシューズがステップを踏んでいるアイディアは、僕の発案です。このアニメーションについては本当はもっとリズム感よくやりたかったのですけど、Flashの限界?なのかな(笑)。スクリプトで動かしています。
最初はモーションで動かしていたのですけど、スクリプトのほうが早いですね。ちょっと前に同じCROCSさんでビーチショップのサイトも作って、その時もシューズをデザインに使いました。その流れで今回も使ってます。
ビーチショップのサイトはCROCSさんと鎌倉にあるbowlsさんというカフェとコラボで海の家をやることになって、いくつかあって(ラフを提示)これに落ち着きました。この足は自分で撮りました。
川島作品3 AIRDO
川島:
これはクロックの少し前の仕事です。東京のほうのお客さんというか、北海道に興味のある人にむけて、AIRDOとレンタカーの会社が一緒になって、お客さんを呼び込もうというキャンペーンのサイトです。
最終的には「カンゲキ!ギャラリー」というのがあって、そこに携帯やデジカメで撮った写真を投稿してもらって、プレゼントが当たりますよ、という企画です。このサイトは投稿フォームとかは除いてサイト一式全部やりました。珍しくコーディングやりました。本当に珍しく(笑)。ページ数は7ページくらいですけどね。
Flashがメインで、北海道のキレイな写真をベースに札幌、旭川、函館、女満別の観光スポットを紹介しています。写真やコピーは、それぞれカメラマンさんやライターさんが担当しています。これは結構、代理店さんと打ち合わせが多かったです。Flash自体は3週間くらいで作っています。1発目のラフで、これで行きましょうという感じに決まって、代理店のほうでスタッフの手配が始まって、スタートしました。
モニタサイズに合わせて対応させるのが大変でした。僕の仕事用モニタは24インチです。でも、小さいモニタの人もいるって考えた時に、写真だけなら楽なんですけど、コピー、テキストがのっかっているので、これをどのくらいの大きさで表示するか、というところは大変でした。それで、1024×768を最小のモニタということでターゲットを想定して作りました。その環境で文字が読めればオッケーということですね。
高橋: 自分も作る時に見る人のパソコン環境は気にします。クライアントさんに、どういう人をターゲットにしますか、と聞いて作ります。でも、最近はパソコンもどんどん新しくなっているので、そんなに制限を特に設けないで作ることが多いですけどね。
川島: 割りきりは必要だよね。
高橋: そうですね。
川島: これはブロードバンドコンテンツなんだ、って考えてね。Flashのコンテンツはそう割りきらないと。
川島: キャンペーンサイトは作っていておもしろいです。期間限定なのが残念だけど、その分、自由に遊べちゃう部分が多い。これが普通の企業のメインのサイトだと、長く使うという部分で、フォーマットがガシッとしていて、会社の信用みたいのを全面にアピールしないといけない場合が多いですから。
配色について
川島: 配色については、企業のサイトであれば、コーボレートカラー的なものをベースに、キーカラーに考えますね。なにもない時は、本当にイメージだけですね。楽しいサイトなのか、まじめなサイトなのか、どういった方がターゲットなのかをお客さんに聞いてキレイな色を考えていきますね。
高橋: 僕も配色については、川島さんと同じようなやり方です。配色をゼロから考える時は、昔買った本などの資料から、こういう企業だったら、こういう配色が多い、といったことを参考にする場合が多いですね。オリジナルで作るならビビッドカラーは好きです。配色の掛け合わせで好きなのは、黄色と水色ですね。グリーン系の配色も好きですね。
川島: 僕は白地が好きで、薄いグレーを被してワンポイントにもう1色という感じですね。赤系好きですね。
高橋: 赤ってしまりますよね。白系に一部分赤って。
最後は色のお話で、トークは終わりました。次回は、最終回でフリートークで、「制作について?」、「理想的な発注者とは?」「仕事の割合」「業界の移り変わり」といった話題でラストを盛りあげます。
INFORMATION<トークの舞台のお店紹介> 公開秘密結社あじと2「チキューのためにできること」
住所: 札幌市中央区南11西7-3-18(ローソン向かい)
営業時間:11:00-23:00
電話:011-552-3729 / ajito@moku.jp
古いアパートをスタッフ自身が内装を手がけたという居るだけで楽しい和でも洋でもない空間。どこか懐かしく落ち着きます。お茶からお酒、そして地球と身体に優しいおいしいフードメニューも充実。時間を忘れます。
「Adobe Flash」について。
Flashは、クリエイティヴ系のソフトを多く開発しているアドビシステムズ株式会社のソフトウェアです。http://www.adobe.com/jp/




























