demo1「Flashサイトにおけるアートディレクションとデザイン」櫻井優樹氏
demo2「Flashお絵描き使いこなし技」まつむらまきお氏
demo3「TVアニメ制作のワークフロー」マックス・ワイントラウブ氏
ノートにメモを取っていたのですが
いまいちまとめられなかったので、メモ形式でエントリーしておきたいと思います。
demo1「Flashサイトにおけるアートディレクションとデザイン」櫻井優樹氏
「飛ぶ鳥を落とす勢いのアートディレクター」
むらけんさんの紹介から始まった...
おおまかな事例紹介
・ムシバトル(東急ハンズ)
店頭でリアルで作成された虫が
統一フォーマットでWebにアップされているもの
・NULL
･食べログ(ロゴ)
・undefined(ロゴ・名刺)
・CQSO(ロゴ・名刺・web)
･ふたりPARCO
ユーザがアップロードした写真がオリジナルペのアルックになるもの
キャンペーンが終了していて今は見れない
後述→
デザインとは...
触れずにおいているもの
コミュニケーション
伝えるもの
気をつけていること
ゴテゴテになってしまったユーザの要望
5W1H(コンセプト(概念))をもとに
ばらして本質を見出す
アートディレクション≠グラフィックデザイン
(アートディレクションとグラフィックデザインはイコールではない)
→空気観、世界観を作り出すこと
(「グラフィックデザイン」「インタラクティブデザイン」を含む)
事例紹介
ユーザからのコンセプト：カルチャーはいくつかの要素をもとに作られる
(音楽であったり、ファッションであったりいくつかの要素が重なり1つのカルチャーとなっている)
マクロとミクロの視点を取り入れ
UIにおいて、世界観を行き来出来るもの目指した。
●Metamosphere WebSite
2chのネットコミュニケーションが非常に面白い
を参考に構築を行った。
1つの目的を進行しようとするが、邪魔する人が出現したりして思った通りにいかない
そこに非常に面白みを感じた！
マウスとクリックを共通にして見ている人の邪魔を可能とする
そうする事で、別の興味が少ないコンテンツを色々な人に見せる事が出来る
●ふたりPARCO
[コンセプト]
好きな人とつながっていたい
まず、必要な要素をひとつにまとめたビジュアルマップを用意した。
※画像はイメージです
(実際のプレゼンはもっと綺麗でまとまってました)
・合成画像を作成する上で必要だったこと
→デザイナー(3Dや光を理解している人)
・アップロードされた画像の処理
1．写真をタイル状に並べにパターン化
2．合成するパーツ部分に合わせ、レイヤーを組み合わせる
(ハイライト ＋ ソフトライト ＋ シャドウ ＋ 乗算)
3．細かくマスクで切り取った部分に、角度をあわせ適用
仕事について
自分の色は出ているか？
→自分の色は0です。
(コミュニケーションを豊かにする事
デザインという意味では100%出ているのかも
)
コメントする