모르면 안되는 16가지 필수 UI 컴포넌트

클래스 소개 강사 소개 커리큘럼 수강 후기 자주 묻는 질문

커리큘럼

17파트 | 3시간 46분

모두 펼치기

디자이너를 위한 핵심 UI 컴포넌트
18개03:46:22
- Part 0. Intro
  본 강의에 들어가기 전 이번 강의는 어떻게 구성되어있고, 어떤 내용을 배울지 간단하게 알아봅시다.
  미리보기07:15
- Part 1. APP BAR
  현재 화면의 정보 및 사용자가 수행 가능한 액션 혹은 기능이 표시되는 컴포넌트
  07:59
- Part 2. Banner
  중요한 메시지를 전달하거나 메시지와 관련된 추가 동작을 제공하는 컴포넌트
  07:06
- Part 3. Bottom navigation
  서비스의 주요 화면간 이동을 돕는 컴포넌트
  10:27
- Part 4. Button
  페이지 이동 및 사용자의 특정 액션 수행을 돕는 컴포넌트
  10:14
- Part 5. Card
  하나의 주제에 대한 정보와 액션을 함께 제공하여 사용자의 작업 수행을 돕는 컴포넌트
  13:59
- Part6. chips
  사용자에게 제공해야 하는 입력 데이터, 필터 옵션, 기능들을 상황에 따라 가변적으로 제공하여 작업 수행을 돕는 컴포넌트
  13:23
- Part7. Dialog
  사용자에게 추가적인 정보를 전달하거나 중요한 결정을 요구하는 컴포넌트
  10:28
- Part 8. FAB (Floating Action Button)
  현재 화면에서 중요한 작업이나 공통 기능을 수행하기 위해 화면의 고정된 위치에 제공되는 컴포넌트
  11:34
- Part 9. List
  콘텐츠나 텍스트를 반복적으로 나열하는 컴포넌트
  12:08
- Part 10. Menu
  옵션에 대한 목록을 제공하여 사용자가 항목을 확인하고 선택할 수 있도록 돕는 컴포넌트
  08:01
- Part 11. Navigation Drawer
  서비스 내에서 사용자가 원하는 화면으로 이동하기 위해 일시적으로 제공되는 컴포넌트
  미리보기18:54
- Part 12. Seletion Control
  옵션 선택, 설정 변경 등의 기능을 제공하는 컴포넌트
  18:20
- Part 13. Slider
  사용자가 범위 내에서 값을 선택할 수 있도록 돕는 컴포넌트
  14:27
- Part 14. Snack bar
  일시적으로 사용자에게 전달해야 하는 간단한 메세지나 피드백을 제공하는 컴포넌트
  10:37
- Part 15. Tab
  연관된 화면 혹은 콘텐츠 그룹 간의 이동을 돕는 컴포넌트
  19:10
- Part 16. Text Field
  사용자가 텍스트나 정보를 입력하고 편집할 수 있는 컴포넌트
  26:14
- Part 17. Outro
  각 컴포넌트의 기본 개념들을 한 번씩 짚어보며, 학습한 내용을 되돌아봅시다.
  06:06

수강생들이 남긴 생생한 후기를 살펴봐요

뭉이옴이 수강생
UI 디자이너, 5년 차 이상
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
매우 만족스러워요
UI 컴포넌트를 체계적으로 설명하고 필수적인 구성 요소를 제작 방법까지 함께 다뤄 실용적이었습니다. 연차가 있지만 기초를 다시 한번 되새길 수 있어 유익한 시간이었어요. 기대 이상이었습니다.
도니츄 수강생
UI 디자이너, 3-4년 차
클래스 길이
적당해요
클래스 난이도
조금 쉬워요
클래스 만족도
매우 만족스러워요
사수없는 디자이너입니다! 본의 아니게 ui쪽 업무를 맡고 진행하게 되었는데 더 자세하고 전문적으로 알고 싶었습니다 그래서 오픈패스를 알게되어 강의를 들었는데 정말 잘 한 선택같아요! 기본적인 ui컴포넌트들이 저 같은 디자이너들에겐 얼마나 고맙고 감사한 강의인지 모를거에요! 최고에요 오픈패스 ㅎ
현지12 수강생
비전공자, 1-2년 차
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
만족스러워요
비전공자라 하나도 모르는 상태에서 수강하고 있는데요, 천천히 자세하게 알려주셔서 기본기를 잘 배울 수 있는 강의라고 생각합니다. 마저 차근차근 수강해보도록 하겠습니다.
또뚜 수강생
UI 디자이너, 5년 차 이상
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
적당히 만족해요
실무에 들어가기전 기초를 다지는데 유용한 강의였습니다! 상세한 설명으로 이해하기도 쉬웠습니다
신경주 수강생
기타 디자인, 대학생
클래스 길이
적당해요
클래스 난이도
적당해요
클래스 만족도
매우 만족스러워요
핵심 개념들을 공부할 수 있다는 부분도 좋았지만 아직 대학생이라 실무에서 쓰이는 기능이나 노하우들이 궁금했는데 그 궁금증을 해결할 수 있는 좋은 강의였습니다! 다시 한번 수강하면서 더욱 꼼꼼히 공부해봐야겠어요😊

