toggle
-
Daily UI #015 On/Off SwitchChallenge 2023. 4. 28. 16:26
Daily UI Challenge #015 On/Off Switch 왠일로 볼륨이 작은 ui 과제이지만 그렇다고 쉽다는 뜻은 아니다. 보통 온오프 스위치라면 토글 형태를 많이 떠올리는데, 자주 만드는 ui 요소보다는 평소에 잘 작업하지 않는 스타일로 만들어보고 싶었다. 레퍼런스를 많이 뒤적거리다가 뉴모피즘 스타일로 정하고 두가지 정도로 유형을 나누어 ui를 작업했다. ui 디자인보다는 포토샵하는 느낌이었다. 윗 부분은 한 버튼으로 이루어져 있어 손가락으로 누르는(탭하는) 형태의 버튼, 아랫 부분은 토글 형태로 드래그 or 스와이프 or 터치해서 끄고 켜는 버튼으로 작업했다. 좀 더 입체적인 느낌을 내고자 섀도우와 오브젝트 흐림 효과를 써서 빛이 실제로 퍼져나가는 효과를 구현하고 싶었다.