퍼펙트 클리어 UI 와이어 프레임 제작

퍼펙트 클리어 UI 초기 시안을 제작하면서 진행한 Adobe XD를 활용한 와이어 프레임 입니다.

Adobe XD 프로토타이핑 영상

Adobe XD를 통한 UI 와이어 프레임 제작01

Adobe XD를 통한 UI 와이어 프레임 제작02

메인메뉴 - 담당자선택 - 업무연락

자원보유 확인 / 자원확보
[통화는 업무연락과 연결]

자원 사용 관련 UI

자원 보유 확인 팝업에서

자원 사용 버튼을 배치
업무연락과 유사한 느낌으로

그대로 인게인 맵에 있는
대피소 등의 자원이 필요한 심볼을
선택하여 전달하는 느낌으로
만들어 보았습니다.