第1回勉強会まとめ

司会の準備不足のせいでかなりgdgdになってしまいましたが、実際の現場で皆さんが抱えている共通の問題が明確になり、今後の方向性を考える上で重要な勉強会でした。

概要

2007/8/12開催の東京てら子、第二セッションとして開催。生粋のFLASHerの方々20名ほどでディスカッションしました。時間は一時間ほど。

そもそもデザイナーから貰うファイルって？

  • デザイナーからfla来ません。ＰＳＤorPNG止まり。
  • Flaでもらったことないなあ
  • アニメを前提にしてないflaとかもらうこともある
    • 同じく！
    • おなじく。PSD止まり
  • うちもpsdでもらう。
  • できたらAIのがいいなあみたいな次元
  • 自分もPSDどまりでもらいます
  • デザイナーからはflaで予めシンボル化してもらったものをもらってました。
  • 私はAIカンプっす
  • 自分も PSD PNG でもらいます
  • デザイナーからもらったAIをPSDにしてFlashの人に渡してます。
  • 僕もPSDでもらいます。
  • PSDもらいます。どう使うかで切り方も変わるし。
  • flexの場合、仕様が決まってれば標準コンポーネントで作ってしまってスキンは後からとか
  • モーションに誰が責任持つかって曖昧なことが多い。
    • 適当にモーションつけてねっていうのが多いなぁ。
    • 着地デザインだけもらって後はモーションつけてみたいなやつですね。
    • やっぱりモーションも含めてデザイナーが指定してほしいです。
    • というより、動きを想定したデザインをくむべきだよね。
    • 勤務時代はモーション実装は任されてて、もうちょっと速くしてとか後から微調整が入るやり方でした
    • でもFlashのモーションまで考えられるデザイナーがそもそも少ないよね。
    • モーションとデザインって不可分だと思う
  • こっちがデザインやUIにダメだしOKな場合だとやりやすい。
  • とりあえずベクターでほしい
  • デザイナーが Flash を理解してる前提なら fla で貰う方が楽ですけどねぇ。結局知らなかったらまたそこで一から教えるのにもコストかかるし...
  • アニメーションするボタンなどは、こちらでテンプレート作って、デザイナにはそれに沿って作ってもらっています。
    • デザインもらって、テンプレ作って、パーツを作ってもらう感じですか？
  • はい。最終的にflaで貰います。デザイナがpsdでデザイン→flaファイルの作り方を打ち合わせて(ここでテンプレ決める)→パーツがライブラリに入ったflaを貰う→asコーディング、という流れです
    • それすごく理想的ですね
  • 基準点と変形点が改変されて不幸せになったことが

→PSDで来るって人がほとんどという状況。たまにAIやfla。

むしろみんな、デザインもらってから実装始めるの？？？

  • できる場合はなるべく最初に打ち合わせします。
  • デザ待ちで、アウトラインで実装できるかみたいな部分も興味あるなあ
  • はじめまして。私はデザインもらってから実装してます。
  • デザイナーにこれできるのって？聞かれつつ頭の中で考えてます。
  • 予測で実装し始めてても結局あとで作り直しってことが多い
  • デザイン完全にfixするのって、ラウンチ３日前ぐらいだったりする。
  • そうそう＾＾

→デザインは後から来る。レイアウト等を参考に予想しながらスクリトを書くという人がほとんど。

しばらく色々議論

司会はあまりPSD経験がないので聞き入ってしまった（←ダメダメ）が、議論を通じて感じたことは、皆それなりに「こういう感じでPSDが欲しい」「こういうのは止めてほしい」という思いを持っているということ。そしてそれは、個人個人バラバラではなく、ある程度共通のものであるということ。

泣ポイントと喜ポイントを挙げてもらう

そこで、その問題を明確化して後々で議論しやすいように

  • 泣）こんなPSDがきたらFLASHerは泣く
  • 喜）こんなPSDがきたらFLASHerは両手を上げて喜ぶ

