들어가기 전에
팝업은 웹에서 굉장히 많이 볼 수 있는 UI이며, 크게 세가지 종류로 나눌 수 있습니다.
실제로 사용되고 있는 팝업들을 살펴보며 그 특징과 차이점에 대해 확인해보도록 하겠습니다.
학습하기
들어가기 전에
팝업은 웹에서 굉장히 많이 볼 수 있는 UI이며, 크게 세가지 종류로 나눌 수 있습니다.
실제로 사용되고 있는 팝업들을 살펴보며 그 특징과 차이점에 대해 확인해보도록 하겠습니다.
학습하기
팝업이란?
Popup? Modal? Alert?
일반 팝업 vs 레이어 팝업
디자인적인 통일성과 사용자에게 노출 될 확률이 좀 더 높다는 장점으로 요즘에는 레이어 팝업을 더 선호하는 편입니다. 특히 모바일에서는 새창으로 띄울 경우, 다시 원래 페이지로 돌아가기 번거롭기 때문에 전체 페이지를 뒤덮은 형식의 레이어 팝업을 종종 사용하기도 합니다.
마크업 구현을 위한 특징으로는 팝업 밑으로 반투명한 딤드 배경을 깔아서, 팝업 외의 화면의 클릭 혹은 스크롤 등의 인터렉션을 막는다는 점입니다. 또한 레이어 팝업은 대부분 뷰포트 내에서 중앙 정렬이 되도록 처리합니다.
참고 링크
https://news.naver.com
comment
강의 소리가 너무 작아요 불편할 정도로 작아요