[2023 02 12] 목소리 더빙, 보이스 도와주는 프로그램 개발 연습 일지 (10) - 디자인 구성

[2023 02 12] 목소리 더빙, 보이스 도와주는 프로그램 개발 연습 일지 (10) - 디자인 구성 - Whitmem

Develop History
2023-02-12 05:40 게시 884cd937850dd5a4864b

이 페이지는 외부 공간에 무단 복제할 수 없으며 오직 있는 그대로 게시되며 부정확한 내용을 포함할 수 있습니다. 법률이 허용하는 한 가이드 라인에 맞춰 게시 내용을 인용하거나 출처로 표기할 수 있습니다.
This page is not to be distributed to external services; it is provided as is and may contain inaccuracies.

디자인 구성

프로그램의 마스코트와 유사한 색상으로 디자인을 구성한다.

시작화면

PD Layer 및 그 외 유틸리티인 소리 장치의 아웃풋 구성, 라이브러리 구성 중 배경으로 표시되는 시작 화면이다. 프로그래스바를 구성한다면 유사한 색상 패턴으로 구성하는 것이 좋을 것 같다.

시작 화면

화면 구성

어두운 보라색 계열을 기반으로, 각 메뉴는 바 형태로 구성한다. 사용자가 바의 간격을 조절할 수 있도록 하고, 아이콘과 글자를 같이 배치함으로써 사용자의 경험을 높인다.

아이콘 라이선스 정보

이 때, 메뉴바 등 아이콘의 경우 직접 디자인하기에는 시간이 많이 소요될 것 같아 오픈소스를 사용하였다. 명칭은 material-design-icon 으로, 다음 github repository에서 내려받을 수 있다.
https://github.com/google/material-design-icons
라이선스는 Apache-2.0 license로 프로그램 패키지에 포함 해 두었다.
https://github.com/google/material-design-icons/blob/master/LICENSE

트랙 부분은 추후 구성할 예정...

댓글 0개