플래시 디자이너/코더 협업 모범 사례

Question

저는 ActionScripter로 디자이너와 함께 예쁜 일과 애니메이션을 만드는 여러 플래시 프로젝트를 수행했습니다.처음 시작할 때 ActionScript 코딩과 플래시 디자인에 대한 많은 정보를 찾았습니다.이용 가능한 대부분의 정보는 둘 중 하나에 초점을 맞춘 것 같습니다.

나는 코더가 자신의 작업을 수행하고 디자이너에게도 자유를 제공하는 방식으로 플래시 프로젝트를 구축하는 방법에 대한 정보를 찾지 못했습니다.

더 많은 경험이 있는 사람들이 공유할 수 있기를 바랍니다. 이것은 몇 가지 프로젝트 후에 제가 발견한 것 중 일부입니다.

• 버전 관리는 항상 그렇듯이 필수이지만 디자이너에게 설명하기 어려울 수 있습니다.
• 플래시에 ActionScript가 없음 .fla 파일은 바이너리이며 코더로서 가능한 한 많이 멀리하려고 노력하고 싶습니다.
• Model View Controller는 시각적 디자인 변경 사항을 격리하는 가장 좋은 방법입니다.
• 프레임 레이블을 사용하도록 뷰를 구축해 보십시오. 이를 통해 디자이너는 실제로 무슨 일이 일어나는지 결정할 수 있습니다.

당신의 경험은 무엇입니까?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

저는 9년 동안 Flash를 사용해 왔지만 여전히 이 작업을 올바르게 수행하는 것이 어렵다고 생각합니다.

디자이너와 개발자 사이에는 힘의 균형이 있으며, 이는 필연적으로 어느 쪽으로든 기울게 됩니다.

개발자가 주도하는 스튜디오에서 일한다면 운이 좋을 것입니다. 디자이너가 귀하의 기능에 맞는 디자인을 만들도록 지시받을 것이기 때문입니다.Flex/MXML에서는 이것이 작업하는 유일한 방법입니다.

반면에 그래픽 디자인/창작/광고 스튜디오에서 작업하는 경우 시간 내에 제작할 수 있는지 여부에 관계없이 디자이너가 PhotoShop에서 구성한 모든 것을 제작하라는 지시를 받게 됩니다.

이 문제를 해결하는 열쇠는 의사소통과 교육입니다.디자이너와 디자인 중심 관리자는 특정 기능을 만드는 데 무엇이 관련되어 있는지 알지 못할 수 있으며 특정 일을 수행하기 어려운 이유를 설명하면 ~할 것 같다 가서 그들의 디자인을 다시 생각해 보도록 설득하십시오.반면에 그들은 당신이 단지 징징거리는 사람이라고 생각할 수도 있습니다!며칠 밤 늦게까지 일하면 성공할 수 있다는 것을 알면서도 누군가에게 "미안해요. 난 정말 그렇게 할 수 없어요"라고 말해야 할 때 결코 기분이 좋지 않습니다!

FlashDevelop 및 외부 AS 클래스 사용과 같이 귀하와 다른 사람들이 이미 언급한 사항 외에도 제가 권장하는 몇 가지 사항이 있습니다.

• 개발자와 디자이너 모두가 동의하는 사이트 맵/와이어프레임으로 시작하세요.
• XML의 모든 텍스트를 동적 텍스트 필드에 로드하고 버튼 등이 콘텐츠에 맞게 확장되도록 디자인되었는지 확인하세요.
• 디자이너가 그래픽을 올바르게 잘라서 Flash에 배치하는 방법에 대한 아이디어를 갖고 있는지 확인하십시오.마감일이 촉박할 때 개발자는 PhotoShop에서 장난을 쳐서는 안 됩니다.
• 마감일 이전에 모든 그래픽 자산을 확보했는지 확인하십시오. 필연적으로 놓친 부분과 변경해야 할 부분이 있을 것입니다.
• 확고한 태도를 취하고 디자인 팀이 마지막 순간에 추가 기능을 몰래 도입하려고 하지 않도록 하십시오.
• 디자이너는 캐릭터 애니메이션 등에 타임라인을 사용할 수 있지만 간단한 트윈에는 ActionScript 트위닝 엔진을 사용합니다.

이 팁이 도움이 되기를 바랍니다!

Answer 2

현재 제가 작업하는 방식은 개발자가 외부 클래스 파일만 사용하여 더미 FLA 파일을 사용하여 기능을 빌드하는 것입니다.디자이너가 레이아웃을 완성하면 가져온 모든 자산, 연결된 버튼 및 MovieClip이 포함된 FLA를 나에게 보냅니다.그런 다음 내 문서 클래스를 새 FLA에 연결하고 모든 개체가 내 코드와 일치하는지 확인합니다.전반적으로 매우 간단한 전환입니다.

어떤 이유로든 에셋을 업데이트해야 하는 경우 디자이너가 저에게 에셋을 보내면 저는 FLA를 수동으로 업데이트합니다.

Answer 3

코드에서 디자인을 분리하는 것이 중요한 일입니다. 저는 프로젝트를 일련의 모듈식 구성요소(물론 정확히 맞는 것이 없기 때문에 조금씩 꿰매어짐)로 프로젝트를 수행하려고 하기 때문에 먼저 일종의 대화형 와이어프레임을 만듭니다.여기에는 적절하게 이름이 지정되고 중첩된 모든 UI 요소에 대한 자리 표시자가 있습니다.

해당 .fla는 디자이너에게 전달될 수 있으며 디자이너는 이름과 중첩 순서를 유지하는 한 원하는 것을 무엇이든 추가할 수 있습니다. 기본적으로 앱 스키닝과 같습니다.

Answer 4

우리 팀에서는 모두가 프로젝트별로 TortoiseSVN과 Trac 인스턴스를 사용합니다.디자이너는 표준 Flash 디자이너를 사용하여 .FLA를 편집하고 개발자는 플래시개발 ActionScript 파일을 관리하고 프로젝트를 디버그합니다.

도구 체인은 다음과 같이 작동합니다.

1. 개발자는 MXML 파일을 직접 편집하고(생각보다 어렵지 않음) 해당 .AS 파일을 동시에 개발하여 각 창의 동작을 프로그래밍합니다.
2. 디자이너는 내보낸(링크) 스킨 및 기타 UI 요소에 대한 그래픽을 만들고 이를 코드와 함께 .FLA에 저장합니다.
3. 개발자는 .AS 파일의 리소스를 [가져오기()]합니다.

이렇게 하면 모든 것이 소스 제어에 들어가고 디자이너는 ActionScript의 한 줄도 보지 않습니다.물론 과정을 지나치게 단순화하고 있지만 여러분이 아이디어를 얻을 수 있기를 바랍니다.