본문 바로가기

UI Design

소프시스 책장조립 시뮬레이터 - Web Application 조립가구 전문회사인 소프시스(www.sofsys.co.kr)의 조립책장 시뮬레이터를 리뉴얼 하였습니다. 기존 시뮬레이터의 부족한 부분을 보완하고, 필요한 기능을 추가하여 소프시스의 모든 제품을 시뮬레이션 해 볼 수 있는 강력한 시뮬레이터로 다시 태어났으며, 가장 고무적인 부분은 코디네이터 2.0의 디자인 엔진을 사용한 첫 상업 프로젝트라는 점입니다. 아직 베타테스트 중이라 자잘한 버그 및 보완해야 할 점이 있지만 지속적인 관리를 통해 사용자와 회사간의 즐거운 커뮤니케이션 도구가 될 것으로 기대하고 있습니다. 시뮬레이터를 사용하여 자신만의 책장을 직접 조립하고 구매하는 즐거움을 느껴보세요~ '0' > 시뮬레이터 바로가기 (IE 8, 9에서 정상작동 합니다.) > 소프시스 홈페이지 바로가기 더보기
iOS 네비게이션 & 버튼 스타일링 샘플 OPEN PSD. 안녕하세요. 가람유입니다! 오랜만에 인사드립니다. :) 아이폰 모바일 어플리케이션을 디자인을 할때 가장 고민 되는 것은 네비게이션 스타일링과 버튼 스타일링입니다.작은 요소로 보이지만, 그 두가지 요소가 어플리케이션의 전체 분위기와 색상을 좌우하는 만큼 UI 스타일링시 크게 고려되어야 할 부분인데요. 포토샵으로는 원하는 텍스쳐를 통해 스타일링을 하기가 쉽지 않지요. GUI에 특화된 wit studio의 Codinator를 쓴다면 이러한 스타일링쯤이야 10초면 뚝딱 완성할 수 있을텐데 말이예요. ;_; 몇 가지 스타일링 된 네비게이션과 버튼 PSD를 준비해 보았습니다. 원하는 색상을 넣어 무궁무진한 스타일로 사용하실 수 있어요.영리 목적, 비영리 목적의 사용이 모두 가능합니다~ 더보기
Ocean Scope™ (SONY Explorascience) - Android AR App 도쿄의 인공섬인 오다이바에 위치한 소니과학관에 반영구전시될 태블릿용 안드로이드 애플리케이션을 제작하였습니다. 고대/현대 시대를 넘나들며 바닷속 생물을 캐치하며 정보를 얻는 교육용 애플리케이션으로 원통형으로 설치된 구조물 안에서 증강현실을 이용하여 체험하는 방식입니다. 설치 후에 일본 아이들이 '우왓' 혹은 '스고이~"라며 좋아하는 모습을 보니 재밌고, 괜히 뿌듯하더군요! 혹시나 도쿄에 갈일이 있으신 분들은 오다이바 아쿠아시티에 위치한 소니과학관에 들러 Ocean Scope를 체험해 보시길 바랍니다! 기기는 Sony Tablet S를 사용했으며 클라이언트 앱은 Android환경 위에서 동작하고 있습니다. 그리고 사용자의 이용 패턴들을 수집하고 처리하기 위해서 서버측 부분에서는 Windows Server 2.. 더보기
사용자의 가독성을 고려한 어플리케이션 디자인 - '서체' 편 안녕하세요. 가람유 입니다~ 예전에 한창 모바일 앱 UI 디자인에 빠져있을 때, 스스로 흡족해 했던 작품들을 디자인했던 적이 있었어요. 하지만 왠걸, 실제 아이폰에 옮기고 나니까 총체적 난국의 상황이 펼쳐지더군요. 오밀조밀 한것이 노트북 화면에서는 예뻤던 글씨들과 아이콘들 모두, 어플리케이션을 사용하는 사용자 입장에서 고려되지 않은 크기였고, 이는 디바이스 내에서의 가독성을 엉망으로 만들었습니다. 저는 이를통해 최악의 UI 디자인을 접할 수 있었구요. -_-; 노트북 화면에서 보이는 것이 다라고 생각했던 아주 초보적인 실수였던 거죠. 그 후로 저에겐 연구과제가 생겼습니다. 모바일 어플리케이션에서, 사용자가 한 눈에 식별할 수 있는 최적의 글씨 크기는 몇 인가? 노트북과 모바일 화면에서의 폰트 크기를 비교.. 더보기
위트스튜디오의 '코디네이터 2.0'발표 모습입니다. 2011 프라이머 데모데이 2부 영상입니다. 제가 네번째로 발표를 하고 있구요. 코디네이터에 대한 내용을 열렬히 발표하고 있습니다!! 초반에 무리수(?)를 두었는데 그 '말' 이제 책임져야죠... 머지 않았다... 더보기

티스토리툴바