Daily UI #014 Countdown Timer

Daily UI Challenge

#014 Countdown Timer

 

오늘의 과제는 타이머 ui 만들기~

 

사실 요즘 이래저래 바빠서 신경을 많이 못썼다. 

레퍼런스를 몇 개 찾아보면서 만들고 싶었던 건 

 

요거. 타임 타이머라고 치면 나오는 상품인데, 개인적으로 요즘 소소하게 갖고 싶은 물건 중 하나...

 

아무튼 요 타이머를 휴대폰 버전으로 비슷하게 만든 경우는 있길래 애플워치 버전으로 만들어봤다.

워치 ui 작업은 처음이어서 사이즈, 간격, ui 요소 파악하는데 시간이 더 오래걸렸다.

 

솔직히 100% 마음에 드는 작업물은 아니어서 올릴까 말까... 처음부터 다시 작업할까 엄청 고민했는데 그냥 받아들이기로 했다.

못해도 내 실력인 것을... 다음에 더 잘해야지.

 

원래는 올 화이트로 잡았는데, 워치 ui 들은 왜인지 다 블랙 배경이어서 블랙으로 바꿨다. 

타임 타이머 특유의 남은 시간을 직관적으로 보여주는 부분이 좋아서 화면을 3가지로 나누어 타임 타이머 형식의 ui를 기본으로 보여주되

왼쪽, 오른쪽 화면으로 각각 넘어가면 남은 시간을 정확히 알 수 있는 부분과 일시정지, 처음부터 다시 시작, 끄기 버튼을 넣었다.

 

색깔만 바꿔도 다른 느낌이 날 것 같아서 다른 색깔 버전으로도 만들어봤다.