というポイントを挙げてもらいました。

  • 泣）ロゴの背景が白塗りつぶしなpsdファイル
  • 泣）psdですらなく、pptとかpdfだったり
  • 泣）写真画像がサイズきっちりしかなくて、動かしにくい。オリジナル画像もない
  • 泣）psd側と色合わせしておきたい。
  • 泣）埋め込みフォントがデザイナのMacにしか入っていないと泣けます。
  • 泣）不必要なデータが非表示レイヤーに残ってるPSD。
  • 泣）フォントがない。しかも相手がmac
  • 泣) 調整レイヤーは統合してほいてほしい
  • 泣) でっかい GIF ファイルにペーパークラフトみたいに部品が書いてあった。
  • 泣）重くてなかなか開けない。切抜きとか時間かかる。（１つのファイルに入れすぎ）
  • 泣)ボタンのオンマウスとか足りないとか
  • 泣) PSD微調整しましたって再提出されても、微調整すぎて何処直せばいいのかわからない。
  • 泣)要らないパーツとかレイヤーとかあると混乱する
  • 泣)リキッドレイアウトにどう対応させていいのかわからないとき
  • 泣）見て、意味が分からない（レイヤー名が適当）
  • 泣）PSDで全面ラスタ化しないでほしい
  • 泣）ガイドライン鬼のように引きすぎとか
  • 泣）テキストの文言全てに境界線がついているもの
  • 泣）画像解像度350dpiのファイル
  • 泣) flaでMCの原点が変。ネストMCのサイズ調整にスケール使われてるとマジ泣く
  • 泣)よかれとおもってonClipEventとか入ってると逆に泣ける
  • 泣）aiなのに中身のデータが、画像化された線が交互のパターン背景画像。
  • 泣）ブラウザ追従とか動的変化させるのにデザイン段階で考慮されてない
  • 泣）CS3のインポート機能は更新したときとかの画像変更には向かない
  • 泣）想像しただけで泣ける。＞ネストMCのスケール
  • 泣)アルファじゃないのに薄くする調整をアルファでやってあるとコンバートしにくい
  • 泣）アルファ画像の色調補正をブレンドモードでやってる・・・
  • 泣）ＦＬＡＳＨ７以前案件ＰＳＤの動かす部分に　乗算、スクリーンの多様
  • 泣）画像のリンクファイルが日本語名やmac特有文字で文字化けしてて読み込めない（mac→win）←AIファイル
  • 泣) 下書きなのかなんなのか良く分からない画像が下のレイヤーからいっぱい出てくる。
  • 泣）さっきから挙がってる例、圧倒的に泣が多い
  • 泣）デザインの差し替えは一瞬で終わるだろと思われること
  • 泣）字がちいさすぎるAIファイル（印刷用じゃない？）
  • 嬉）psdからflaにインポートしやすいボタンのレイヤー構造
  • 喜) 社内的には FireWorks? でつくられた PNG ファイルでもらうことが多いので、それは便利
  • 喜）マージンとサイズが全部書いてあるレイヤーがついてる
  • 喜)pngでパーツ分解してある。ライブラリのビットマップの更新だけで結構対応できる時。
  • 喜)拡大縮小する部品で9スライスすることが想定されていた
  • 喜)重なりを想定して手前オブジェクトが切り抜き済み
  • 嬉）psd作ってる人が美人
  • 嬉) デザイナーが隣にいて直で注文できる
  • 嬉)カンプ付きでpsdをくれたとき。
  • 嬉）レイヤーがきれいに分かれてるだけである程度幸せになれる気がした
  • 嬉）FLA内で絵とか起こす必要が(描く)まったくないとき。
  • 嬉)レイヤーの色分けアリ
  • 嬉）カラープロファイルが設定されてるとFlashに持ってった時に画像の色が薄くなるので、デザイン段階で「カラープロファイルなし」に
  • 動揺）素材が安部首相。

ここに挙ってるだけでも、デザイナーが気をつけてくれると嬉しいなぁってことが結構あると思うんですがどうでしょう。

次回に向けて

  • 「それぞれが考える理想のPSD」みたいなのを持ち寄って、突っ込み入れながらディスカッションというのが良さげ。
  • PSDからflaへのコンバート方法はいかに？
    • どの程度Flashで置き換え直す（再現する）か、など
  • PSD以外の場合のプラクティス。
  • フォーマットを考えるのもいいけど、「デザイナーとのコミュニケーションの取り方」を考えるのも重要なのでは。
  • この勉強会とはまた別に、「スクリプトで動かしやすいMCの構造を考える会」みたいなのもやりたい。
  • 今後増えるであろう動画や3Dでも同じ問題が挙る可能性があるので、それについても議論する場を設けた方がいいかも。

それでは、次回もよろしくお願いします！