초격차 패키지 Online.

100개의 클론디자인으로 배우는 UX/UI

처음부터 끝까지

디자인부터 프로토타이핑, 데이터 전달까지 UX/UI 실무 과정 프로세스를 모두 담았습니다.
방대한 실습을

100개의 UI 컴포넌트 클론디자인 실습을 통해 보이지 않는 디테일까지 심도있게 학습합니다.
압도적 가성비로

타사대비 20배 많은 실습 강의를 낮은 수강료로 평생 소장하며 꼼꼼하게 배우실 수 있습니다.

코스 프로모션 배너 전용입니다.

0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

기본 정보

· 4개 대주제, 142개 강의 클립 (약 31시간 분량)
· 입문 - 심화

강의 특징

· 수강료 1회 결제로 평생 소장
· 부가 학습 자료 제공

강의 소개

20년 차 UX/UI 디자이너와
클론디자인으로 배우는 스킬과 노하우

UX/UI 컴포넌트의 기본과 활용, 숨겨진 디자인 시스템 노하우, 협업 커뮤니케이션까지
이 모든 내용을 20년 차 디자이너의 시각으로 배워보세요.

강의 주제

지금 현업에서 가장 중요한 주제들을
이 강의를 통해 한 번에 배울 수 있습니다.

추천 수강생

입문자부터 5년 차 시니어까지
누구 하나 아쉽지 않도록 알차게 구성했습니다.

입문부터 심화까지 모두가 만족하는 구성은 패스트캠퍼스가 유일합니다.

01

취준생과
예비 디자이너

단순히 보여지는 디자인만
신경 쓰고 있는 단계

이 강의를 통해,
실제 프로토타이핑과 핸드오프 등
협업 실무 과정까지 학습
02

1년 차 +
주니어 디자이너

회사의 기획자 및 개발자와
활발한 소통을 하는 단계

이 강의를 통해,
당장 내일 회사에서 적용해 볼 수 있는
UI 컴포넌트를 골라가며 학습
03

5년 차 +
시니어 디자이너

혼자 해결하기보다 위임을 통해
주니어 리딩을 시작하는 단계

이 강의를 통해,
파일 구조 및 버전 관리 등
프로세스 개선을 위한 솔루션을 학습

추천 수강생

아무거나 따라하지 않습니다.
iOS, Android, Web 클론디자인

강사님의 심사숙고로 학습에 가장 이상적인 서비스 4종을 직접 선택했습니다.
잘 디자인된 앱과 웹이 보여주는 적합한 규격과 표준, 디자인 흐름에 대해 배워보세요.

Main project #1

iOS 메일 어플리케이션

✔ 메인 / 받은 편지함 /새로운 메시지 등 10강 분량의 화면 실습
✔ 스크롤 뷰, 툴 바, 에디트 메뉴 등 29가지 UI 컴포넌트와 개념 학습
✔ 태스크 프로덕트 실습을 통해 앱 디자인에 숨은 의미 이해
Main project #2

안드로이드 Gmail 어플리케이션

✔ 회의 참여 / 계정 관리 / 보내기 예약 등 11강 분량의 화면 실습
✔ 네비게이션, 다이알로그, 데이트 피커 등 30가지 UI 컴포넌트와 개념 학습
✔ 프로토타이핑, 핸드오프, 디자인 시스템 등 협업에 필요한 과정과 방법 실습

Main project #3

Tesla 반응형 웹 페이지

✔ GNB / 브랜드 메인 등 21강 분량의 화면 실습
✔ 유틸리티, 푸터, 히어로 섹션 등 34가지 페이지 섹션 학습
✔ 브랜드 웹사이트 실습을 통해 브랜딩과 UX/UI 디자인 이해
Main project #4

iOS 스포티파이 어플리케이션

✔ 런치 스크린 / 플레이리스트 / 플로우 차트 등 19강 분량의 화면 실습
✔ 레이블, 액티비티 인디케이터 등 29가지 UI 컴포넌트와 개념 학습
✔ 콘텐츠 프로덕트 실습을 통해 비즈니스와 디자인의 관계 이해

클론디자인으로 직접 만든
100여 개의 UI 컴포넌트와 개념을 습득

내 손으로 직접 배운 개념은 절대 잊어버리지 않습니다.
입문부터 심화까지 풍성하게 준비했으니 모르는 부분만 골라 들어도 좋아요.

이 모든 개념이 수강기간 제한 없는 평생 소장이니
고민 말고 부족한 부분부터 골라 차근차근 학습해보세요!

