플러스엑스 UI 인터랙션 디자인

UI 인터랙션 디자인

Plus X UI4 : Interaction Design

PlusX Interaction Design Prototyping Animation Developement Guide

기본 정보

· 3개 대주제 (약 3시간 30분 분량)
· 난이도 : 입문 - 실전

강의 특징

· 수강료 1회 결제로 평생 소장
· 사전 지식 없이 누구나 들을 수 있는 강의입니다

We plus experience for your brand.

Plus X는 브랜드 기반의 통합 디자인 솔루션을 만들고 있습니다.

29CM, YG, 카카오 페이지, 어도비, KT 등 13년간 국내 최고 기업들과 156개의 프로젝트 진행
어워드 수상 56개, 대상 수상작 14개, Behance Selected 작품 109개

Plus X Share X

최고의 기업들과 성공적인 UI 디자인 프로젝트를 만들어온
Plus X UI 팀의 업무 프로세스를 그대로 공유합니다.

그동안 많은 분들께 저희의 디자인 작업을 공유해왔고 그 과정에서 저희도 성장했습니다.
이번에는 강의를 통해 업무 프로세스를 더 자세히, 더 많은 분들과 나누고자 합니다.

Instructor
안녕하세요.
Plus X UI 디자인 팀입니다.

플러스엑스 UI 디자인팀은 서비스를 통해
브랜드만의 가치를 사용자 경험으로 만드는 팀으로서
브랜드와 사용자간의 모든 상호작용 요소에 대해
고민하고, 일관성있는 경험을 만드는 것에 집중합니다.

본 강의에서는 플러스엑스의 UI 디자인 프로세스와 노하우,
UI 디자이너에게 필요한 전반적인 내용을 체계적으로 정리해서
저희가 실제로 디자인한 UI 프로젝트 사례를 통해서
최대한 디테일하게 알려드리기 위해 노력했습니다.

일관성있는 브랜드와 사용자 경험을 위해 고민하는 디자이너 분들과
좋은 프로덕트를 만들기 위해 고민하는 모든 분들께
플러스엑스 UI 디자인 팀의 이야기가 도움이 되길 바랍니다.

UI Portfolio

온라인 서비스를 통해 브랜드 경험을 전달하고,
사용자 경험에 감성을 더합니다.

Share How

현직 디자이너, 예비 디자이너분들의
설문조사를 기반으로 준비했습니다.

Roadmap

최적의 브랜드다움을 만드는 Plus X의 업무 프로세스를
그대로 커리큘럼으로 구성했습니다.

Project Case

3개의 실제 UI 디자인 사례를 디테일하게 살펴 보며
최적의 사용자 경험을 만들기 위한 체계적인 방법을 알려드립니다.

Case 1
다양한 사례를 통해 알아보는
인터랙션 디자인의 기본 원리

실실제 구축 디자인을 진행할 때 고려하는 사항과
플러스엑스의 네이밍 룰에 대해 알아봅니다.

Case 2
모션에 대한 이해를 기반으로
디자인 프로토타입 제작

애니메이션에 대한 이해를 바탕으로
실제 디자인 예시를 가지고
프로토타입을 통해 인터랙션을 구현해봅니다.

Case 3
인터랙션 가이드 작성법과
실제 개발을 위한 커뮤니케이션 방법

실제 구축 프로젝트를 사례로 플러스엑스의
인터랙션 디자인 가이드 제작 방식에 대해 알아봅니다.

Share All

실제 프로젝트에서 사용하는
8개의 문서 파일을 모두 공유합니다.

플러스엑스에서 10년 이상의 경험을 통해 검증해 온 노하우를 내 실무에 바로 활용해 보세요.

한번 구매로, 평생 소장하세요.

조만간 가격이 인상될 예정입니다.
지금 구매하세요!

정상가339,000
할인 금액96,000
최종 금액243,000
12개월 할부 시월 20,250원

지금이 최저가!

Plus X Share X 모든 강의는 한 번 결제로 기간 제한 없이 평생 수강할 수 있습니다.

Curriculum

Part4. UI 인터랙션 디자인

플러스엑스의 실제 사례를 통해 좋은 인터랙션에 대한 기준을 세우고 Figma, XD를 활용해 직접 만들어 봅니다. 구현을 위한 가이드를 제작하고 커뮤니케이션하는 방법까지 알아봅니다.

Chapter1. 인터랙션 디자인 이해

인터랙션 디자인이란 무엇이고, 좋은 인터랙션 디자인에 대한 기준을 제시합니다.

1. 인터랙션 디자인이란?

인터랙션 디자인에 대한 개념, 디자이너의 문제 해결 방식, 문제 접근 방법,
그리고 플러스엑스에서는 어떻게 인터랙션에 대해 접근하는지 알아봅니다.

2. 인터랙션 디자인 구성요소

인터랙션을 구성하는 요소에 대해 알아보고
모션, 공간, 시간 등에 대해 알아봅니다.

3. 좋은 인터랙션 디자인의 기준

좋은 인터랙션 디자인이란 무엇인지
플러스엑스만의 기준을 세우고 예시를 통해 알아봅니다.

Chapter2. 인터랙션 디자인 방법

개발환경에 대한 기초적인 이해를 바탕으로 인터랙션의 기초 원리와 디자인 진행 시 접근하는 방법 등을 알아보고 실습해 봅니다.

1. 애니메이션에 대한 이해

인터랙션 디자인에서 중요하게 여겨지는 UI 애니메이션에 대해
알아보고 이를 통한 인터랙션 디자인 기본원리를 살펴봅니다.

2. 프로토타입을 통한 디자인 테스트

