

누구나 쉽게 시작하는 UI 디자인
유저의 시선을 사로잡는 UI 핵심 원칙 체화
UI 구성 요소 학습과 디자인 실습
실제 실무 흐름 기반의 디자인 프로젝트
강의 요약집 포함 8개의 혜택 제공
2개월 추가 수강 기간 제공
NCS 수료증 발급
비용 부담 없이









UI 완성도를 좌우하는 기준,
디자인 원칙에 있어요
디자이너의 눈을 길러 보세요!


단순 툴 활용 중심으로 따라만 하는 커리큘럼


UI 디자인 원칙에 입각한 실전 중심 커리큘럼

UI 디자인 원칙부터 제대로 학습

개념을 익힌 후 바로 실습하며 이해도 UP

배운 원칙을 100% 적용하는 실무 프로젝트

생성형 AI 툴로 생산성 높이는 방법까지
입문자에게 최적의 강의
3가지 학습 포인트

UI 디자인 원칙
좋은 UI의 원리를 이해하고 실습하며 기본기를 탄탄하게 다져요.

포토샵 AI 활용
생성형 AI 도구를 활용하여 효율적으로 작업하는 방법을 익혀요.

실전 프로젝트
실제 디자인 프로세스를 반영한 프로젝트를 진행하며 실무 감각을 길러요.
내손으로 완성하는
UI 디자인 프로젝트


아티스트명 & 곡명: 위계에 따른 폰트 스타일링
노래 컴포넌트 내에 노래 제목보다 아티스트의 이름이 너무 강조되어 있는 문제를 해결하기 위해 노래 제목이 더 잘 보이도록 폰트 스타일을 수정해요.

4개의 아이콘
프로젝트 파일의 레이어를 살펴보며 노래 컴포넌트 내에 빠져 있는 4개의 아이콘을 제작해요.

사이드바 메뉴명: 위계에 따른 폰트 스타일링
사이드바 내에 있는 메뉴명의 폰트 스타일링을 수정하여 하나의 메뉴 UI인 것을 알 수 있게 개선해요.

앨범 설명: 가독성을 키우는 폰트 스타일링
우측 앨범 정보 내에 있는 앨범 설명 부분의 가독성을 개선해 봐요. 폰트 스타일링을 통해 가독성을 키우고 주변과 잘 어울리도록 만들어요.


컬러, 폰트, 레이아웃 준비하기
규칙적인 컬러, 중요도를 구분할 수 있는 폰트, 깔끔한 레이아웃 배치로 일관성 있고 위계가 분명한 랜딩페이지를 만들어 봐요.

정리된 스타일로 컴포넌트 제작
컴포넌트를 잘 사용하면 비슷한 속성을 가진 요소들을 효율적으로 만들 수 있어요. 기초적인 UI의 베리어블과 스타일을 활용해서 나머지 컴포넌트도 만들어요.

9개 섹션으로 페이지 구성
히어로 섹션, 고객사 목록, 캘린더 목록, 다양한 도구 목록, 링크 입력란, 요금제 안내, 고객 리뷰, 보안 인증, CTA까지 아홉 개의 섹션을 직접 만들어 봐요.

프로토타입으로 디자인 점검
드디어 마지막 단계에 왔습니다! 프로토타입으로 보면서 페이지의 흐름이 자연스럽고, 디자인이 어색한 곳이 없는지 체크해 주세요.


디자인 요청서를 통한 프로젝트 흐름 파악
클라이언트와의 대화를 통해 디자인 프로젝트가 어떻게 시작되는지 흐름을 보고, 디자인 요청서라는 소통의 도구를 알아봐요.

기존 웹사이트 UI 문제점 확인 및 분석
기존 디자인의 문제점을 확인하고, UI 디자인 분석표를 작성해 봐요. 디자인의 기본 원칙들(일관성과 위계), 레이아웃, 컬러, 폰트와 아이콘에 대한 내용을 복습해요.

친근 & 모던, 두 가지 버전의 시안 제작하기
서로 다른 두 가지 디자인 컨셉을 설정하고, 각 컨셉에 맞는 레이아웃, 컬러, 폰트를 선정해 시안을 제작해요. Figma 파일을 활용해 시안을 만들고, 특징과 장점을 설명하는 글을 작성해요.

AI로 최종 시안 확정하고 최종 산출물 완성
두 가지 디자인 중 최종 시안을 확정하고, 모바일 화면까지 제작합니다. 완성된 디자인을 모범 답안과 비교해 개선할 점을 분석해요.
4 STEP 학습법
실전 활용 능력까지 키울 수 있어요.
핵심 스킬 6가지