자주 묻는 질문

클래스 및 세미나

멤버십을 구매했는데 VOD 수강을 어떻게 시작하나요?
원하는 VOD 페이지에서 '수강하기' 버튼을 클릭해 주세요. 수강 시작 후 ‘내 클래스’에서 강의 목록을 확인할 수 있어요.
클래스 영상을 다운로드할 수 있나요?
강의 저작권 문제로 인해 강의 다운로드 기능은 제공하고 있지 않아요. 무단 녹화·배포 시 법적 처벌을 받을 수 있으니 주의해주세요.

결제 및 환불

결제 정보는 어디에서 확인하나요?
내 클래스 > 결제/환불 내역 에서 결제한 내역을 확인할 수 있어요
환불 규정이 궁금해요
해당 강의는 기본 제공 기간(12개월)과 혜택 제공 기간 (무제한)으로 구성됩니다.

환불은 기본 제공 기간(12개월)을 기준으로 환불이 이루어집니다.
수강 기간 7일 이내에 클래스 미수강 시 : 수강료 전액 환불
수강 기간 또는 진도율 1/3 경과 전 : 수강료의 1/3 을 제외하고 나머지 2/3 금액 환불
수강 기간 또는 진도율 1/2 경과 전 : 수강료의 1/2 을 제외하고 나머지 1/2 금액 환불
수강 기간 또는 진도율 1/2 경과 후 : 환불금액 없음

기타

동시접속이 가능한가요?
수강 중 동시접속이 불가능해요.

1개의 기기에서만 접속할 수 있으며 동시접속시 다른 기기는 자동으로 로그아웃될 수 있어요.
수료증은 어떻게 발급받나요?
수강률 80% 이상을 달성하면 마이페이지 [내 클래스]에서 수료증을 받으실 수 있어요.
멤버십 회원은 어떻게 오픈북을 받을 수 있나요?
오픈북 선착순 증정 이벤트는 평생 소장으로 구매하신 분들을 대상으로 진행되고 있는데요! 멤버십 회원의 경우, 무료로 오픈북을 시청하신 후 시청 후기를 남겨주시면 오픈북을 보내드리고 있습니다.
후기 스크린샷은 멤버십 회원 카카오톡 채널로 공유 주시면 됩니다.
아직 카카오톡 채널에 입장하지 못하신 멤버십 회원 분들은 문의 부탁드릴게요.
제가 선착순 이벤트에 당첨되었는지 확인하고 싶어요.
오픈북 재고가 소진될 경우 상세 페이지에 선착순 이벤트 마감 안내가 올라갈 예정이에요.

별도의 마감 안내가 없었다면 오픈북은 정상 배송될 예정입니다.
조금만 기다려 주시면 빠르게 준비해서 보내드릴게요. :)

모르면 안되는 16가지 필수 UI 컴포넌트

URL이 복사되었어요.

학습방법: VOD (평생소장)

학습분량: 17파트 | 3시간 46분

강사: 정다영, 전상우, 이선화

난이도: 입문

70,000원

10%63,000원

결제하기 멤버십 구매하기

OPENPATH 멤버십은 12개월 동안
VOD 클래스 무제한 수강 + 한정판 굿즈
혜택을 받을 수 있어요!

커리큘럼

Part 0. Intro

Part 1. APP BAR

Part 2. Banner

Part 3. Bottom navigation

Part 4. Button

Part 5. Card

Part6. chips

Part7. Dialog

Part 8. FAB (Floating Action Button)

Part 9. List

Part 10. Menu

Part 11. Navigation Drawer

Part 12. Seletion Control

Part 13. Slider

Part 14. Snack bar

Part 15. Tab

Part 16. Text Field

Part 17. Outro

수강생들이 남긴 생생한 후기를 살펴봐요

자주 묻는 질문

클래스 및 세미나

결제 및 환불

기타

모르면 안되는 16가지 필수 UI 컴포넌트