Challenge
Daily UI #016 Pop-Up / Overlay
은정(eun_the_jeong)
2023. 5. 1. 07:00
Daily UI Challenge
#016 Pop-Up / Overlay
벌써 16번째 데일리 ui 과제.
팝업창을 오버레이라고도 부르는 줄은 처음 알았다.
공부하면 할수록 정말 모르는게 아직 많구나, 생각하게 된다.
오랜만에 모바일이 아닌 웹사이트 ui로 작업했다.
어떤 컨셉으로 할까, 고민하다가 제로웨이스트 제품 브랜드에서 발행하는 뉴스레터를 받아볼 수 있는 이메일 주소 입력 팝업창이라고 가정하고 내용을 정했다.
시간이 없었던 관계로 일러스트나 사진 등은 상업적 무료 이용 가능한 사이트에서 가져왔다.
언스플래쉬, 프리픽 최고... 두 사이트가 없었으면 난 디자인을 못했을 것이다.
요건 아무도 안궁금하겠지만 초반에 가이드 잡은 모습. 예전에는 그때 그때 내용을 집어넣는 식으로 작업했는데
확실히 내용의 중요도에 따라 사이즈와 대강의 위치 레이아웃을 잡고 작업하면 훨씬 시간이 단축된다!
전공수업들을 때 교수님이 레이아웃 스케치 해오라고 하신게 괜히 하신 말씀이 아니었나보다...
팝업 창의 배경이 되어줄 웹사이트도 만들어주고 (이게 더 오래 걸렸음)
팝업창 작업하고 끝! 최대한 간단하고 깔끔한 스타일로 만들었다.