본문 바로가기

UI디자인

AR Orienteering™ (SONY Explorascience) - Android App 도쿄의 인공섬인 오다이바에 위치한 소니과학관에서 새롭게 서비스 하는 AR Orienteering 애플리케이션을 제작하였습니다. 소니과학관에서는 미리 예약을 받고 AR 오리엔티어링 서비스를 진행하게 되며, 주로 가족단위로 한팀을 이뤄 타블렛을 가지고 밖으로 나가면서 오리엔티어링이 시작됩니다. 타블렛의 애플리케이션에 나타나는 GPS신호에 따라 오다이바 전역에 위치한 주요시설물을 찾아내어 타블렛으로 사진을 찍거나 퀴즈를 푸는 등의 미션을 수행하고 점수를 따낸 후 다시 과학관으로 돌아와 다른 팀과의 점수를 비교하여 등수를 확인하는 온오프라인이 결합된 워크샵서비스입니다. 기기는 Sony Tablet S를 사용했으며 클라이언트 앱은 Android OS환경 위에서 동작하고 있습니다. 그리고 사용자가 촬영한 데이터를처.. 더보기
코디네이터가 전자신문에 소개되었습니다. 전자신문에서 코디네이터를 만드는 저희 위트스튜디오의 소식을 전해 주었습니다.기사에도 밝혀져 있듯이 코디네이터 최신버전(1.1)은 현재 전세계에서 사용중이고, 프로젝트 생성건만 35000여건을 넘어서고 있습니다.플랫폼을 가리지 않고 동작하는 코디네이터 2.0이 나오면 더 좋은 반응이 예상됩니다. 많이 많이 사랑해 주세요~(인터뷰 사진이 너무 엄하여 자체 모자이크 처리 하였...-_-...) 기사원문보기 더보기
iOS 네비게이션 & 버튼 스타일링 샘플 OPEN PSD. 안녕하세요. 가람유입니다! 오랜만에 인사드립니다. :) 아이폰 모바일 어플리케이션을 디자인을 할때 가장 고민 되는 것은 네비게이션 스타일링과 버튼 스타일링입니다.작은 요소로 보이지만, 그 두가지 요소가 어플리케이션의 전체 분위기와 색상을 좌우하는 만큼 UI 스타일링시 크게 고려되어야 할 부분인데요. 포토샵으로는 원하는 텍스쳐를 통해 스타일링을 하기가 쉽지 않지요. GUI에 특화된 wit studio의 Codinator를 쓴다면 이러한 스타일링쯤이야 10초면 뚝딱 완성할 수 있을텐데 말이예요. ;_; 몇 가지 스타일링 된 네비게이션과 버튼 PSD를 준비해 보았습니다. 원하는 색상을 넣어 무궁무진한 스타일로 사용하실 수 있어요.영리 목적, 비영리 목적의 사용이 모두 가능합니다~ 더보기
사용자의 가독성을 고려한 어플리케이션 디자인 - '서체' 편 안녕하세요. 가람유 입니다~ 예전에 한창 모바일 앱 UI 디자인에 빠져있을 때, 스스로 흡족해 했던 작품들을 디자인했던 적이 있었어요. 하지만 왠걸, 실제 아이폰에 옮기고 나니까 총체적 난국의 상황이 펼쳐지더군요. 오밀조밀 한것이 노트북 화면에서는 예뻤던 글씨들과 아이콘들 모두, 어플리케이션을 사용하는 사용자 입장에서 고려되지 않은 크기였고, 이는 디바이스 내에서의 가독성을 엉망으로 만들었습니다. 저는 이를통해 최악의 UI 디자인을 접할 수 있었구요. -_-; 노트북 화면에서 보이는 것이 다라고 생각했던 아주 초보적인 실수였던 거죠. 그 후로 저에겐 연구과제가 생겼습니다. 모바일 어플리케이션에서, 사용자가 한 눈에 식별할 수 있는 최적의 글씨 크기는 몇 인가? 노트북과 모바일 화면에서의 폰트 크기를 비교.. 더보기
클라우드를 이용한 모바일 어플리케이션 디자인 안녕하세요! 인사드립니다~ 저는 wit studio에서 디자인 인턴을 맡고 있는 가람유입니다! (으악 성이 가씨는 아니예요. -_-!;;) 고3이죠. -_-...으아 좋지 않아.... 앞으로 여러분들에게 모바일 어플리케이션 디자인을 하면서 터득한 여러가지 팁을 전해드리고자 합니다! :) 오늘 준비한 포스팅은 '클라우드를 이용한 모바일 어플리케이션 디자인'인데요. 모바일 어플리케이션을 데스크탑 내에서 하기엔 많은 한계점이 존재하게 됩니다. 컴퓨터내에서 보는 해상도와, 모바일 화면에서 보는 해상도는 확연히 다를 뿐더러, 아무리 컴퓨터 화면 내에서 오목조목 예쁘게 구성하더라도 막상 모바일 기기에서는 매우 오밀조밀하며, 개체의 크기가 확연히 작게 나타나므로 사용자가 실제로 사용하는데엔 적합하지 않은 UI가 되는.. 더보기