본문 바로가기

분류 전체보기25

디자인 컨셉과 정보 구조 디자인 컨셉이란? 텍스트, 스케치, 이미지 등으로 이루어진 핵심 아이디어로서, 내가 생각하는 것이 무엇인지를 설명하는 방식으로 시각적인 문서나 다이어그램의 형태로 만든 것이라 할 수 있다. 예를 들어, 친구에게 미래의 학교는 어떻게 바뀔 것인지에 대해 '말'로 설명한다고 했을 때, 친구는 자신의 지식과 상상력을 바탕으로 생각을 하게 될 것이다. 이럴 경우 내가 전달하고자 하는 미래의 학교와 친구가 생각하는 미래의 학교 사이에 괴리가 생길 수 있다. 그렇기 때문에 컨셉을 설명할 때 정확한 표현, 문구, 상황, 시각적 자료를 사용해 설명하는 것이 중요하다. 우리가 만들고자 하는 것이 어떠한 것들이고 '이러한 디자인으로 나올 것이다'라고 추구하는 방향성을 보여주고 설명하기 위해서 컨셉 디자인을 작성하는 경우가.. 2022. 2. 18.
UIUX 퍼소나 퍼소나란? '페르소나'라고도 부르며, 우리의 서비스 또는 제품의 대표 사용자를 의미한다. 우리 제품의 사용자가 누구인지 정의할 수 있으며, 사용자 전체가 퍼소나라 하더라도 그 안에 우선순위가 반드시 존재한다. 사용자의 모든 니즈 만족시킬 수는 없지만 우선순위에 따른 선택과 집중을 하는데 도움이 된다. 사용자의 관점에서 바라보며 생각할 수 있어서 디자인 의사결정과 커뮤니케이션에서 왜 그래야 하는지에 대한 기준이 된다. 그렇기 때문에 해석이 모호하지 않게 퍼소나를 정의할 때 지표를 정확히 정하는 것이 좋다. 퍼소나가 잘못된 정의되게 되면 그것을 바탕으로 결정된 의사결정들 또한 잘못될 수 있기 때문에 퍼소나는 신중하게 만들어야 한다. 한 페이지에 함축적으로 퍼소나의 정보들을 정리하는 게 일반적이다. 사용자 조.. 2022. 2. 17.
애프터 이펙트 컴포지션 생성 및 설정 컴포지션 생성, 설정 및 수정 애프터 이펙트에서 컴포지션은 세 가지 방법으로 생성할 수 있다. 1. 애프터 이펙트 실행 시 메인 화면에 보이는 '새 컴포지션' 버튼을 클릭한다. 2. 메뉴 바의 컴포지션 > 새 컴포지션(Ctrl+N) 3. 프로젝트 패널에 불러온 작업 파일을 하단의 '새 컴포지션 만들기' 아이콘으로 가져다 놓는다. 1, 2번으로 컴포지션 생성 & 화면 설정 1. 사전 설정 탭에서 원하는 해상도를 선택한다. 선택하는 옵션에 따라 폭, 높이, 픽셀, 프레임 속도 등이 자동으로 설정된다. Tip. 기본적으로 '종횡비를 16:9로 잠금' 항목이 체크되어 있다. 체크를 해제한 후 해상도의 폭, 높이를 원하는 데로 설정할 수 있으며, 임의로 변경할 경우 사전 설정 옵션이 '사용자 정의'로 자동 변경된.. 2022. 2. 16.
애프터 이펙트 & 작업순서 애프터 이펙트(After Effects)란? Adobe에서 개발한 디지털 모션 그래픽, 합성, 편집 소프트웨어이다. 비선형 영상 편집 및 광고 제작이나 애니메이션, 게임 등의 콘텐츠 제작에 사용되고 있다. '영상 버전의 포토샵' 이라고도 불리는데, 포토샵에서 사용하는 것과 비슷한 방식으로 영상을 편집 및 합성하는 것이 자유롭다. 애프터 이펙트는 기본적인 합성 작업뿐만이 아니라 모션 그래픽 분야에서 세계 공통으로 사용되고 있으며 웹 및 TV, 비디오, 영화 등에서 볼 수 있는 화려한 모션과 시각 효과의 대부분은 애프터 이펙트를 사용해 만들어졌다고 볼 수 있다. 애프터 이펙트는 월 구독료 24,000원으로 Adobe 홈페이지에서 연간, 월별 플랜을 선택해 구독을 진행할 수 있다. 만약 Adobe 사의 다른 .. 2022. 2. 16.
사용자 여정 지도 (User Journey Map) & Task flow 사용자 여정 지도 (User Journey Map)란? 사용자가 어떤 일(모션)을 할 때 수행하는 동안 하는 행동, 생각, 감정 등 상호작용하는 접점을 시작부터 끝까지 시간 순서대로 맵 형태로 기록한 것을 말한다. '우리가 누구보다 우리 서비스를 이용하는 사용자를 잘 이해하고 있다', '우리 사용자는 이렇게 생각할 것이다'와 같은 주관적 생각을 반영하는 실수를 저지르지 않도록 조심해야 하며, 사용자 조사 결과를 바탕으로 퍼소나를 정해 사용자 여정 지도를 만들면 객관화된 데이터로 볼 수 있기 때문에 실수를 방지하는데 도움이 된다 사용자 여정 지도는 다양한 템플릿이 존재하지만 생각, 감정 등이 표현되지 않고 행동의 나열만 있는 템플릿은 지양하는 것이 좋다. 사용자 여정 지도의 장점 팀원 및 이해관계자들의 공.. 2022. 2. 15.
더블 다이아몬드 디자인, 린 디자인 프로세스 일반적인 디자인 프로세스 진행과정 1. 사용자 조사 (여론 조사 등)를 통해 정보를 수집한다. 2. 사용자 조사를 통해 중요하게 체크해야 할 정보와 사용자가 불편해하거나 필요하다고 느낄 것 같은 정보(해석)를 모은다. 3. 조사 결과 데이터를 바탕으로 디자인 컨셉을 만든다. 4. 프로토타입 혹은 바로 제품을 만들어서 내부 사용자들에게 테스트를 진행한다. 더블 다이아몬드 디자인 프로세스(Double Diamond Design Process) 진행과정 더블 다이아몬드 프로세스는 서비스 디자인에서의 사고의 폭을 최대한 넓히고, 끌어낸 아이디어를 하나로 좁혀 나가는 과정을 하나로 정리한 모델이다. 어떤 분야의 디자인에서건 거치게 되는 디자인 프로세스들의 단계들을 일반화하고 체계화한 방법으로 서비스 디자인을 하기.. 2022. 2. 14.