본문 바로가기

GUI

GUI 디자이너가 저지르기 쉬운 실수 2 포토샵으로 디자인된 작업을 모두 끝내도 애플리케이션 개발을 하기 위해서는 개발자에게 각 이미지를 모두 잘라주거나 PSD 파일을 넘겨야 합니다. 이 과정에서 간혹 실수를 하는 경우를 보았는데 Blend Mode의 잘못된 사용입니다. 먼저 아래와 같은 Application Design 작업물을 개발 환경으로 보내기 위해 모든 이미지를 알파패널을 포함한 PNG 파일 포맷으로 잘라내어야 한다는 가정을 해보겠습니다. 이미지를 모두 잘라 실제 개발화면에 적용해 보니 아래와 같은 결과가 나왔습니다. 좌측이 원본 PSD파일의 이미지이고, 우측이 개발 환경에 적용된 모습인데 뭔가 어색한 모습이죠. 바로 하단 영역의 Bar 부분과 Play 버튼의 컬러가 전혀 다른 모습으로 개발화면에 나타나고 있는 부분인데 작업 과정에서 .. 더보기
GUI 디자이너가 저지르기 쉬운 실수 1 레티나 디스플레이의 등장으로 더 정교하고 똑 떨어지는 GUI 디자인이 요구되고 있고, 더불어 크기 변경 이슈가 자주있기 때문에 보통 Path를 기반으로 한 Rectangle Tool를 자주 사용합니다. 하지만 이 과정에서 많은 분들이 번거로워 하는 부분이 있는데 Path가 Pixel에 딱 맞아 떨어져 그려지지 않는 것입니다. 보통 이런식으로 픽셀에 딱 맞지 않고 애매하게 그려집니다. 이런 애매한 상황의 경우 보통 확대를 한 후 화살표키로 Path 한땀 한땀 위치 이동을 시켜 픽셀 정리를 하는 것을 많이 보았습니다. 이런 작업조차 하지 않는다면 아래와 같은 상황이 일어나겠죠. 좌측과 우측의 네모가 확연히 차이 납니다. Path 조정을 하지 않은 좌측 박스의 경우 경계선이 흐릿합니다. 조정을 마친 우측 박스.. 더보기
코디네이터 2번째 설명회를 개최합니다. 지난 첫번째 코디네이터 설명회(모비틀과 공동 개최)의 성원에 힘입어 2번째 공동 설명회를 개최합니다. UI 디자인을 쉽고 효율적으로 할 수 있는 방법을 알려드릴 예정이오니 많은 참석 부탁드립니다. 일시 : 2011년 7월 14일 (목) 19시 00분 ~ 21시 00분 장소 : 강남 토즈2호점 http://onoffmix.com/event/3292 코디네이터 소개 (www.codinator.net) 코디네이터는 고품질의 UI 디자인을 아주 쉽고 빠르게 제작할 수 있는 디자인솔루션입니다. 개발자, 디자이너 누구나 몇번의 클릭만으로 나만의 UI 디자인과 테마를 아주 높은 퀄리티로 제작할 수 있는 방법이 바로 여기에 있습니다. ※ Microsoft의 Windows Phone 7, WPF, Silverlight의.. 더보기
Burgess Scope (SONY Explorascience) - Android AR App 지난 5월 초, 일본 도쿄의 오다이바에 위치한 SONY 과학 박물관에 전시할(현재 전시중) 안드로이드 앱 프로젝트를 진행하였습니다. 소니 과학박물관은 3달에 한번 정도 하나의 주제를 잡고 매번 새로운 전시물을 선보이는데 이번 주제는 AR(증강현실)이었습니다. 저희 wit studio는 디자인 팀 Crever와 함께 AR과 관련한 기획 일정을 짜서 소니측에 제안하였고, 소니측에서 이를 받아들여 프로젝트를 진행하게 되었는데요, 저희가 제안한 기획은 증강현실을 이용해 사용자가 직접 해저에 뛰어들어 고대 해저 생물체를 직접 잡아보며 체험하는 아이디어였습니다. 일정이 매우 빠듯하여 조금 고생하였지만 다행히 결과물이 좋았고, 소니측에서도 매우 만족한 반응이어서 다음 전시에도 다시 한번 손을 잡고 프로젝트를 진행하기.. 더보기
'나는 가수다'에서 발견한 GUI 요즘 가장 이슈가 되는 TV 프로그램인 '나는 가수다'를 감동의 물결과 함께 시청하다가 직업병(?)이 발생하고 말았습니다. 시청자의 이해를 돕기위해 출력해 주는 자막을 조금 유심히 살펴보니 방송 그래픽 치고는 상당히 세련된 타이포 그래피와 스타일링 기법이 적용되어 있었던 것을 발견하였습니다. 특히나 공통적으로 GUI 디자인에 많이 사용되는 스타일링 기법이 적용되어 있는 것을 보고, 많은 생각이 들었습니다. 현대사회에서는 누구나 디바이스 하나씩을 갖고 있는 탓에 GUI 디자인과 영상물에 동시에 노출되는 상황이 많은데 이런 흐름에 따라 GUI 디자인 방식의 스타일링이 요구되어 표현되고 있는것인가? 아니면 GUI 디자이너가 자막 디자이너로 취직한건가? 이유야 어찌되었든 나는 가수다에서 나타나는 자막 그래픽 디.. 더보기

티스토리툴바