디지털라이프

디지털 기기, 게임, IT 정책

arrow_downward최신기사

29CM

[UXD] ⑥ ‘의도적인 불편함’, 29CM

UX(User Experience)는 말 그대로 ‘사용자 경험’을 뜻합니다. 앱의 첫화면, 웹사이트 페이지 구성, 서비스가 가진 통일성. 당신이 각종 제품과 서비스를 접하면서 느끼고 생각하는 모든 것이 사용자 경험인 셈입니다. 그리고 우리가 아는 앱·웹 그 뒤편에는 당신의 경험을 고민하는 사람들, UX디자이너들이 있습니다. 온라인 편집숍 ‘29CM(이십구센티미터)’ 앱은 ‘이상한 것’ 투성이다. 상품을 구경하기 위해 스크롤을 내리면, 글자가 흔들린다. 처음에는 ‘버그’인줄 알았지만 수개월 째 그대로다. 상품 소개 사진은 꼭 왼쪽이 비워져 있다. ‘마이페이지’도 미스터리다. 이름이 큼지막하게 써 있고 나머지 공간은 텅 비어 있다. 이름 아래에 ‘방금 본 상품’을 볼 수 있는 타래가 만들어졌는데, 이 이미지는 또 묘한 데서 끊겨 있다. 이상훈 29CM 디자인랩장을 만나 미스터리한 점들을...

GUI

“디자인만 하면 코드 자동 생성”…‘크래커나인’ 베타 출시

디자이너와 개발자 간 업무 효율성을 높일 수 있는 소프트웨어가 새로 나왔다. 앱, 웹 UI 코드를 직접 작성하지 않고 클릭만으로 생성할 수 있으며 디자이너가 만든 그래픽 디자인코드를 그대로 생성해주는 기특한 툴이다. UX 디자인 그룹 에이치나인의 사내 벤처 크래커나인은 11월7일 디자인 UI 코드 생성 플랫폼 ‘크래커나인’ 을 출시하고 무료 베타 버전을 배포한다고 밝혔다. 크래커나인은 GUI 개발 프로세스를 간소화하고 최적화하는 방법을 연구하는 팀이다. 지금까지는 내이티브 앱의 디자인 결과물을 개발자가 구현하려 할 때, 세부 스타일 정보를 전달할 방법이 없어 디자인 가이드 문서를 파워포인트로 만드는 경우가 많았다. 예를 들어 안드로이드 앱을 개발하면 GUI 스타일 정보, 좌표 위치, 컬러 코드, 폰트 크기, 폰트 스타일 등 안드로이드 스튜디오에서 좌표값을...

EA

[블로터포럼] 실리콘밸리를 그리는 사람들 ①

실리콘밸리는 수많은 혁신이 시작되는 곳이다. 구글, 페이스북, 애플 등 전 세계를 변화시키는 글로벌 기업들이 모두 이곳에서 출발해 뿌리를 내렸다. 이들의 성장은 실리콘밸리를 꿈의 무대로 만들었다. 창고에서 시작해도 세계를 뒤흔들 만큼 성장할 수 있다는 메시지를 전했다. 우리나라에서 알려진 실리콘밸리 스토리는 여기까지다. '인재들이 모이고, 혁신이 만들어지고, 기업문화가 좋다더라'에 관한 이야기다. 겉으로 보이는 현상 외의 깊숙한 이야기가 알려지지 못했다. 때문에 한국 청년들에게 실리콘밸리는 그저 높은 장벽으로 비쳤다. '도대체 얼마나 똑똑해야 될까' 같은 짐작만 하게 했다. 사실 지금 실리콘밸리가 구축해놓은 환경은 그들만의 필사적인 생존 전략일 뿐인데 말이다. 실리콘밸리의 일상을 살아가는 6명의 한국인이 모였다. '실리콘밸리를 그리다' 팀이다. 실리콘밸리를 꿈꾸는 청년들을 위한 멘토를 자처했다. 이곳에서 일하고,...

그린팩토리