UI 구성 요소별 38개의
실습으로 감각 UP!
최적의 4주 커리큘럼
UI 디자인 역량을 쌓는 최적의 루틴!






- 홍익대학교 산업디자인
- 전) LG CNS UX/UI Designer
- 전) Noox Lead Product Designer


- 서울대학교 미술대학
- 전) 웹에이전시 UX/UI Designer


- 연세대학교 경영학 전공
- 전) 코드잇 PM
- 코드잇 Product Designer


- UNIST 화학공학/산업디자인
- 전) 코드잇 Video Designer


- 서울대학교 기계항공공학부 학사, 석사
- 전) 세이지 Machine Learning Engineer
UI 디자인 실력을 키웠어요
강의 평점
누적 후기
수강생 만족도

해이나
UI 디자인을 할 때 꼭 알아야 할 핵심 내용들이 알차게 정리되어 있다는 느낌을 받았습니다. 디자이너를 준비하시는 분들께 추천하고 싶은 강의입니다.

Neomatrix
전반적 디자이너 작업의 흐름을 거시적으로 경험할 수 있고, 어떠한 자료들이 필요한지 알 수 있어서 공부하는데 구조화하는데 더욱 효율적이에요.

yeonbebe
그냥 단순히 예쁜 게 디자인이라고 생각해서 막막했는데, 디자인에 원리가 있다는 걸 알고 나니까 한결 쉬워진 느낌이에요.

지니지니진
UI 기초 개념은 결국 손으로 익히는 게 제일 빠르더라고요. 실습을 통해 직접 만들고 수정해보면서 구조와 흐름이 눈에 보이기 시작했어요.

nijuuy
UI 디자인은 처음이었는데 Figma를 직접 실습하면서 배우니까 실제로 더 재미있었습니다!

Skeeter
평소에 책이나 다른 유튜브 강의들을 보아도 너무 다양한 내용들이 섞여 있어서 이해하기 어려웠는데, 간략하게 정리한 개념을 바탕으로 바로바로 실습까지 해볼 수 있어서 너무 좋았어요!

youleei
서비스 기획자인데 실무에 바로 활용 가능해서 도움이 많이 되었어요.

yeniversa
피그마를 처음 접한 사람들도 쉽게 따라갈 수 있도록 천천히 세세하게 알려주셔서 좋았습니다
코드잇 학습 효과
강의 수료자 비중
평균 완주율
‘4S’ SYSTEM












‘4ZERO’ SYSTEM


















진행되는 라이브 특강에
참여할 수 있어요.

완주까지
전화와 문자로
확실하게 관리해 드려요.





45만 원 지원받고 시작하세요




