Study/Design21 애프터 이펙트 Keylight Effects & Presets에서 Keying의 Keylight를 이용해서 특정 색상을 제거해 알파 채널을 만들 수 있다. 파란색 배경에 가운데 검은색 원이 있는 사진(1번)과 초록색 배경만이 있는 두 개의 사진(2번)이 있다고 생각해보자. 두 개의 사진을 1번이 위에 올라오도록 겹쳐놓았을 때, 1번 사진의 파란색 배경을 지운다면 2번 사진의 초록색 배경이 보일 것이다. 이렇게 하나의 사진인 것처럼 합성 상태로 만드는 목적을 가진 도구라 할 수 있다. 세부적인 옵션을 먼저 살펴보면 아래와 같다. 옵션 옵션 목록 설명 View Composition 화면에서 보여지는 상태다 Screen Colour 스포이드로 추출을 하고자 하는 색을 선택한다 Screen Gain 값이 낮을 수록 추출 강도가 낮아지고, 값.. 2022. 4. 14. CX (Customer Experience) CX (Customer Experience) UX와 UI는 Product Design에 가깝다. 사용자와 회사 간의 접점이 이는 서비스 인터페이스에 대해 디자인을 하는 영역이며 사용성이 좋은지 경험하고 검증하게 된다. CX는 UX보다 좀 더 넓은 개념으로, UX와 비슷하지만 경험과 마케팅의 영역이 더해진다고 볼 수 있다. CX는 UX와 동일하다, CX는 CS(Customer Service)다, UX의 영역에서 비즈니스 영역까지 고려하는 것이 CX다 와 같이 CX는 기업 별로 업무 범위가 상이한 편이다. 따라서 기업에 지원할 때 채용 공고에 나와있는 범위에 내가 할 수 있는 역할인지, 하고자 하는 영역이 있는지에 대해 잘 살펴봐야 한다. UXUI가 사용자와 회사 사이의 접점인 인터페이스의 사용성을 고려한다.. 2022. 4. 1. 개발 프로세스의 변화 기존에는 프로세스를 단계별로 밟아 진행하는 워터풀(Waterfall) 방식으로 진행해 왔다. 워터풀 프로세스는 빠르게 진행한다고 하더라도 한 사이클을 도는데 두, 세 달의 긴 시간을 거쳐야 하는 단점이 있었다. 그래서 시간이 많이 걸리는 문제점을 개선하는 위해 다음과 같은 방법들로 프로세스가 변화했다. 소규모 그룹의 프로젝트 (게릴라 프로젝트) 메이저, 마이너 업데이트와는 별도로 진행되는 '소수 인원'으로 이루어진 '미니 프로젝트'에 적합하다. 빠르게 결과물을 받아보고 적용할 수 있으며 다음과 같은 절차를 걸친다. 1. 스펙 제안 각 파트에서 생각하는 새로운 기능(=스펙) 등에 대해 자유롭게 공유하고 회의를 소집한다. 2. 게릴라 회의 진행 소수의 인원 즉, 각 파트의 대표(=각 파트의 PL)만 모여 빠.. 2022. 3. 31. Figma Figma 와이어프레임, UI Design, 프로토타입, 협업, 버전 관리가 가능한, 협업에 큰 중점을 툰 UXUI Tool이다. 2020년 UX Tools에서 4천여 명의 디자이너를 대상으로 조사한 서베이(Survey)의 UI Design 부분에서 Fimga가 압도적인 사용률을 보여주는 것을 확인할 수 있다. 공동 작업이 가능하고 컴포넌트와 팀 라이브러리를 통해 변경된 디자인 내용을 빠르게 업데이트할 수 있으며, 면에 바로 피드백을 남겨서 실시간으로 소통이 가능하다. 또 Figma는 프로토타입 작업을 진행할 수 있으며, 프리뷰 및 모바일 미러링 앱을 통해 실제 디바이스에서 어떻게 보이는지 확인할 수 있다. Figma는 맥, 윈도우뿐만 아니라 웹 기반으로 클라우드에서 작업이 가능하며 비용은 연 $144다.. 2022. 3. 14. 레이아웃 & 그리드시스템 해상도 가장 기본이 되는 해상도는 1 배수인 mdpi이며, 모바일은 일반적으로 2 배수 이상의 해상도를 가지고 있다. 실제로 디자인을 할 때 타겟 디바이스의 dpi를 잘 살펴보아야 한다. 만약 타겟 디바이스가 720x1280 xhdpi라면, 1 배수인 mdpi로 계산했을 때 360x640의 해상도임을 확인할 수 있다. Ratio Resolution Dpi 0.75x ldpi 120dpi 1.0x mdpi 160dpi 1.5x hdpi 240dpi 2.0x xhdpi 320dpi 3.0x xxhdpi 480dpi 4.0x xxxhdpi 640dpi 레이아웃 (Layout) 사전적 의미로는 '설계, 지면의 배열, 배치'라는 뜻을 가지고 있다. 디자인에서의 레이아웃은 잡지, 광고, 출판물 등을 디자인할 때 텍.. 2022. 3. 3. 프로토 퍼소나 퍼소나 문제 기술 무엇을 위해 퍼소나를 만들 것이며, 퍼소나를 통해 이루고자 하는 게 무엇인지 목표를 정의해야 한다. 진행하는 프로젝트의 담당자(이해관계자)가 무엇을 어떻게 해결하고자 하는지, 내부 인터뷰 등을 통해 현재 서비스의 문제점이 무엇인지 찾거나 실제 고객의 관찰, 탐색을 통해 문제가 무엇인지 파악해야 한다. 초기의 탐색, 정의 단계에서는 솔루션을 내지 않으며 문제점을 개선하기 위해 무엇을 해야 하고, 뭐가 필요한지에 대한 요구사항을 도출해야 한다. 프로토 퍼소나 만들기 프로토타입을 만드는 것처럼, 빠르게 퍼소나를 만드는 것을 프로토 퍼소나라고 한다. 가설을 설정하고 실제 리서치를 통해 입증하는 과정을 거치며, 가정 단계에서 프로토 퍼소나를 정의한다. 이미 가지고 있는 정보를 바탕으로 미리 퍼소.. 2022. 2. 27. 이전 1 2 3 4 다음
