디자이너로 사회생활을 시작한 지 어느덧 2년이 지나고 있습니다. 정신없이 달려온 주니어 생활을 돌이켜보니 그동안 라이트브레인 가치디자인 그룹에서 많은 것을 새롭게 접하고 배웠던 것 같습니다. 실수를 연발하고 자괴감에 빠질 때도 많았지만 경험이 쌓일수록 조금씩 능숙해져 디자인에 더 재미가 붙기도 했습니다.

이미 스케치는 UI 디자이너의 필수 소프트웨어로 자리매김하고 있습니다. 많은 기업들에서 스케치를 쓰고 있고 포토샵을 쓰던 디자이너들도 점점 스케치로 넘어가고 있는 추세이지요. 하지만 새로운 툴에 대한 두려움과 귀찮음으로 시작을 차일피일 미루다 최근에 참여한 프로젝트에서 처음으로 스캐치를 사용해 보게 되어 그 입문부터 협업 산출물까지 전 과정을 경험해 보았습니다.

“디자인을 잘하려면 어떻게 해야 하나요?” 종종 듣는 질문이긴 하지만, 멋진 답을 돌려드리긴 어려워요. “그런 방법이 있었다면 제가 해봤겠죠”라는 뻔한 농담만 하게 되죠. 위의 질문에 쉽게 답을 드릴 수 없는 이유는

모바일 캐릭터란? 모바일 캐릭터란 뭘까요? 이 의문에 대다수가 카카오, 라인프렌즈의 이모티콘을 떠 올릴 것이라고 생각합니다. 메신저 서비스를 기반으로 탄생한 두 캐릭터의 성공으로 많은 기업들이 캐릭터에 대한 관심을 갖고 제작, 투자하여 현재 캐릭터는 게임뿐만 아닌 금융, 교육, 커머스 등등 다양한 분야의 모바일 서비스에 사용되고 있습니다.

GUI 디자이너라면 한 번쯤은 들어보고 경험했을 GUI 개발 가이드라인. 처음 접하게 되면 어떻게 해야 할지도 모르겠고 이런 문서 작업을 하기 위해 내가 디자인을 시작했나 하는 생각도 들곤합니다. 또한 GUI가이드라인에 대하여 알려주거나 얻을 수 있는 정보는 극히 제한적입니다. 그렇기 때문에 더욱 신입디자이너분들이 GUI가이드라인에 대하여 막막하게 느끼고 가이드라인때문에 디자이너로서의 직무에 종종 회의감을 가지는 경우도 보였습니다.

– 아이폰X ui 가이드라인과 그에 따른 해상도 대응 지난해 말 드디어 국내에도 아이폰X가 출시되었습니다. 공개된 아이폰X는 기존의 아이폰 시리즈와는 디자인에서 상당한 차이를 보였습니다.  디자이너의 시각으로 제일 먼저 눈에 띈 것이 홈버튼이 사라지고 디바이스 앞면 전체를 디스플레이로 사용한 것이었습니다.  (흔히 ‘M자 탈모’라고들 하는 아래 형태를 말합니다.)

이미 UI 디자인 프로토타이핑 프로그램의 중심이 되어버린 스케치지만, 저는 최근에 시작하게 되었습니다. 워낙 바쁘기도 했거니와, 익숙한 포토샵/일러스트레이터를 버리고(?) 새로운 프로그램을 늘그막에 또 배워야 한다는 게 엄두가 나지 않아서였죠.^^ 스케치를 열흘 정도 사용해 보았고, 그간의 시행착오와 리서치를 통해 알게 된 몇 가지 팁 (주로 단축키)을 공유하고자 합니다. 일반적으로 여기저기서 얻을 수 있는 내용보다 – 잘 얘기하지 않는- 아주 기초적인 내용을 열 개 항목으로 정리했습니다.

제플린(Zeplin)은 디자이너 및 개발자를 위한 공동 작업 응용 프로그램입니다. 제플린은 스케치 또는 포토샵과 연동하여 자동으로 작업한 결과물을 이미지 파일 Asset과 디자인 가이드로 생성해 줍니다.