꼼꼼하게 살펴보고 비교할 수록
확실한 차이를 느끼실 수 있습니다.

iOS, Android, Web 세 가지 환경에서 모두 가능한 실습과
31시간의 클론디자인 강의는 타사 강의 여러 개를 구매해도 얻을 수 없습니다.

UX/UI 디자인 교육은
예전부터 지금까지 패스트캠퍼스였습니다.

(2014-2021 패스트캠퍼스 UX/UI 관련 강의 기준)

패스트캠퍼스가 가진 모든 지식과 경험을
지금 보시는 UX/UI 강의에 담았습니다.

코스 프로모션 배너 전용입니다.

0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

이미 많은 수강생 분들이
클론디자인 강의로 성장하는 중입니다.

추가 제공 혜택

수강생의 반복되는 질문들!
다 년간의 강의 노하우로 미리 답변했습니다.

강사님의 친절한 답변 모음집을 바로 확인하실 수 있습니다.

1. UX/UI 디자인 어떻게 해야 하나요?

- 학습의 목적을 어떻게 잡아야 할까요?
- 어떻게 커리어를 쌓아나가야 할까요?
- UX/UI와 사용성 UCD는 어떻게 다른가요?
- 디자인 씽킹이란 무엇인가요?
- 왜 비즈니스를 이해해야 하나요?
2. UX 유저리서치 어떻게 해야 하나요?

- 어떻게 초기 사용자를 모델링 할 수 있나요?
- 어떻게 퍼소나 모델링을 시작해야 할까요?
- 어떻게 사용자 조사를 시작해야 할까요?
- 포토 저널과 일기 조사는 어떻게 해야 하나요?
- 인터뷰는 어떻게 수행해야 하나요?

3. UX 데이터 모델링 어떻게 해야 하나요?

- 어떻게 수집한 데이터를 분석할 수 있을까요?
- 어떻게 이해관계자 관계를 모델링 하나요?
- 어떻게 사용자의 생각을 모델링 하나요?
- 어떻게 사용자 경험을 모델링 하나요?
- 여정 지도를 어떻게 활용할 수 있을까요?
4. UX/UI 디자인 노하우는 무엇인가요?

- 어떻게 도출된 기능을 구조화해야 할까요?
- 어떻게 내비게이션을 만들어야 할까요?
- 어떻게 레이블을 만들어가야 할까요?
- 어떻게 빠르게 사용성을 평가하고 분석할까요?
- 어떻게 휴리스틱 평가를 해야할까요?

*본 답변 모음집은 [한 번에 끝내는 UX/UI 초격차 패키지 Online.]의 Part 1 ~ 4 강의 자료와 동일하며, 영상은 제공하지 않습니다.

아직 고민하고 있다면
더욱 확실하게 비교해보세요.

더 현명하게, 더 꼼꼼하게, 더 똑똑하게 비교해보세요.
많이 알아보고 확인할 수록 패스트캠퍼스의 자부심은 커집니다.

더 알아보기

강사님의 목소리로
이 강의에 대해 알아보세요.

20년차 UX/UI 디자이너인 조훈 강사님이 강력하게 추천하는 클론디자인 학습법.
오랜 시간 꼭 필요한 스킬과 노하우를 모아 준비했습니다.

어떤 분들한테 이 강의를 추천하나요?

예비 디자이너부터 5년 차 이상의 실무자까지 들어도 좋을 강의입니다.

실제 디자인에 대한 개발 협업 과정까지 끌어가는 연습이 필요한 예비 디자이너 분들. 다음으로 막 회사에 와서 기획자, 개발자와 소통을 해야 하는 3년에서 5년 차 주니어 분들. 마지막으로 슬슬 디자인 리딩을 시작한 5년차 분들에게 추천합니다. 리드 디자이너 분들에게도 이 강의가 도움이 되는 게 의아하실 수도 있는데, 리드부터는 파일 관리나 버전 관리 등 전반적인 프로세스에서 해야 할 일을 알아야 하거든요. 그런데 두 세 군데 회사를 다닌 경험으로는 솔루션을 찾기가 쉽지 않을 거에요. 이런 분들도 강의를 들으면 많은 도움이 될 것 같습니다.

실무자와 예비 디자이너에게 이 강의가 어떻게 도움이 될까요?

당장 내일 회사 가서 사용해 볼 수 있는 내용으로 구성했습니다.

