WPF UI 테마 샘플 제작 이야기

안녕하세요. 디자이너 채은석입니다.
요즘은 개발을 잘 모르는 디자이너와 디자인을 하기 힘든 개발자를 위해 보다 손쉽게 WPF UI 테마를 제작할 수 있도록 작업을 진행하고 있는데요, 일단 WPF에서 제공하는 기본적인 컨트롤들이 어떤 것이 있는지 파악하기 위한 작업부터 시작해 보았습니다. 그리고 그 후 GUI를 제작했는데 가장 보편적이고 무난한 Glossy스타일로 잡아 보았습니다.

* 아직은 본인이 익스프레션 블렌드에 익숙하지 못하기 때문에 먼저 포토샵으로 분위기를 잡아 보았습니다.


기본적으로 Normal, MouseOver, Press, Disable에 대한 정의를 내리고 개발자에게 넘겨 실제 WPF로 제작을 해본 결과는 다음과 같습니다. 기본적으로 Black이 메인으로 들어간 테마인데 손쉽게 여러 다른 컬러를 넣음으로써 분위기를 바꿔 볼 수 있습니다.


* 클릭하면 원본 크기

일단은 개발자와 호흡을 맞춰 보는 느낌으로 시작 했는데 더 고민하여 약 4~5개 정도의 테마가 완성되면 그 테마 안에서 각 사용자가 원하는 컬러를 넣어 봄으로써 매번 다른 느낌의 GUI스타일을 만들어 낼 수 있는 테마 에디터를 제작해 볼 생각입니다.