Challenge
Daily UI #007 Settings
은정(eun_the_jeong)
2023. 4. 18. 22:32
Daily UI Challenge
#007 Settings
오늘 주제를 정하는데 좀 오래걸려서 완성 못할 뻔했다.
솔직히 어플리케이션 설정 창들은 ui는 비슷한데 그 안에 들어가는 내용, 기능이 너무 천차만별이라 고민하다가,
특정한 요소의 설정창을 작업하는게 더 나을 것 같아서 그럼 뭘하지... 또 고민하다가
이북리더기를 쓰면서 자주 접했던 전자책 뷰어 속 페이지 보기 설정 창을 작업해보기로 했다.
보통 들어가는 요소들은 배경색과 글자색, 밝기 설정, 글자 크기와 자간, 행간 설정 등이었다.
밀리의 서재, 애플 도서, 크레마클럽(구 yes24 북클럽) 세 가지를 벤치마킹하면서 진행했는데,
가장 사용자에게 친절했던 ui는 밀리의 서재에 가까웠으나, 모달창이 오른쪽에서 나와 화면의 80%를 가린다는 점에서는 다소 불편하다고 여겨졌다.
이 지점을 보완하고 싶어서 자간, 행간 등이 실시간으로 적용되는 것을 보여줄 수 있도록 모달 창이 아래에서 위로 튀어나오고, 화면의 절반 가량만 가리도록 구성했다.
나중에 프로토파이도 공부해서 애니메이션이나 모션 작업도 적용해보고 싶다.