실무자 분들은 현재 본인이 만들어놓은 디자인과 이 강의 내용을 계속 비교를 해나갈 때 큰 도움을 받을 수 있을 겁니다. 강의를 보다 보면 기존 작업의 모자란 부분이 보이게 될 거에요. 그럴 때 “아! 내일 회사 가서 그거 저렇게 바꿔야지”하면 좋을 것 같습니다. 만약 예비 디자이너 분들이라면 당장 포트폴리오가 보여지는 부분에만 신경쓰기 쉬운데요, 그러나 그렇게 취업이 되더라도 실무가 막히게 됩니다. 지금까지 단순히 보여주기 위해 공부를 해왔다면, 이번 강의를 통해 “실무를 위한 공부를 해야 겠다”는 마인드로 들어주시면 좋겠습니다.

다른 강의에서 찾을 수 없는 이 강의의 장점이 무엇일까요?

겉으로 보이지 않는 구조에 대한 이야기까지 최대한 담았습니다.

예를 들어, 만약 넷플릭스 클론디자인을 해본다면, 단순히 포스터와 제목을 같이 넣어보고 끝내는 게 아닙니다. 그냥 포스터 이미지와 제목만 있는 페이지처럼 보이지만, UX/UI 디자이너 입장에서는 아니거든요. 포스터 이미지는 매번 서버에 리퀘스트해야 하고, 그러니 사용자가 이미지를 기다리는 시간을 견디게 하기 위해서 UX/UI 디자이너가 설계를 해야 하죠. “로딩 시간이 걸리겠구나, 그렇다면 전체 화면에 로딩 애니메이션이나 skelton UI가 필요 하겠구나.”처럼 한 눈에 보이지 않는 UX/UI 디자이너의 판단과 의도, 이를 통한 설계와 디자인에 대해 샅샅이 설명을 드리려고 합니다.

20년 차 UX/UI 디자이너
조훈 강사님

이력

현) 클라썸 디자인 총괄
전) 삼성전자 UX/UI 리드 디자이너
전) CJ UX/UI 디자이너
전) 알티캐스트UX/UI 디자이너
전) 디자인피버 UX/UI 디자이너

- 삼성전자 디자인 시스템 구축
- 삼성전자 웹/모바일 애플리케이션 프로젝트 다수 참여
- CJ 디자인 시스템 구축
- CJ 웹/모바일/TV 애플리케이션 프로젝트 다수 참여
- KT 웹/모바일/TV 애플리케이션 프로젝트 다수 참여
- SKT 웹/모바일/TV 애플리케이션 프로젝트 다수 참여
- LGU+ 웹/모바일/TV 애플리케이션 프로젝트 다수 참여
- 삼성전자/LG전자/네이버/야후 등 프로젝트 다수 참여

패스트캠퍼스 UX/UI 강의를 통해
더 많이 배우고, 돈은 더 적게 쓰세요

상세 커리큘럼.

아래의 모든 강의를 초격차 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!

01. iOS 메일 애플리케이션 클론디자인

[클론디자인 시작하기]
- 안녕하세요. 조훈입니다.
- 피그마 스타터와 프로페셔널 안내
- iOS 메일 클론디자인을 시작해봅시다
- 스테이터스 바
- 메일상자 메인
[받은 편지함]
- 받은 편지함
- 편집
- 검색
[메일 상세]
- 메일 상세
- 전달
[새로운 메시지]
- 새로운 메시지
- 받는 사람
[VIP]
- VIP
[아이콘 디자인]
- 아이콘 디자인 1
- 아이콘 디자인 2
- 아이콘 디자인 3
- 아이콘 디자인 4
- 아이콘 디자인 5
[플로우 차트]
- 심볼과 흐름선
- 오버플로우
[프로토타이핑]
- 스크린 정리
- iOS 트랜지션
[디자인 시스템]
- 컬러와 텍스트 스타일
- 아이콘
- 컴포넌트와 패턴
[핸드오프]
- 제플린 사용 이유
- 제플린 대시보드
- 제플린 스타일가이드
[디자인 QA]
- 테스트 플라이트

02. Android OS 지메일 애플리케이션 클론디자인

