Flash デザイナーとコーダーのコラボレーションのベスト プラクティス

Question

私は、デザイナーと一緒に、ActionScripter として動作するいくつかの Flash プロジェクトを実行し、美しいものやアニメーションをすべて実行してきました。始めたとき、ActionScript コーディングと Flash デザインに関する非常に多くの情報を見つけました。入手可能な情報のほとんどは、どちらか一方に焦点を当てているようです。

プログラマーに自分の作業をさせ、デザイナーにも自由を与える方法で Flash プロジェクトを構築することに関する情報は見つかりませんでした。

より経験豊富な人々が共有できることを願っています。これらは、いくつかのプロジェクトの後に私が発見したものの一部です

• バージョン管理は（いつものように）必須ですが、デザイナーに説明するのは難しい場合があります
• フラッシュには ActionScript がありません .fla ファイルはバイナリなので、プログラマとしてはできる限り遠ざけたいと考えます。
• モデル ビュー コントローラーは、視覚的なデザインの変更を分離するために私が見つけた最良の方法です
• フレーム ラベルを使用するようにビューを構築してみてください。これにより、実際に何が起こるかをデザイナーが決定できるようになります。

あなたの経験は何ですか?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

私は9年間Flashをやっていますが、これを正しくするのはまだ難しいと思います。

デザイナーと開発者の間には力のバランスがあり、必然的にどちらかに傾くでしょう。

開発者主導のスタジオで働いている場合、設計者はあなたの機能に合ったデザインを作成するように指示されるため、幸運です。 Flex / MXMLでは、これが唯一の動作方法です。

一方、グラフィックデザイン/クリエイティブ/広告スタジオで作業している場合は、デザイナーがPhotoShopで作成したものを、時間内に構築可能かどうかに関係なく構築するよう指示されます。

これを回避するための鍵は、コミュニケーションと教育です。デザイナーやデザインに焦点を当てたマネージャーは、特定の機能の作成に何が関与しているかわからない場合があります。特定の機能を実行するのが難しい理由を説明すると、 設計。一方、彼らはあなたがただの泣き言だと思うかもしれません！誰かに「申し訳ありませんが、私は本当にそれをすることはできません」と言わなければならないとき、それは決して良い気分ではありません。いくつかの深夜を考えて、あなたがそれを機能させることができるとわかったとき！

FlashDevelopや外部ASクラスの使用など、あなたや他の人がすでに指摘していることと同様に、私がお勧めする他のこともいくつかあります。

• 開発者と設計者の両方が同意するサイトマップ/ワイヤフレームから始めます。
• すべてのテキストをXMLからダイナミックテキストフィールドに読み込み、ボタンなどがコンテンツに合わせて拡大するように設計されていることを確認します
• グラフィックを正しく切り取り、Flashでレイアウトする方法について、デザイナーにある程度のアイデアがあることを確認してください。期限に間に合っている場合、開発者はPhotoShopをいじってはいけません。
• すべてのグラフィック資産を締め切り前に入手するようにしてください。必然的に、見逃したものや変更が必要なものがあります。
• しっかりして、設計チームが最後の段階で余分な機能を忍び込まないようにしてください。
• デザイナーはキャラクターのアニメーションなどにタイムラインを使用しますが、単純なトゥイーンにはActionScriptトゥイーンエンジンを使用します。

これらのヒントが役に立つことを願っています！

Answer 2

私が現在取り組んでいる方法は、私 (開発者) がダミーの FLA ファイルを使用し、外部クラス ファイルのみを使用して機能を構築することです。デザイナーがレイアウトを完成させると、インポートされたすべてのアセット、リンクされたボタン、ムービークリップを含む FLA が送信されます。次に、ドキュメント クラスを新しい FLA にアタッチし、すべてのオブジェクトがコードと一致することを確認します。全体的に見て、非常にシンプルな移行です。

何らかの理由でアセットを更新する必要がある場合、デザイナーはアセットを送信するだけで、私は手動で FLA を更新します。

Answer 3

デザインをコードから分離することは重要なことです-一連のモジュールコンポーネントとしてプロジェクトを実行しようとするので（もちろん、正確に適合するものはないので、少し縫い合わせます）、最初に一種のインタラクティブを作成しますワイヤフレーム。適切に名前が付けられ、ネストされたすべてのUI要素のプレースホルダーがあります。

.flaはデザイナーに渡すことができます。デザイナーは、本質的にアプリのスキニングのように、名前とネストの順序を保持している限り、好きなものを追加できます。

Answer 4

私たちのチームでは誰もがプロジェクトごとにTortoiseSVNとTracインスタンスを使用しています。デザイナーは標準のFlashデザイナーを使用して.FLAを編集し、開発者は FlashDevelop を使用してActionScriptファイルを編集し、プロジェクトをデバッグします。

ツールチェーンは次のように機能します：

1. 開発者は、MXMLファイルを手動で編集し（見た目ほど難しくありません）、対応する.ASファイルを同時に開発することにより、各ウィンドウの動作をプログラムします。
2. デザイナーは、スキンやその他のUI要素のグラフィックを作成（リンク）してエクスポートし、コードとともに.FLAに保存します。
3. .ASファイル内のリソースを開発者が[Import（）]。

このようにして、すべてがソース管理になり、デザイナーはActionScriptのラインさえ見ません。もちろん、プロセスを単純化しすぎていますが、アイデアが得られることを願っています。