네이버, 디자이너 양성 위한 '디자인 펠로우쉽' 진행

  네이버가 디자인 인재 양성 및 채용 프로그램인 '디자인 펠로우쉽'을 선발한다. 네이버는 3월26일 사용자가 경험하는 모든 것을 설계하고 이해하는 디자이너를 발굴, 육성하기 위한 프로그램인 '디자인 펠로우십' 올해로 세 번째 진행한다고 밝혔다. 디자인 펠로우쉽은 ▲서비스 기획력 ▲논리력 ▲커뮤니케이션 능력 ▲비주얼 표현 능력 등 다양한 역량을 고려해 예비 디자이너를 선발한다. 특히 이번 3기 디자인 펠로우쉽은 보다 다양한 범위의 예비 디자이너들이 참여할 수 있도록, 전공을 불문한 재학 중인 대학(원)생뿐만 아니라, 한국에 거주 중인 외국인 대학생까지도 지원할 수 있도록 대상을 확대했다. 선발 인원은 10명 내외다. 디자인 펠로우쉽은 네이버 그린팩토리에서 주 1회 정기모임을 통해 서비스 개선, 사용자 조사 등과 관련된 프로젝트 과제를 수행하고, 발표하는 방식으로...

디자이너

로지텍, 디자이너를 위한 키보드 '크래프트' 출시

로지텍이 디자이너를 위한 키보드를 내놓았다. '크래프트'라는 이름의 제품은 별도로 부착된 다이얼을 통해 포토샵 등에서 세부적인 조작을 할 수 있는 점이 특징이다. 로지텍코리아는 10월16일 프리미엄 키보드 크래프트를 국내 출시한다고 밝혔다. 크래프트 키보드는 알루미늄 재질의 크리에이티브 다이얼 ‘크라운’을 탑재해 사용 중인 프로그램을 자동으로 인식, 필요한 작업 도구를 즉시 사용할 수 있다. 로지텍 측은 다이얼 조작을 통해 사용자가 작업 흐름을 방해받지 않고 정교하고 효율적으로 일할 수 있다고 전했다. 예를 들어 포토샵에서 다이얼을 누르거나 터치·회전해 디테일 확대, 브러시 설정, 실행 취소, 밝기, 대비, 포화, 혼합모드 등 다양한 도구를 더욱 정밀하면서도 편하게 사용할 수 있다. 또 마이크로소프트 엑셀에서는 표를 만들거나 변경하고, 워드 작성 프로그램에서 글자 크기를 쉽게...

디자이너

주변 색상과 글꼴을 디지털로 뽑아주는 녀석

모든 것이 디지털화된 세상에서 창작자 혹은 작업자가 선택해 모니터 화면에서 보는 컬러가 그대로 모니터에서 보여진다면 전혀 문제 될 것이 없겠다. 하지만 어떤 결과물을 출력과 인쇄의 과정을 거치게 된다. 이 과정에서 색은 꽤 많이 달라진다. 바로 이런 문제를 해결하기 위한 방법은 컬러의 선택을 실제 눈에 보이는 것에서 가져오는 것이겠다. 이걸 가능하게 해주는 물건이 등장할 예정이다. https://vimeo.com/171945692 스펙터 타입페이스 & 컬러 콜렉터는 실제 세상에서 컬러를 가져와 모니터로 보낼 수 있다. 이 과정에서 인쇄에 필요한 CMYK는 물론, 모니터를 위한 RGB, 또 다른 용도의 팬톤 컬러 차트를 선택할 수 있다. 또한 플러그인 형태로 포토샵이나 인다지인 등 다양한 프로그램에 적용시킬 수 있다. 기기는 컴퓨터와 블루투스로...

18F

디자이너를 위한 오픈소스 프로젝트 6선

오픈소스 프로젝트는 더이상 개발자만의 문화가 아니다. 최근에는 디자인 영역에서도 아이디어와 자료들을 공유하는 운동이 활발하게 전개되고 있다. 디자이너를 위한 오픈소스를 찾고싶다면 깃허브를 참고하자. 소스코드에서부터 관련 문서 웹주소까지 쉽게 찾아볼 수 있다. 아래는 웹·모바일 디자이너에게 유용한 오픈소스 프로젝트들이다. 실제 협업에서 사용할 수 있는 자료도 있지만 이제 막 디자인을 배우거나 디자인 감각을 익히고 싶은 개발자들에게 좋은 공부 자료가 될 수 있다. 반대로 개발 지식을 배우고 싶은 디자이너도 참고할 수 있을 것이다. 아쉽게도 한국에서는 기업이나 기관 단위로 디자인 자료나 가이드라인을 공개한 사례는 찾기 힘들다. 아래 프로젝트 모두 해외 프로젝트들이다. 1. 정부기관의 웹사이트 지침서, 'US 웹디자인 스탠다드' 정부 웹사이트에 적합한 디자인이 무엇일까? 그 답을 찾고 싶다면...

