코디네이터가 1.0에서 1.1로 업데이트를 하였습니다.
릴리즈 내용과 업데이트와 관련한 자세한 이야기는 다음에 다루겠습니다.


저작자 표시 비영리 변경 금지
신고

저희 wit studio는 현재 프라이머 클럽의 인큐베이팅을 받고 있는 팀중 하나인데요,
이 프로그램을 통해 알게된 Add2paper라는 멋진 팀의 클라이언트 프로그램 프로젝트를 의뢰받아 진행하게 되었습니다.

Add2paper라는 팀의 소개를 트위터 프로필의 소개글로 대신하자면, 다음과 같습니다.

"Add2paper는 대학생을 위한 '무료 출력서비스' 입니다.
버려진 여백에 가치를 더해 누구나 보고 싶고, 싣고 싶은 광고자리로 사랑받겠습니다.
"


Add2paper와의 미팅을 통해 디자인 컨셉을 결정하였고, Add2paper의 키컬러인 연두색을 중심으로 깔끔한 GUI가
나오게 하자는 의견을 같이 하였습니다. 그 후 다행히도 시안이 한번에 통과되어 멋진 UI Theme가 탄생하게 되었습니다.
그럼 Add2paper의 UI Theme를 소개합니다.






신고


음식점등에서 사용하는 POS프로그램의 GUI 개선연구.
분위기를 조금만 바꾸고 디테일을 약간만 살려도(POS 프로그램에 디테일을 더 줄 필요는 없음) 완성도 있고 보기 편안한 애플리케이션 디자인을 기대할 수 있습니다.

물론, 각 음식점의 컨셉이나 분위기에 대응하는 다양한 테마연구가 이루어 진다면 더 의미가 있겠지만 POS는 고객이 경험한다기 보단 가게의 주인이나 점원의 경험선에서 끝나기 때문에 GUI 스타일링이 보다는 사용하기 편한 UI와 강력한 기능이 최우선일 것으로 예상되구요.

다만 먼훗날 디지털 메뉴판이 보편화 된다면 메뉴판과 POS의 연동에 따른 다양한 UI/GUI 연구가 이루어질 것으로 기대합니다.


 

신고

코디네이터 베타로 구현한 WPF, Silverlight UI Theme 디자인.
모든 기본 UI 콘트롤에 적용 가능합니다.


신고

안녕하세요? witstudio의 김대욱입니다. 그동안 동영상등으로만 몇번 소개드린바 있던 WPF UI테마 엔진인 Codinator(코디네이터)가 드디어 베타서비스를 시작 하였습니다. UI개발 & 디자인을 효율적으로 진행 할 수 있는 방법에 대해 많은 시간을 고민한 끝에 제작된 Codinator는 UI테마를 통해 간단한 조작만으로 다양한 Look & Feel를 선택하고 원하는 형태로 수정이 가능한 제품입니다. 현재 베타 서비스는 아래와 같이 진행되고 있으니 많은 관심 부탁드리겠습니다.


[Codinator Closed Beta 서비스 안내]

기간 : 2010년 12월 4일 ~ 2011년 1월 30일(예정)
대상 : WPF 기술을 사용하는 개발자 & 디자이너
사용환경 : Visual Studio 2010 또는 Expression Blend 4, .NetFramework 4이상
신청방법 : service@codinator.net으로 이름,소속,연락처,사용목적등을 간단하게 작성하여 참여 신청 메일을 보내주시면됩니다.


Codinator는 기존 개발자, 디자이너가 쉽게 제품에 적응 하고 사용할 수 있도록 Visual Studio와 Expression Blend에서 플러그인 형태로 동작하게 되며 현재 Codinator Beta에서 제공되고 있는 기능은 아래와 같습니다. 

테마 선택하기

테마 선택하기는 미리 제작된 테마(Style과 Template의 묶음)를 간단하게 선택해 반영 해 볼 수 있는 기능으로 현재 베타버전에서는 총 4개의 테마(BlueCity, GodFather, Aquarium, ConcreteBlock)를 제공하고 있으며 각각 테마에는 Button, ListBox, TextBox, TabControl, Panel에 대한 테마가 정의되어 있습니다. 정식버전에서는 모든 종류의 기본컨트롤을 지원할 계획에 있으며 자신이 직접 제작한 테마도 적용 할 수 있습니다.

스타일 선택하기

테마에서는 각 요소마다 한개 이상의 스타일을 가질 수 있습니다. 만약 요소에 대한 기본 스타일이 정의 되어 있는 경우에는 테마를 선택할 때 기본스타일이 반영이 되지만, 기본 스타일이 없거나 다른 스타일을 선택하고자 할때에는 직접 스타일을 선택하여 적용할 수 있습니다.

컬러 수정하기(Color Wheel)

Codinator에서는 Color Wheel을 이용해 디자이너가 아니라도 쉽게 테마의 전체적 분위기를 변경 해 볼 수 있습니다. ColorWheel을 이용하면 테마에서 사용된 색들간의 비율을 유지하면서 색을 변경해 주기 때문에 손쉽게 자연스러운 색으로 변환 할 수 있습니다. 색을 변경할때에는 반영된 결과가 Designer View에 실시간으로 보여지기 때문에 쉽게 원하는 느낌으로 찾아갈 수 있습니다.

컬러 수정하기(Detail)

ColorWheel을 이용한 컬러 수정이 간단하게 전체적인 분위기를 바꾸는 작업이었다면, 이번에는 각각 요소에 대한 색을 디테일하게 변경해 보도록 하겠습니다. 검색 영역에 수정할 요소의 이름을 입력하면 해당 요소가 사용하는 브러시의 목록이 나타나게 되며 여기서 각 요소에 대한 디테일한 수정이 가능합니다.

리소스 저장 및 불러오기

ColorWheel과 Detail Editor를 이용한 리소스는 결과를 저장하거나 불러올 수 있습니다. 이를 활용하면 다양한 리소스 목록을 이용해 한번작업해놓은 결과물을 수시로 바꿔가며 반영해 볼 수 있고, 동료 개발자/디자이너와 공유하기도 쉽습니다.

색맹/색약 시뮬레이션

세계적으로 전체 인구의 약 10%가 색맹 또는 색약을 가지고 있다고 합니다. Codinator에서는 여러분께서 선택하고 수정하신 테마가 이들에게 어떻게 보여지는지를 시뮬레이션 하고 이를 보고 색을 보정 할 수 있는 기능을 제공함으로 써 더 많은 사용자에게 편리한 UX를 제공 할 수 있도록 돕습니다.

이상으로 현재 Codinator Beta에서 제공되고 있는 기능에 대한 소개를 마치며 혹시 더 궁금하신점이나 베타 참여, 피드백, 기타 문의 사항은 언제든지 저에게 또는 service@codinator.net 으로 연락주시면 감사하겠습니다. 아직 부족한점이 많은 제품이지만 관심 가져 주셔서 감사드리며 앞으로 더 나은 제품을 만들기 위해 노력하고 끝까지 최선을 다하겠습니다. 많은 관심과 응원부탁드리겠습니다.

감사합니다!!

신고