UI 인터랙션 디자인

Plus X UI4 : Interaction Design

PlusX Interaction Design   Prototyping   Animation   Developement Guide  

[쉐어엑스]플러스엑스 UI 인터랙션 디자인
정가339,000원
할인 금액(-28%) 96,000원
현재 판매가243,000원

월 20,250원

* 12개월 무이자 할부 시
바로 구매하기


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 팀의 업무 프로세스를 그대로 공유합니다.

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

layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel

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

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

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

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

UI Portfolio

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

Share How

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

ImageSlide
ImageSlide
ImageSlide
Roadmap

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

Project Case

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

Case 1
다양한 사례를 통해 알아보는
인터랙션 디자인의 기본 원리
실실제 구축 디자인을 진행할 때 고려하는 사항과
플러스엑스의 네이밍 룰에 대해 알아봅니다.
Case 2
모션에 대한 이해를 기반으로
디자인 프로토타입 제작
애니메이션에 대한 이해를 바탕으로
실제 디자인 예시를 가지고
프로토타입을 통해 인터랙션을 구현해봅니다.
Case 3
인터랙션 가이드 작성법과
실제 개발을 위한 커뮤니케이션 방법
실제 구축 프로젝트를 사례로 플러스엑스의
인터랙션 디자인 가이드 제작 방식에 대해 알아봅니다.
Share All

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

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

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

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

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

    • 정상가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