창업관련 특집기사로 저희 위트스튜디오의 공동 창업자가 이코노미스트 표지를 장식!
모비틀, 애드투페이퍼, 스타일쉐어의 대표님들도 함께하였습니다.
10년후에도 모두 저렇게 웃으며 함께할 수 있기를...

온라인 기사 : http://news.naver.com/main/hotissue/read.nhn?mid=hot&sid1=101&cid=671015&iid=11920906&oid=243&aid=0000002089&ptype=011

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

Introduction

일반적으로 Image Viewer 등과 같이 화면에 출력해야할 내용이 화면크기보다 클 경우 ScrollViewer를 이용해 내용을 스크롤할 수 있도록 구현을 하는데요, 이번시간에는 화면을 스크롤하기 위해서 스크롤바를 조작하지 않고 간단한 마우스조작으로 컨텐츠를 직접 드래그하는 방식으로 View를 조절하고 확대 축소할 수 있는 기능을 구현해보았습니다. 아래는 이번시간에 구현한 결과물 영상입니다.

Create ZoomAndPanning Behavior

Zoom 또는 Panning의 경우 자주 사용될 수 있는 기능이기 때문에 재사용을 용이하게 하기 위해서 Behavior의 형태로 작성했습니다. ZoomAndPanning Behavior의 기본적인 구성은 와래와 같습니다.

ScrollViewer의 기본적인 마우스 이벤트와 ScrollChanged이벤트를 수신하고 각 이벤트마다 적적할 처리를 진행 해줬습니다. 그리고 추가적으로 최대 확대배율이나 최소 확대배율, Zoom And Panning 단축키등을 통해 다양한 조작환경을 제공 할 수 있도록 구현됬습니다.

소스코드자체가 어려운 내용들은 아니기 때문에 이번시간에는 별도의 코드 설명은 생략하겠습니다. 아래는 이번시간에 사용한 전체소스코드 파일이며 VisualStudio 2010에서 작업되었습니다. 기타 질문이나 문의사항은 이메일이나 댓글남겨주시면 답변드리겠습니다. 감사합니다.

WIT.WPF.Sample.ZoomAndPanningBehaviorExample.zip

신고

호응에 힘입어 벌써 4번째 세미나를 개최하게 되었습니다.
UI 디자인을 쉽고 효율적으로 할 수 있는 방법을 알려드릴 예정이오니 많은 참석 부탁드립니다.

일시 : 2011년 8월 17일 (수) 19시 00분 ~ 21시 00분
장소 : 강남 토즈2호점


코디네이터 (쉽고 빠른 UI 디자인 툴)

http://codinator.co.kr

코디네이터는 고품질의 UI 디자인을 아주 쉽고 빠르게 제작할 수 있는 디자인솔루션입니다.
개발자, 디자이너 누구나 몇번의 클릭만으로 나만의 UI 디자인과 테마를 아주 높은 퀄리티로
제작할 수 있는 방법이 바로 여기에 있습니다.
(최근 1.1로 버전 업데이트가 되면서 퍼포먼스가 향상되었습니다.)

 ※ 제품의 버전이 1.1로 업데이트 되면서 '무료'로 결정되었습니다.
세미나 당일날 크로스플랫폼 버전과 관련한 '무료'정책의 배경을 설명해 드립니다. 

 1. 누가 들으면 좋은가?
- 홀로 앱을 개발하는 개발자
- 윈도우즈폰 앱을 남과 다른 느낌으로 디자인하고 싶은 디자이너
- UI 디자인을 효율적인 방법으로 제작하고 싶은 개발자와 디자이너

 2. 코디네이터는 무엇이 좋은가?
 - 마우스 클릭 몇번으로 UI 디자인이 완성됩니다.
- 포토샵 수준의 수준 높은 디자인을 쉽게 제작할 수 있습니다.
- 다양한 색감의 테마를 쉽게 만들 수 있습니다.

 3. 코디네이터만의 특장점
- 자신만의 디자인 프리셋을 저장하고 언제든지 재사용할 수 있습니다.
- 컬러휠 기능으로 전체적인 분위기를 빠르게 변환할 수 있습니다.
- 데스크탑, 모바일, 웹 개발환경에 동일한 디자인을 적용하고 교환할 수
   있기 때문에 N스크린 개발환경에 적합합니다.

Codinator 소개 동영상 : http://www.youtube.com/watch?v=hpy2yhDJksU





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



기사 링크 : http://www.ilovepc.co.kr/bbs/board.php?bo_table=software&wr_id=603

PC사랑 6월호에 코디네이터가 소개되었습니다. 내용은 간단한 제품 소개 및 사용방법입니다.
자세한 내용은 PDF 원본 파일을 참고하세요~!
(중간 중간 오타 및 실수가 눈에 띄네요 ㅜ_ㅜ)




저작자 표시 비영리 변경 금지
신고
지난 5월 초, 일본 도쿄의 오다이바에 위치한 SONY 과학 박물관에 전시할(현재 전시중) 안드로이드 앱 프로젝트를 진행하였습니다.
소니 과학박물관은 3달에 한번 정도 하나의 주제를 잡고 매번 새로운 전시물을 선보이는데 이번 주제는 AR(증강현실)이었습니다.

저희 wit studio는 디자인 팀 Crever와 함께 AR과 관련한 기획 일정을 짜서 소니측에 제안하였고, 소니측에서 이를 받아들여 프로젝트를 진행하게 되었는데요, 저희가 제안한 기획은 증강현실을 이용해 사용자가 직접 해저에 뛰어들어 고대 해저 생물체를 직접 잡아보며 체험하는 아이디어였습니다. 일정이 매우 빠듯하여 조금 고생하였지만 다행히 결과물이 좋았고, 소니측에서도 매우 만족한 반응이어서 다음 전시에도 다시 한번 손을 잡고 프로젝트를 진행하기로 하였습니다.

가장 힘들었던 점은 안드로이드의 메모리 문제였습니다. 증강현실 프로젝트지만 규모가 작은 모바일 앱이기에 3D 모델링을 그대로 얹힐 수는 없었고, 모두 PNG파일로 변환 후 프레임 애니메이션으로 적용하기로 했습니다. 하지만 안드로이드의 악명 높은 메모리 문제가 굉장히 속을 썩이더군요! 결국 이미지의 크기와 프레임수를 줄이며 온갖 조율끝에 가장 최적의 상태로 앱을 제작할 수 있었습니다.

- 소니 과학박물관 홈페이지 : http://www.sonyexplorascience.jp/contents/event.html

※ 실제 구동화면


 


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