UI Design Guide

Full Pop-up Guide풀 팝업 가이드

Notice Pop Up Guide공지 팝업 가이드 사용자에게 심플한 공지성 팝업을 띄우는 경우에 사용한다."예/아니오" "취소/확인" "쇼핑계속하기/앱종료하기"등 복잡하지 않은 action 요구시에만우측 상단 닫기버튼(X)은 중복 사용하지 않는다.아래 가이드는 xhdpi용(DP)으로 제작되었으로 xxhdpi 제작시에는 ×1.5해서 제작iOS(640px)는 여백 사이즈를 동일하게 하고, 팝업 영역과 버튼 너비를 조절해서 사용. 가이드 제거한 화면

Dimmed Guide딤드 가이드 딤드 부분 터치시 팝업 닫힘기본 팝업 노출 시 : Black(#000000) 70% 딤드 화면 위에 바로 텍스트 컨텐츠가 노출 되는 경우 : Black(#000000) 90% - 메인 my icon - SNS 공유화면

Contents Pop Up Guide컨텐츠 팝업 가이드 사용자에게 기능성 팝업을 띄우는 경우에 사용한다.우측 상단 닫기버튼(X)은 필수 노출하고, 하단 버튼에는 "닫기" 기능을 지양한다. 아래 가이드는 xhdpi용(DP)으로 제작되었으로 xxhdpi 제작시에는 ×1.5해서 제작iOS(640px)는 여백 사이즈를 동일하게 하고, 팝업 영역과 버튼 너비를 조절해서 사용. 예외 케이스 (상세 페이지 옵션 선택) 가이드 제거한 화면