[캡스톤] UI/UX 와이어 프레임

Notion에 기록한 제 캡스톤 개발 일지를 옮겨왔습니다.

week 4 부분 가져온 거에용

---

 

UI/UX 와어이 프레임 만들기

상호작용 가능한 버튼 UI 는 붉은색,

특정 정보를 표시할 영역은 회색 으로 구분했습니다.

Figma 를 사용해 아래와 처럼 만들었습니다.

프로토타입 기능으로 버튼을 누르면 어느 레이어로 이동하는지 화살표가 나타나 있습니다.

 

1. 시작화면과 메뉴

버튼 위치는 거의 비슷하지만, 캐릭터 커스터 마이징 ( closet ) 메뉴는 제외하고 '깃발' 메뉴를 추가했습니다.

 

2. 메뉴별 화면

계획했던 거랑 이것 저것 많이 달라졌습니다.

게임 기능보다 메뉴에 더 신경을 많이 쓴 거 같습니다.

 

3. 게임 플레이 화면

어떻게 만들어야 재밌을 지 고민을 많이 해봐야겠습니다.

 

---

 

참 재밌었는데... 다신 돌아오지 않을 학부생 시절의 마지막 추억인 것 같네요.

여러분들도 행복한 추억 많이 남겨나가시길 바랍니다. (⁎ᴗ͈ ⩊ ᴗ͈⁎)