Daily UI #015 On/Off Switch, 스위치

Daily UI

#015 On/Off Switch

스위치작업인데 잘못 이해한 것 같다. 다시 해보는 것으로..;;;

on/off 스위치라 하니 스마트 전자기기가 생각났고, 관련 앱을 디자인했다.

실물 제품에서 전원 on/off 버튼의 아이콘과 앱에서 전원버튼의 아이콘이 다른 것을 종종 봤다. 그래서 그 아이콘을 일관성 있게 통일했다. 그리고 좀 어설픈감이 있지만 Neumorphic뉴모픽 스타일로 버튼을 디자인했다. 더 연구가 필요해 보이지만... 활성화/비활성화 차이를 불빛으로 표현도 했지만, 버튼의 음/양각으로도 표현했다.

 

컬러는 아쉬움이 남는다. 쨍한 컬러로 해야 하지 않을까?! 고민더 해봐야겠다. 

청소모두와 구역선정 기능은 2-3개 되는 서브 기능을 선택할 수 있다. 그럼 체크박스나 탭으로 선택할 수 있게 하거나 아코디언  ui나 캐러셀 ui로 설정을 바꿀 수 있다고 사용자에게 인지시킬 필요가 있다. 

 

 

 

----

핀터레스트에서 찾아서 뉴모픽 스타일의 버튼 정보를 봤어요.

Pin on A web

Drop Shadow 1
Color: #88A5BF
Blur: 52 
X: 17
Y: 11
Opacity: 58%

Drop Shadow 2
Color: #FFFFFF
Blur: 28
X: -17
Y: -2
Opacity: 100%