쿠키런 킹덤 UI/UX 분석 (1) 팝업 시스템


쿠키런 킹덤 UI/UX 분석 (1) 팝업 시스템

안녕하세요. 오늘은 쿠키런 킹덤의 전체적인 팝업 시스템에 대하여 알아보겠습니다. 잘 부탁드립니다. 전체 팝업 뽑기 상점 우선 화면 전체가 꽉차는 전체 팝업의 예시입니다. 왼쪽 상단에는 팝업의 이름이 존재하면 몇몇 팝업들에서 팝업에 대한 설명을 볼 수 있는 i버튼이 존재합니다. 우측상단에는 재화들이 존재하며 제일 끝에 있는 X 버튼으로 팝업을 종료 할 수 있습니다. 하지만 몇몇 팝업들(쿠키, 보물 등)은 상단 영역을 아예 사용하지 않습니다. 작은 팝업 화면의 일부는 볼 수 있도록 검정색 반투명 처리후 앞에 팝업영역을 따로 사용하는 작은 팝업 입니다. 작은 팝업의 경우 상단 중앙에 팝업 제목이 존재하며 몇몇 팝업의 경우 팝업에 대한 설명을 볼 수 있는 i버튼(보물 등)이 존재합니다. 팝업 크기와 상관없이 우측 상단 제일 끝에 x버튼인 존재하는 것이 전체 팝업들과 동일하며 마찬가지로 x버튼을 통해서 팝업을 종료할 수 있습니다. 기타 팝업 (1) 앞서 보여드린 팝업과는 달리 화면이나 팝업 ...


#UI #UX #쿠키런 #쿠키런킹덤 #킹덤

원문링크 : 쿠키런 킹덤 UI/UX 분석 (1) 팝업 시스템