[📜일지] [데스티니 메이든] UI 레이아웃 작업과정

[gledrea..(gledream)]

https://gall.dcinside.com/game_dev/128295

↑거의 최종 작업물

------------------------------------------------

개발하는 팀마다 다른 작업방식으로 개발하기에

이번 작업 과정에 대해 간략하게 적어봄

기본적인 작업방식은 화면에서 필요한 기능들을 글과 스샷,동영상 레퍼런스로 아트 작업자에게 전달함 (디테일하지 않음)

화면에 표시되어야하는 버튼이나 정보들 위주

화면에 나타내야할 정보들 중심으로 아트작업자가 만들어낸 초안

정보들의 위치, 모바일에서의 사용 편의성 등을 근거로 레이아웃 수정요청

좌측과 우측으로 정보를 나눔 (내것과 상대것)

모바일 화면 기준으로 최종 컨펌

카드 크기, 손가락 위치 등

아트 작업자가 힘줘서(?) 작업한 결과물

화면 해상도 대응때문에 게임이 진행되는 중간영역과 좌우로 넓어질수있는 비율문제까지 고민 끝

디테일 추가하여 실제 게임으로 돌아가는 모습

최종 결과물은 아니고 게임하면서 추가/제거되거나 바뀌는중

카드 레이아웃도 비슷한 방식으로 작업함

요구사항 전달은 간략하게

아주 기본적인 형태만 가이드해주고, 카드에 필요한 요소들은 글로 전달

확대버전 초안

축소버전 초안

당연히 한번에 작업이 끝나는게 아니라

몇주. 몇개월간 여러번 작업한 결과물임

결과물에 대해서 솔직한 피드백과 재작업이라 서로 스트레스 받는일임

(이건 이런게 구리고 제 눈에 안이쁜데요)

만든 작업물이 과정임을 알고, 버려질수 있다는걸 명심하고

어떤 단계에서 최종 작업을 진행하는것인지 명확하게 소통해야함

--------------------

요약

1. 기획의도(글)와 레퍼런스(스샷, 동영상) 아트작업자에게 전달

2. 아트작업자 맨파워에 의존해서 초안작업

3. 여러 뇌피셜로 초안 작업물의 레이아웃 조정

4. 아트 작업자가 힘줘서 80%정도 마무리 (여기부터 크게 바꾸기엔 늦음)

5. 디테일 추가

각 작업물마다 디코나 카톡, 노션등으로 피드백했는데

다찾아서 첨부하기엔 너무 예전일이라 스샷위주로 첨부함

실제 게임에서 보여지는 UI는 레이어나 애니메이션이 포함되어있어서 추후에 더 작성해봄

[고닷(m4odn36nekku)]

[다누(arep6p925yyh)]

개추

[카퍠인(happys96)]