Daily UI #031 File Upload

Daily UI Challenge

#031 File Upload

 

이번 과제는 파일 업로드 ui 만들기.

 

개인적으로 자주 사용하기도 하는 클라우드 서비스 어플 화면을 작업한다고 가정하고 진행했다.

중요하게 생각했던 부분은 사용자의 스토리지 용량과 남은 용량, 각 폴더별로 어느정도의 비중을 차지하고 있는지를 직관적으로 확인할 수 있도록 하는 부분이었다.

 

전체 저장공간은 상단에 가장 크게 확인할 수 있도록 했고, 폴더별로 저장공간을 확인할 수 있도록 했다.

파일을 바로바로 올릴 수 있도록 '올리기' 버튼은 메인 화면 하단에 항상 띄워져 있도록 생각하고 작업했다.

 

분명 어렵지 않겠지? 생각하고 작업했는데, 의외로 들어가야할 요소도 많고, 사용자가 보기 편하게 화면을 구성하고 정보들을 정리하는 것이 까다로워서 생각보다 시간이 걸린 작업이었다.