아이티랩 - 추천블로그
스케치 추천 플러그인 Rename it 스케치 추천 플러그인 Rename it
지난번 소개드린 『스케치 플러그인 MeaXure 리뷰』에 이어 유용한 플러그인을 하나 더 소개해 드리려고 합니다. 아트보드와 레이어의 이름을 손쉽게 변경할 수 있는 플러그인 Rename it 입니다..
라이트브레인
디자인 작업에서의 컬러 사용 방법 디자인 작업에서의 컬러 사용 방법
UI 디자인을 구성하는 요소들은 여러 가지가 있지만 그중에 컬러는 가장 강력한 시각언어입니다. 구글 Material Design이나 애플의 Human Interface Guidelines 에도 컬러..
라이트브레인
UX 지망생을 위한 포트폴리오 만들기 UX 지망생을 위한 포트폴리오 만들기
포트폴리오는 UX 취업을 준비하는 지망생들에겐 가장 막막하고 어렵게 느껴지는 과제입니다. 저 역시 포트폴리오를 만들며 여러 산전수전을 겪었는데 그 과정에서 느끼고 알게 된 점들을 공유하고자 합니다...
라이트브레인
UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선] UX 아카데미 오픈프로젝트 [카카오톡 선물하기- UX/UI 개선]
라이트브레인 UX 아카데미 14기 Open Project입니다. 이번에 소개해 드릴 결과물은 선물할 때 간편하게 모바일 메신저로 보내는 ‘카카오톡 선물하기 – UX/UI 개선 프로젝트’입니다. 최근..
라이트브레인
스케치 가이드 플러그인 MeaXure 스케치 가이드 플러그인 MeaXure
디자이너로 프로젝트를 진행하다 보면, 개발을 위해 가이드를 제작해야 하는 경우가 종종 있습니다. 1년 차에 가이드 작업을 진행할 때 관련 정보를 쉽게 찾을 수 없어서 고생했던 경험이 기억나네요. 요..
라이트브레인
UX기획자의 신입 탈출기 UX기획자의 신입 탈출기
밥값 하는 기획자가 되겠다던 나의 9개월을 돌이켜보며 회사, 프로젝트마다 다르겠지만 필자가 현재 수행 중인 프로젝트는 초기에 12명 정도의 기획자가 투입되었다. 입사 첫날부터 투입되어 하나의 파트를..
라이트브레인
노션 없이 협업을 어떻게 해? – 노션 실전 활용 tip 노션 없이 협업을 어떻게 해? – 노션 실전 활용 tip
노션(Notion)은 실리콘밸리에 돌풍을 몰고 와 지금은 가장 인기 있는 협업 툴로 인정받은 나이키, 맥도날드, 월스트리트저널 등에서 실제 사용되고 있는 도구입니다. 디자이너로 일을 하다 보면 개발..
라이트브레인
긴 로딩으로 인한 사용자 이탈막기 – UX 디자이너를 위한 팁 3가지 긴 로딩으로 인한 사용자 이탈막기 – UX 디자이너를 위한 팁 3가지
출근길 버스를 기다릴 때, 길을 건너기 위해 신호를 기다릴 때 등 우리는 언제 어디서나 항상 기다림과 마주하게 됩니다. 일상에서뿐만 아니라 모바일, 웹 등의 미디어 환경에서도 로딩이라는 기다림을 마..
라이트브레인
UX 아카데미 오픈프로젝트 [쿠팡- UX/UI 개선] UX 아카데미 오픈프로젝트 [쿠팡- UX/UI 개선]
라이트브레인 2019 UX 아카데미 Open Project입니다. 이번에 소개해 드릴 결과물은  ‘쿠팡 – UX 개선 프로젝트’입니다. UX 아카데미 11기 교육 기간 동안 정규과정의 수업 뿐만아니..
라이트브레인
VR 인터페이스 디자인을 시작하는 방법 (feat. KT Super VR) VR 인터페이스 디자인을 시작하는 방법 (feat. KT Super VR
지난 2월  MBC에서 방영된 특집 VR 휴먼 다큐멘터리 <너를 만났다>를 보셨나요? <너를 만났다>는 혈액암으로 7살이라는 어린 나이에 하늘나라로 떠난 딸(나연)을 그리워하는..
라이트브레인
신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 2 신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 2
Part 2. 실무에서 활용하기 이번 파트에서는 크롬 개발자도구를 디자이너들이 실무에서 어떻게 활용하는지 알아보겠습니다. 웹을 디자인하다 보면 중간중간 퍼블리싱이 잘 되었는지 검수하는 과정이 꼭 있..
라이트브레인
신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 1 신입 웹디자이너를 위한 크롬 개발자도구 활용법 Part 1
Part 1. 크롬 개발자도구 알아보기 처음 웹을 디자인하는 사람이라면, 퍼블리싱된 웹을 검수할 때 어떤 기준으로 검수해야 할지 막막하고 난감한 순간이 있었을 겁니다. 내가 만든 디자인이 잘 구현되..
라이트브레인
신입 UX/UI기획자를 위한 10가지 실전TIP 신입 UX/UI기획자를 위한 10가지 실전TIP
-들어가며- 라이트브레인에서 UX/UI 기획자로 근무한 지 벌써 4년째가 되어갑니다. 그간 제가 느꼈던 UX/UI 기획 시 공통적으로 챙기고, 주의해야 할 것들에 대한 내용을 공유하고자 합니다. 특..
라이트브레인
디자이너를 위한 챗봇 디자인 Tip -삼성카드 챗봇구축 인사이트 (2) 디자이너를 위한 챗봇 디자인 Tip -삼성카드 챗봇구축 인사이트 (2)
삼성카드 챗봇 구축 인사이트 1편 퍼소나를 반영한 캐릭터 구축과 그래픽, 애니메이션의 활용방법에 이어 2편에서는 대화형 인터페이스 활용과  챗봇 구조를 이해하고 다양하게 활용하는 것에 대해서 이야기..
라이트브레인
디자이너를 위한 챗봇 디자인 Tip -삼성카드 챗봇구축 인사이트 (1) 디자이너를 위한 챗봇 디자인 Tip -삼성카드 챗봇구축 인사이트 (1)
챗봇(chatbot)은 지난해부터 올해 상반기까지 커머스(commerce) 뿐만 아니라 주요 은행, 증권사, 보험사, 카드사 등 많은 분야에서 사용되고 있습니다. 사용자에게는 정보탐색의 수고스러움을..
라이트브레인
챗봇 기획자를 위한 실전 Tip – 챗봇 UX 설계 시 체크 포인트 (2) 챗봇 기획자를 위한 실전 Tip – 챗봇 UX 설계 시 체크 포인트 (2
-지난 글에 이어- 지난 글에서는 챗봇 UX 설계 시 체크 포인트 중 ‘1. 채널, 2. 경로’에 대해 이야기했습니다. 잠깐 기억을 되살리는 의미로 요약을 하자면 다음 내용이 되겠지요. 채널 지원..
라이트브레인
챗봇 기획자를 위한 실전 Tip – 챗봇 UX 설계 시 체크 포인트 (1) 챗봇 기획자를 위한 실전 Tip – 챗봇 UX 설계 시 체크 포인트 (1
-들어가며- AI VUX와 더불어 지능형 챗봇 서비스도 생활 저변에 자리를 잡고 있는 시대입니다. 그러나 포털에서 ‘챗봇 UX’를 검색해 보면 챗봇의 ‘트랜드, 개념, 퍼소나, 대화 시나리오, 알고..
라이트브레인
정보 전달매체의 유형 및 특징, UX 환경에서의 적용 방법 정보 전달매체의 유형 및 특징, UX 환경에서의 적용 방법
최근 모언론사의 UX디자인 프로젝트를 진행하면서 기존의 인쇄 매체들이 미디어 환경에서 어떤 방식으로 정보를 전달하는지 리서치할 기회가 있었습니다. 과거에는 인쇄매체(책,잡지,신문 등)와 음성매체(라..
라이트브레인
디자이너를 위한 프로토파이 팁 3 – 범위값 확인, GIF로 변환하기 디자이너를 위한 프로토파이 팁 3 – 범위값 확인, GIF로 변환하기
이전편 보기 : 디자이너를 위한 프로토파이 팁 2 – Range 트리거 범위값은 어떻게 볼까? 지난 1,2편에서 반복적으로 나오는 범위(속성값)은 어떻게 구하는지 의문이 드실지도 모릅니다. 저도 처..
라이트브레인
디자이너를 위한 프로토파이 팁 2 – Range 트리거 디자이너를 위한 프로토파이 팁 2 – Range 트리거
이전편 보기 : 디자이너를 위한 프로토파이 팁 1 – Chain 트리거 Range 이번에 다룰 Range는 트리거가 정한 범위값을 충족하면 리스폰스 할 수 있습니다. 트리거의 범위값 기준으로 리스폰..
라이트브레인
디자이너를 위한 프로토파이 팁 1 – Chain트리거 디자이너를 위한 프로토파이 팁 1 – Chain트리거
알고 하는 것과 모르고 하는 것의 차이 디자인툴등을 사용하다 보면 각각의 툴 자체에 수많은 기능들이 있지만 웬지 모르게 쓰던 기능들만 주로 사용하게 되는 자신을 발견하곤 합니다. 실제로 하나의 툴에..
라이트브레인
스케치 라이브러리 구축 프로세스 스케치 라이브러리 구축 프로세스
스케치 프로젝트를 처음 해보신 디자이너라면 무엇부터 시작해야 할지, 어떤 프로세스로 진행해야하나 막막하고, 난감한 경우들을 있었을 거란 생각이 듭니다. 스케치를 처음 접하며 저도 무작정 인터넷 검색..
라이트브레인
긍정적인 사용자 경험을 위한 UX Writing 긍정적인 사용자 경험을 위한 UX Writing
UX writer라는 직업을 들어보신 적 있으신가요? UX/UI 디자인을 하면서 다양한 서비스에 들어가는 카피에 대해 기획자와 함께 고민하는 일이 종종 생기는데요, 최근 우연히 UX writer라는..
라이트브레인
TV GUI 디자인 시 고려해야 할 사항 TV GUI 디자인 시 고려해야 할 사항
TV App은 모바일이나 웹과 컨트롤 방식이 다르기 때문에 인터페이스나 디스플레이 환경 등을 고려하여 디자인할 필요가 있습니다. 처음 TV 디자인을 접하게 되면 디스플레이의 크기 때문에 당황을 할 ..
라이트브레인
성공적인 IT서비스의 조건 성공적인 IT서비스의 조건
‘좋은 IT서비스의 조건’ _ 주니어 UX기획자가 말하는 보편적으로 좋은 IT서비스의 요인 왜? 성공한 서비스는 사람들이 항상 기대하고 좋아하는 것일까? 그리고 실패한 서비스는 훌륭한 마케팅에도 불..
라이트브레인
UI·GUI 디자인을 위한 줄바꿈 테스트 UI·GUI 디자인을 위한 줄바꿈 테스트
지금까지 언론사, 방송사 등 “정보를 다루는 프로젝트들”을 진행하면서 가장 고민이 많았던 부분은 텍스트 운용정책이었습니다. 다양한 디바이스 환경과 유저의 층위를 고려하여 가장 적절한 크기와 행간을 ..
라이트브레인
주니어 디자이너 2년 차, 비로소 보이는 것들 주니어 디자이너 2년 차, 비로소 보이는 것들
디자이너로 사회생활을 시작한 지 어느덧 2년이 지나고 있습니다. 정신없이 달려온 주니어 생활을 돌이켜보니 그동안 라이트브레인 가치디자인 그룹에서 많은 것을 새롭게 접하고 배웠던 것 같습니다. 실수를..
라이트브레인
스케치 입문부터 협업 그리고 개발 가이드까지 스케치 입문부터 협업 그리고 개발 가이드까지
이미 스케치는 UI 디자이너의 필수 소프트웨어로 자리매김하고 있습니다. 많은 기업들에서 스케치를 쓰고 있고 포토샵을 쓰던 디자이너들도 점점 스케치로 넘어가고 있는 추세이지요. 하지만 새로운 툴에 대..
라이트브레인
사용자 중심 글쓰기, UX Writing 사용자 중심 글쓰기, UX Writing
새로 산 가전제품을 설치하다 보면 설명을 보고도'어쩌라는 건지'하는 생각이 들 때가 있다. 또는 금융 서비스에서 원하는 메뉴를 찾기 위해 메뉴를 여러 번 정독했던 경험도 한 번쯤 ..
NHN AD, UI/UX Lab
일상 속 브랜드의 재미있는 히스토리 일상 속 브랜드의 재미있는 히스토리
재학시절 졸업전시가 브랜딩이라 벤치마킹을 하기 위해서 다양한 브랜드들을 조사하던 중 알게 된 흥미로운 사실은 오랫동안 대중에게 사랑받아온 브랜드들은 자신들만의 확고한 아이덴티티와 철학 그리고 역사가..
라이트브레인
디자인을 잘하기 위한 정말 사소한 습관 디자인을 잘하기 위한 정말 사소한 습관
“디자인을 잘하려면 어떻게 해야 하나요?” 종종 듣는 질문이긴 하지만, 멋진 답을 돌려드리긴 어려워요. “그런 방법이 있었다면 제가 해봤겠죠”라는 뻔한 농담만 하게 되죠. 위의 질문에 쉽게 답을 드..
라이트브레인
캐릭터를 활용한 모바일 UI디자인 캐릭터를 활용한 모바일 UI디자인
모바일 캐릭터란? 모바일 캐릭터란 뭘까요? 이 의문에 대다수가 카카오, 라인프렌즈의 이모티콘을 떠 올릴 것이라고 생각합니다. 메신저 서비스를 기반으로 탄생한 두 캐릭터의 성공으로 많은 기업들이 캐릭..
라이트브레인
신입 디자이너를 위한 GUI가이드라인 Tip 신입 디자이너를 위한 GUI가이드라인 Tip
GUI 디자이너분들 이라면 한 번쯤은 들어보고 경험했을 GUI 개발 가이드라인. 처음 접하게 되면 어떻게 해야 할지도 모르겠고 이런 문서 작업을 하기 위해 내가 디자인을 시작했나 하는 생각도 들곤합..
라이트브레인
UI/UX Lab. Consulting brief UI/UX Lab. Consulting brief
UI/UX lab은 다양한 산업군에 대한 컨설팅 경험을 바탕으로 사용자를 만나고 분석하고 만들어보며 서비스가 나아갈 방향을 제안하고 고쳐갑니다.
NHN AD, UI/UX Lab
아이폰X를 생각하며 디자인하자. 아이폰X를 생각하며 디자인하자.
- 아이폰X ui 가이드라인과 그에 따른 해상도 대응 지난해 말 드디어 국내에도 아이폰X가 출시되었습니다. 공개된 아이폰X는 기존의 아이폰 시리즈와는 디자인에서 상당한 차이를 보였습니다.  디자이너..
라이트브레인
스케치 뉴비를 위한 열 가지 팁 스케치 뉴비를 위한 열 가지 팁
이미 UI 디자인 프로토타이핑 프로그램의 중심이 되어버린 스케치지만, 저는 최근에 시작하게 되었습니다. 워낙 바쁘기도 했거니와, 익숙한 포토샵/일러스트레이터를 버리고(?) 새로운 프로그램을 늘그막에..
라이트브레인
[리뷰] 개발자와 효율적인 협업을 위한 GUI가이드 프로그램 제플린 [리뷰] 개발자와 효율적인 협업을 위한 GUI가이드 프로그램 제플린
제플린(Zeplin)은 디자이너 및 개발자를 위한 공동 작업 응용 프로그램입니다. 제플린은 스케치 또는 포토샵과 연동하여 자동으로 작업한 결과물을 이미지 파일 Asset과 디자인 가이드로 생성해 줍..
라이트브레인
작은 감각 경험이 인간에게 미치는 영향 작은 감각 경험이 인간에게 미치는 영향
작년 연말, 자동차의 럭셔리 브랜딩에 관한 제안 프로젝트에 참여했던 적이 있었습니다. 그 당시 프리미엄 급 자동차를 홍보하기 위한 전시 공간을 찾아가 체험을 하게 되었습니다. 여러 전시 공간에서 차..
라이트브레인
What is Branding? What is Branding?
마케팅 분야에서 브랜드를 구축하는 것만큼 흥미롭고 중요한 일은 없을 것입니다. 왜냐하면, 좋은 브랜드를 세우는 것은 곧 마케팅의 출발점이며, 훌륭한 회사를 세우는 것과 같기 때문입니다. 파트너가 요..
라이트브레인
AI VUX 입문자를 위한 실전 Tip AI VUX 입문자를 위한 실전 Tip
-들어가며- 지난겨울 한창 휴가를 즐기던 중 새로운 프로젝트가 시작되었다는 소식에 마지막 여행코스를 돌지 못하고 급히 복귀하게 되었습니다. 당시 만나게 된 그 새 프로젝트는 음성인식 스피커의 음성 ..
라이트브레인
구현모델(Implementation Model)과 멘탈모델(Mental Model)의 간극을 줄이는 UX디자인 구현모델(Implementation Model)과 멘탈모델(Mental
구현모델(Implementation Model)과멘탈모델(Mental Model)의 간극을 줄이는 UX디자인 — 2017년 3월 6일 ■ 구현모델과 멘탈모델 여러분은 영사기가 어떻게 작동해..
비즈니스 사용자 경험(BUX)
구현모델(Implementation Model)과 멘탈모델(Mental Model)의 간극을 줄이는 UX디자인 구현모델(Implementation Model)과 멘탈모델(Mental
구현모델(Implementation Model)과멘탈모델(Mental Model)의 간극을 줄이는 UX디자인 — 2017년 3월 6일 ■ 구현모델과 멘탈모델 여러분은 영사기가 어떻게 작동해..
비즈니스 사용자 경험(BUX)
디자이너를 위한 프로토타이핑툴 프로토파이 리뷰 – 2부 디자이너를 위한 프로토타이핑툴 프로토파이 리뷰 – 2부
이번 글에서는 실무에서 프로토파이 툴을 사용해 모바일 앱 프로토타이핑을 작업하면서 배웠던 것들을 나누려고 합니다. 쉽게 배울 수 있는 툴이어서 배우는 데 큰 어려움은 없을 줄 알았는데 몇몇 예제들은..
라이트브레인
처음페이지이전 10 페이지1다음 10 페이지마지막페이지