투두날씨 - 개발 회고 (6)

 복잡하고 성가신 작업이 많았던 기상청 공공 데이터 연동을 마치고 테스트를 해 보니 전반적인 디자인에 대한 고민이 되었다. 레이아웃을 좀 더 다듬어 보게 되고 아이콘도 expo 에 기본 내장되어 있는 icon 에셋들을 활용해서 꾸며보았고 전직 디자이너였던 와이프에게 보여주었다.

 

ionIcons UI 라이브러리를 사용했던 화면. 개인적으로는 흑백 신문을 보는 느낌이어서 빈티지(?)한 느낌을 받았으나 디자이너인 와이프의 비웃음을 사게 된다..ㅜ.ㅠ

흑백 버전 투두날씨의 투두리스트 화면

 

  자, 보여주었으니 당시 극심한 목디스크로 고생하고 있던 와이프가 디닥넥을 목에 두르고 아이콘과 간단한 레이아웃을 잡아주기 시작했다. 레이아웃 고쳐보고 좌우로 정렬 다시 한번 하고, 1픽셀 내려보고 그런 작업이 계속되었다. 아이콘 넣어보고 좀 보더니 마음에 안들었는지 아이콘을 새로 준다. 새로줬는데 바꿔야지.. 전체적으로 디자인 작업을 하는데에 오래 걸리지는 않았다. 1주일 정도 지났을까... 얼추 아래와 같은 그림이 나오게 되었다.

 

푸쉬 메시지 테스트도 하고 레이아웃과 아이콘 1차 작업이 되었을 무렵의 스샷.

 

사람의 눈은 간사한 것. 한번에 보고 괜찮다며 그 다음 스텝으로 나아가면 아쉬움이 늘상 아쉬움이 생긴다. 스토어에 올리기 전에 며칠 둘이서 테스트하면서 써보기로 한다. 다시 아쉬운 것들이 보이기 시작한다. 한번 더 전체적인 컬러와 레이아웃, 아이콘을 변경했다. 

 

계속 봐도 이 정도면 괜찮다. 투두 일정에 해당되는 날씨는 확인하기 쉽게 곤색으로 표시를 더해주었다.

 

 며칠 더 써보고나서 단순함을 추구했던 투두날씨에 이 정도면 충분하다는 판단이 든다. 결국, 스샷을 찍고 스토어에 올릴 스샷을 작업하기로 한다. 작은 앱이지만 출시라니 설레이는 작업!

 

앱스토어에 올린 투두날씨 스샷

앱스토어에 올린 투두날씨 스샷

 

다 되었다! 드디어 출시닷!

 

 

1. 안드로이드

https://play.google.com/store/apps/details?id=com.appswayd.todoWeatherKR

 

2. 애플

https://apps.apple.com/kr/app/%ED%88%AC%EB%91%90-%EB%82%A0%EC%94%A8/id1553218120