디자이너

디자이너를 위한 홈페이지 개발도구, ‘웨비두’

웨비두가 디자이너를 위한 홈페이지 개발도구 2.0버전을 지난달 공개했다. 웨비두는 2012년 이스라엘에서 설립된 스타트업이다. 워드프레스나 윅스와 비슷한 서비스지만, 디자이너를 주 고객으로 삼고 있다는 점이 다르다. 대부분의 기능을 드래그앤드롭 방식으로 조절할 수 있어 개발 지식이 없어도 쉽게 홈페이지를 만들 수 있다. 웨비두는 “코드 한 줄 쓰지 않아도 않고 퍼블리싱 가능하다”라고 강조했다. 웨비두의 전체 UI는 ‘포토샵’과 비슷해 그리드, 레이아웃, 웹폰트같은 기능을 지원한다. https://vimeo.com/60081222 ☞웨비두 소개 동영상 바로보기 웨비두2.0은 최신 유행하는 웹 개발 요소를 담았다. 화면을 스크롤할 때마다 다양한 효과를 주는 패럴랙스 스크롤링, 단순한 아이콘과 색깔을 적용한 플랫 디자인, 화면 분할 레이아웃, 풀스크린 비디오 배경 등을 쉽게 적용할 수 있다. 웨비두는 공식 블로그를 통해...

atomic.io

웹기반 프로토타입 디자인 도구 '오토믹'

오토믹이 5월26일 웹브라우저 기반의 프로토타입 디자인 도구를 베타버전으로 공개했다. 오토믹은 뉴질랜드 출신 스타트업이다. 디자이너는 오토믹의 프로토타입 도구로 웹이나 모바일 앱 디자인을 좀 더 쉽게 만들고 공유할 수 있다. 오토믹은 별도의 프로그램을 내려받거나 설치하지 않고 웹브라우저에서 바로 쓸 수 있는 서비스다. 현재는 e메일 주소만 입력하면 누구나 무료로 이용할 수 있다. 공식버전이 공개되면 일부 서비스는 유료로 전환될 예정이다. 오토믹에선 원하는 디자인을 레이어마다 따로 그릴 수 있다. 디자이너는 그림, 문자 등을 편집할 수 있으며 인터랙티브한 기능도 추가할 수 있다. 오토믹에서 만든 결과물은 링크를 통해 주변 동료에게 공유할 수 있다. 참여자는 공유된 문서에 덧글을 남길 수 있다. 오토믹은 공식 홈페이지를 통해 "디자이너를 위한 '구글...

3D 렌더링

"3D 렌더링, 클라우드로 반복 작업 줄였어요"

“‘되돌리기(Undo)’ 기능은 디자인 업계의 판도를 바꿨다고 생각해요. 되돌리기 기능이 없었다면 수정하는 과정에서 수많은 작업을 반복해야 했거든요. 클라우드도 3D 영상을 다루는 디자이너에게 큰 영향을 줄 수 있다고 봅니다. 3D 영상을 만드는 데 드는 반복 작업을 줄여주고 있으니까요.” 김한울(크리스찬 킴) 디자이너는 3D 영상만 전문적으로 만든다. 뉴질랜드에서 건축학과를 졸업했으며, 현재 그의 고객도 주로 건축회사다. 그는 전세계 고객을 상대로 미래에 완공될 건축물과 그 주변 환경을 영상으로 표현하고 있다. https://vimeo.com/15145699 3D 영상을 만들려면 시간이 많이 필요하다. 김한울 디자이너는 움직이는 영상 1초를 만들기 위해서는 30프레임이 필요하다고 설명한다. 1개의 프레임을 만들 때 길게는 2시간이 시간이 걸린다. 60초짜리 영상을 만들려면 1800프레임이 필요하고, 3600시간이 걸린다. “단순히 집 하나를 ‘3D맥스’...