[클론디자인 시작하기]
- Android OS 지메일 클론디자인을 시작해봅시다
[받은 편지함]
- 탑 앱 바
- 검색
- 목록
- 편집
- FAB
- 네비게이션 바
- 네비게이션 드로워
[회의 참여]
- 공유 가능한 링크 받기
- 안전한 회의
- 새 회의
- 코드로 참여
[편지 쓰기]
- 기본
- 메뉴
[편지 상세]
- 편지 상세
- 버튼과 스낵 바
[아이콘 디자인]
- 네비게이션 드로워
- 편지함
- 편지 상세
[플로우 차트]
- 플로우 차트
[프로토타이핑]
- 안드로이드 OS 트랜지션
[디자인 시스템]
- 디자인 시스템
- 핸드오프
- 디자인 QA - APK

03. Tesla 홈페이지 반응형 웹사이트 클론디자인

[클론디자인 시작하기]
- 반응형 웹 클론디자인을 시작해봅시다
[메인]
- 레이아웃
- GNB - L 스크린, M 스크린
- GNB - S 스크린
- 모델 고르기 - L 스크린, M 스크린
- 모델 고르기 - S 스크린
- 푸터
[히어로 섹션]
- L 스크린
- M 스크린, S 스크린
[인테리어 섹션]
- 안전
- 유틸리티
[퍼포먼스 섹션]
- AWD
- 주행 가능 거리
- 오토 파일럿
- 인테리어
[유틸리티 섹션]
- 제원
- 주문하기
[프로토타이핑]
- 프로토타이핑
[디자인 시스템]
- 디자인 시스템
[핸드오프]
- 핸드오프
[디자인 QA]
- 디자인 QA

04. iOS 스포티파이 애플리케이션 클론디자인

[클론디자인 시작하기]
- 스포티파이 클론디자인을 시작해봅시다
[런치 스크린]
- 런치 스크린
[홈]
- 홈
- 검색하기
[검색하기]
- 내 라이브러리
- 설정
[플로우 차트]
- 플레이어

05. iOS 스타벅스 애플리케이션

[Launch Screen]
- Launch Screen
[Home]
- Home
[Pay]
- Pay
[Order]
- Order
[Gift]
- Gift
[Other]
- Other

상세 커리큘럼.

자세한 커리큘럼 및 내용은 여기서 확인하세요!

자세히 보기 »

본 강의에서 사용될 프로그램 안내드립니다.
프로그램은 제공하지 않습니다.
강의 내 디자인 시스템 기능을 이용하기 위해서는
Figma Professional Plan 구매가 필요합니다.

1. Figma (22년 4월 버전 기준)

2. Zeplin 버전 7.1.1

3.TestFlight

*Figma와 Zeplin은 맥과 윈도우 환경에서 모두 수강 가능합니다.
*TestFlight는 iOS 환경에서 디자인 퀄리티를 확인하기 위한 어플로 iOS에서 사용이 가능합니다.
*디자인 시스템은 사내에서 여러 디자이너들과 함께 디자인 시스템 업데이트를 관리하기 위한 방법입니다. 따라서 디자인 시스템 Publish 기능을 사용하지 않고 무료 버전의 Local component 기능을 사용하면서 강의를 수강하셔도 무방합니다.

이 강의도 추천해요.

주의사항 * 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다.

– 총 학습기간 :
정상 수강기간(유료 수강기간) 최초 2개월(60일), 무료 수강 기간은 61일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 31시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
– 수강시작일 :
수강 시작일은 결제일로부터 기간이 산정됩니다. (사전 예약 강의의 경우 1차 강의 오픈일) 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는해당 일정 만큼 수강 시작일이 연기됩니다.
* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
– 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
– 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

환불규정 – 수강시작 후 7일 이내, 5강 미만 수강 시에는 100%환불 가능합니다.
– 수강시작 후 7일 초과, 5강 이상 수강시 수강기간인 2개월(60일) 대비 잔여일에 대해 아래 환불규정에 따라 환불 가능합니다.
: 환불요청일시 기준 수강시작 후 8일 ~20일 이하 경과시, 실 결제금액의 2/3에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 21일~30일 이하 경과시, 실 결제금액의 1/2에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 30일 초과 시, 환불금액 없음

패스트캠퍼스 아이디 공유 금지 정책 안내 아이디 공유란?
1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다. 패스트캠퍼스의 모든 온라인 강의에서는 아이디 공유를 금지하고 있습니다.
동시접속에 대한 기록이 내부 시스템을 통해 자동으로 누적되며, 동시 접속 기록이 10회 이상 확인되는 경우 사전 안내없이 아이디가 차단될 수 있습니다.

root layout

초격차 패키지 : 100개의 클론디자인으로 배우는 UX/UI (2023. 10. 30 일자로 수정되어 이 페이지 복사 부탁드립니다)