이번 글에서는 실무에서 프로토파이 툴을 사용해 모바일 앱 프로토타이핑을 작업하면서 배웠던 것들을 나누려고 합니다. 쉽게 배울 수 있는 툴이어서 배우는 데 큰 어려움은 없을 줄 알았는데 몇몇 예제들은 이해하는데 시간이 걸렸습니다.

지난달 디자이너를 위한 프로토타이핑 툴 프로토파이 정식버전이 출시되었습니다.  프로토파이는 디자이너가 개발자 도움 없이도 모바일앱을 설개하고 또 프로토타이핑까지 할 수 있게 해주는 유용한 서비스로 최근 베타버전을 사용하면서 겪었던 시행착오와 노하우를 나누고자 합니다.

디자이너라면 누구나 폰트 선정에 어려움을 겪습니다. 우리가 하는 UI 디자인은 본질적으로 ‘아트웍’을 기반으로 하는 일이 아니기 때문에, 화면의 상당량을 지배할 폰트를 고르는 일은 다른 분야의 디자이너보다 더 신중할 수 밖에 없습니다.

입사하고 얼마 지나지 않아 팀장님으로부터 아이콘 그리기 미션을 받았을 때, 열심히 브러시를 문질러가며 아이콘을 그리던 기억이 납니다. 지금 생각해보면, 팀 선배들이 저를 보면서 “쟤를 어디서부터 어떻게 가르쳐야 하나…” 얼마나 막막하셨을지 웃음이 나네요.

워드프레스로 회사 웹사이트와 블로그 리뉴얼 프로젝트를 진행하게 되었습니다. 아무래도 운영이 쉽고, 다양한 디바이스에 최적화된  플렉서블한 구조,  단기간에 제작할 수 있다는 점이 워드프레스의 가장 큰 장점입니다. 사실, 중이 제 머리 못깍는다고 UX 디자인을 전문적으로 하는 회사지만, 내부 살림 챙기는 일에 많은 인력이나 시간을 투입하기란 쉽지 않습니다.  그런 면에서 워드프레스는 고마운 툴입니다.

1. 기능적인 요소에 따뜻하고 인간적인 친밀감을 부여한다

1. 고객들에게 마지막 행동을 요구하기 전에 신뢰를 보여준다

다양한 실제 사례들을 통해 웹 및 모바일 UX 구현시 Usability(사용성)을 높이기 위한 다양한 팁들을 모았습니다.

라이트브레인에서 기획자로 근무한지 7년이 되어가고 있지만, 늘 새로운 프로젝트를 대할 때의 느낌은 얼굴도 목소리도 모르는 이성친구를 만나는 블라인드 데이트처럼 한편으로는 두근두근 설레기도, 또 한편으로는 걱정이 되기도 합니다.

안드로이드는 웹이나 iOS와 비해 볼 때 고민해야 할 것도 많고 상당히 까다롭습니다. 안드로이드는 웹처럼 디자인의 범위가 꽤 명확하거나, iOS처럼 구조가 폐쇄적이지도 않지요. 그래서 상당히 많은 상황들을 고려해야만 합니다. 참여하는 개발/기획/디자이너 모두 (어느 정도는) 개발에 관한 기초지식을 갖추어야 한다고 생각합니다.

오늘은 금주 작업중에 나온 이야기 중 힌팅에 관한 개념 설명과, 3주간의 뉴스/가십등을 이야기하고자 합니다.

지난 7주간, 하루에 10~30분씩 junior 디자이너 분들과 함께 포토샵에 대한 개괄적인 내용을 세미나로 풀어보았습니다. 단축키 자체를 가르쳐드리는 것 보다는 그것이 가진 원리와 적용 가능성을 이야기 해보고 싶었으나, 업무간에 이런 내용을 풀기에는 여러모로 숙련되어 있지 않아서 생각만큼 많은 이야기를 하지는 못했던 것 같습니다.