인터페이스 개선

[ziggy321]

CSS 프레임워크를 활용해 인터페이스를 보기 좋게 개선하자.

---

css 프레임워크 부트스트랩을 알아봐서 적용을 시도했지만
도중에 멀쩡했던 기능들에 문제가 생기기도 했고
사용법도 좀 미숙해서 숙지한 뒤에
다른 기능들을 마저 점검하고 그 다음에 적용보려고 함

[jassyfact]

기존의 Audio Editor에 대한 체험을 바탕으로 레이아웃 및 인터페이스를 개선하고자 했다.

Audacity는 버튼(기능)들이 밀집되어 있어 너무 복잡하고 사용자 편의성이 매우 떨어지며
Adobe Audition은 트랙, 타임라인, 파일 관리, 효과 창, 재생 목록 등 주요 기능별로 UI를 분류하여 필요한 기능을 쉽게 찾을 수 있었다.
Ocen Audio는 Adobe Audition의 장점을 더욱 살려서 재생 목록과 트랙 창을 중심으로 하는 UI로 사용자 편의성이 가장 높았다.
버튼(기능)들 또한 잘 분류되어 있어 조작성이 매우 쉬운 편이었다.

TouchSound의 목적이 누구나 쉽게 할 수 있는 오디오 편집임을 고려할 때 Ocen Audio 의 장점을 살려서 레이아웃과 인터페이스를 설계할 예정이며 css 프레임워크로는 확장성이 높고 다양한 반응형 그리드 시스템을 갖춘 Bootstrap과 Foundation을 주로 사용할 예정이다.

현재 버튼 및 레이아웃 작업 중이다.

[ziggy321]

CSS 프레임워크를 적용하였다.