내일배움카드를 가장 빨리 발급받는 방법
내일배움카드는 고용노동부에서 취업 및 직무 전환을 원하는 모든 국민을 위해 직업능력 개발 교육비를 담아 제공하는 카드에요. 최대 500만 원 + 50만 원 크레딧을 무료로 제공해 드리며, 국비 지원 강의를 수강하기 위해 필요하며, 고용 24에서 발급받으실 수 있어요.
내일배움카드는 누구나 발급받을 수 있지만 공무원, 고소득자, 부정수급자 등 특정 조건에 해당하는 분들은 발급받으실 수 없어요. 링크를 클릭하고 내가 내일배움카드를 발급받을 수 있는지 확인해 보세요.
코드잇의 4주 단기 완성 강의는 국비지원 과정으로, 반드시 고용24 사이트에서 수강 신청을 완료해 주셔야 해요.
수강 신청은 크게 내일배움카드 발급, 수강 신청, 자비 부담금 결제의 순서로 이루어져요. 아래 순서대로 가이드를 따라가면 수강 신청을 빠르게 완료하실 수 있어요.
1. 내일배움카드 빠르게 발급받기 2. 수강 신청하기 3. 자비 부담금 결제하기
모든 강의는 100% 온라인으로 이루어져요. 학습 시작일부터 종료일 전까지, 코드잇 사이트에서 강의를 듣고 퀴즈 및 실습 과제를 모두 완성해 주세요.
1. AI 선생님 GURU에게 질문하기
학습 내용을 이해하고 있는 코드잇의 AI 선생님 GURU에게 물어보세요. 모르는 내용 뿐만 아니라 강의 요약, 코드 리뷰와 에러 수정까지 학습의 모든 과정을 실시간으로 도와드려요.
2. 코드잇 커뮤니티에 물어보기
코드잇으로 함께 공부하는 전국의 수강생들에게 물어보세요. 내가 올린 질문에 답변을 달아줄 거예요.
수강 기간 내 강의의 80% 이상 들으면 수료 기준이 충족됩니다. 진도율은 홈 화면에서 확인할 수 있어요. 수료하시면, 2개월 추가 수강 기간과 NCS 인증 수료증, 전체 강의 요약 자료까지 제공받으실 수 있으니 꼭 기간 내에 수료해 주세요.
수강 기간 중 제공되는 혜택은 아래와 같아요.
• 수강생 전용 커뮤니티
• 1:1 밀착 학습 관리
• AI 선생님 GURU
• 완주를 돕는 페이스메이커
• 챌린지 참여
• 강의 보조 자료집
• 현직자 라이브 특강
수료 시, 제공되는 혜택은 아래와 같아요.
• 강의 요약 자료집
• 2개월 추가 수강 기간
• NCS 수료증
아래 링크를 클릭해서 수강 예정인 강좌 탐색표를 다운로드 받아 활용하실 수 있습니다.
*본 자료는 국비 단기 과정 수강생용 입니다.
(탐색표 다운받기)
4주 단기 완성 과정은 K-디지털 크레딧 기초역량훈련 과정으로, 각 회차별 수강 정원 및 연간 운영 인원이 정해져 있습니다.
수강 신청이 해당 정원을 초과할 경우 자비부담금을 결제하셨더라도 과정 수강이 제한될 수 있으며, 개별 연락을 통해 결제하신 금액은 전액 환불해 드립니다.
코드잇에게 문의해 주세요. 아래 규정에 따라 환불을 도와드립니다.
[개강 전]
• 수강이 취소되며 내일배움카드 크레딧과 자비 부담금을 전액 환불해 드립니다.
[개강 후]
1. 내일배움카드 크레딧
• K-디지털 크레딧 환불(복원)의 경우 고용 24 정책에 기반하며, 국번 없이 1350에서 확인할 수 있습니다.
2. 자비 부담금
• 학습 기간 1/3 경과 이전: 결제한 금액의 2/3에 해당하는 금액 환불
• 학습 기간 1/3 경과 후부터 1/2 경과 전: 결제한 금액의 1/2에 해당하는 금액 환불
• 학습 기간 1/2 경과 후: 환불 불가
3. 자비 부담금 환불 절차
• 자비 부담금은 부분 환급이 불가능하기 때문에, 구간별 환불 금액을 제외한 차액을 수강생이 코드잇으로 지급해야 합니다.
• 수강생의 자격 결격이 완료된 이후 자비 부담금을 전액 환불해 드립니다.
• 국비 지원 강의는 매일 본인 인증이 필요하기 때문에, 해외에서도 고용 24에 등록된 전화번호로 문자 수신이 가능해야 수강하실 수 있어요. (단, 일부 국가에서는 IP 차단 등으로 접속이 어려울 수 있어요.)
• 출국 전에 아래 조치를 완료해 두시면, 출국 후 문자 인증 없이 수강하실 수 있어요.
1. 코드잇 홈페이지 로그인 > 본인 인증 진행 (문자 or PASS 앱)
2. mOTP 앱 다운로드 > 본인 인증 진행 (문자 or PASS 앱)
3. 출국 후 본인 인증 진행 시 mOTP 앱에서 설정해둔 비밀번호 입력 후 인증 번호 확인 가능
강의 수강 및 과정 수료 자체에는 무료버전의 툴만 사용하셔도 문제가 없으며 유료버전의 툴 구독/결제는 의무사항이 아닙니다.
대부분의 과정은 무료 툴만으로 충분히 학습할 수 있어요. 일부 레슨에서 ChatGPT 등 유료 기능이 소개되기도 하지만, 반드시 유료버전을 구독하실 필요는 없어요. 해당 기능이 어떤 역할을 하는지 알아보는 정도로만 학습하셔도 충분합니다.
강의에서 다루는 툴의 무료 버전만 사용해 학습하신 뒤, 해당 툴을 더 깊게 심화 응용해 보고 싶을 때 필요하다면 선택적으로 유료버전 구독을 하실 수도 있어요.
또한 코딩 강의의 경우, 별도의 프로그램 설치 없이 배운 내용을 곧바로 실습해 보실 수 있도록 코드 실행기 기능을 제공 하고 있어요. 실행기 기능을 통해 유료버전의 툴 없이도 문제없이 수강 가능해요.