실무 사례를 통한 프로토타입의 필요성을 알아보고
툴을 이용해 프로토타입 디자인을 함께 제작해봅니다.

Chapter 3. 인터랙션 디자인 구현 방법

실제 개발 구현 시, 커뮤니케이션 및 가이드 제작 방법, 애니메이션 소스 사용법 및 제작법 등 실제 구축단계에 필요한 것에 대해 알아봅니다.

1. 인터랙션 디자인 개발

인터랙션 디자인 시 타 부서와 커뮤니케이션하는 방법에 대해 알아보고
이를 토대로 디자인 개발 가이드 작성법을 알아봅니다.

2. 애니메이션 소스 활용

애니메이션 소스를 활용하여 마이크로인터랙션 소스 제작 및 적용 방법을 알아보고
이를 실제 개발 환경에 맞게 추출하고 사용하는 방법을 알아봅니다.

For You

이런 분들께 추천합니다.

Interview

어떤 마음으로
이 강의를 준비했나요?

한 개인의 경험이 아니라 13년 동안 쌓아온 플러스엑스의 경험을 기반으로 퀄리티 높은 컨텐츠를 만들고자 했습니다. 수년간 다양한 파트너사와 프로젝트를 진행하면서, 그 동안 다듬고 정리해 온 플러스엑스만의 협업 스킬과 노하우를 학습하실 수 있게 담으려고 노력했습니다.

커리큘럼을
어떻게 만들었나요?

실제 업무했던 경험을 바탕으로 UI 디자이너들의 입장에서 기획자, 개발자 또는 파트너사와의 협업 시 어려울 수 있는 부분들을 고려하여 제작했습니다. UI 디자이너를 꿈꾸시는 분들이 업무 진행 시 기획자, 개발자와 생길 수 있는 고민들을 해소할 수 있었으면 좋겠습니다.

이 강의를 듣고 나서 수강생들이
무엇을 얻어갈 수 있을까요?

플러스엑스의 UI 디자이너들이 디자인 외에도 다양한 팀원들과 파트너사와 협업을 하기 위해서는 어떤 노하우가 있는지 최대한 디테일하게 많은 내용을 공유드리고자 노력하였습니다. 플러스엑스가 파트너사와의 협업을 통해 보다 훌륭한 결과물을 만들어 내듯이 이 강의를 통해 수강생 여러분들이 한단계 성장하는 계기가 되었으면 좋겠습니다.

Tool

본 강의에는 Figma, XD 툴을 활용한
프로토타이핑 시연이 포함됩니다.

· [Part 4. UI 인터랙션 디자인] 파트의 일부 클립에
프로토타이핑 시연이 포함됩니다.

· Adobe XD, Figma 설치 후 따라하면서 수강하시길 권장하나, 따라하지 않고 영상만으로 학습하셔도 인터랙션 디자인에 대해  이해하시는 데 무리가 없습니다.

· 본 강의에서는 툴을 제공하지 않습니다.

· XD와 Figma는 2023년 4월 기준 최신 버전으로 진행됩니다.

· Figma 무료 버전으로 수강 가능합니다.

· 시연은 Mac으로 진행됩니다. 이외의 환경에서도 수강 가능하나
일부 단축키 등이 다를 수 있습니다.

Recommendation

학습규정 * 본 상품은 동영상 형태의 강의를 수강하는 상품입니다.
* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 본 강의는 혜택 자료(템플릿) 외에 별도의 강의 교안(PDF 등)을 제공하지 않습니다.
* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다.
* 본 강의는 [플러스엑스 UI 실무 마스터 패키지]에 포함되어 있습니다.

총 학습기간:
– 정상 수강기간(유료 수강기간) 최초 1개월(30일), 무료 수강 기간은 31일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
– 본 패키지는 약 3시간 30분 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
– 수강시작일: 수강 시작일은 결제일로부터 기간이 산정되며, 결제를 완료하시면 마이페이지를 통해 바로 수강이 가능합니다. (사전 예약 강의는 1차 강의 오픈일)
– 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.

주의사항 – 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
– 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
– 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인 이벤트 적용이 불가할 수 있습니다.
– 커리큘럼은 제작 과정에서 일부 추가, 삭제 및 변경될 수 있습니다.
– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

환불규정 – 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.

– 수강시작 후 7일 이내, 100% 환불 가능합니다. (단, 수강하셨다면 수강 분량만큼 차감)
– 수강시작 후 7일 초과 시, 정상(유료)수강기간 30일 대비 잔여일에 대해 다음과 같이 환불 가능합니다.

환불요청일 시 기준
: 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
: 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
: 수강시작 후 1/2 경과 후, 환불 금액 없음

패스트캠퍼스 정책 안내 [패스트캠퍼스 아이디 공유 금지 정책]
패스트캠퍼스의 모든 온라인 강의에서는 1개의 아이디로 여러명이 공유하는 형태를 금지하고 있습니다.
동시접속에 대한 기록은 내부 시스템을 통해 자동으로 누적되며, 이후 서비스 이용이 제한될 수 있습니다.

[기기제한 정책]
패스트캠퍼스 온라인 강의 시청을 위해서는 ID별 최대 3개의 기기를 등록할 수 있으며, 기기 등록은 온라인 강의장 접속 시 자동 등록됩니다.
최대 갯수를 초과하였을 경우 등록된 기기 해제가 필요합니다.

[저작권 정책]
패스트캠퍼스의 모든 강의는 무단 배포 및 가공하는 행위, 캡쳐 및 녹화하여 공유하는 행위, 무단으로 판매하는 행위 등 일체의 저작권 침해 행위를 금지합니다.
부정 사용이 적발될 경우 저작권법 위반에 의한 법적인 제재를 받으실 수 있습니다.