리메인 대표 김준우 Details
소개 영상
리메인 대표, 김준우
“UI 비전공자도 쉽게 따라올 수 있는
디자인 시스템 이론, 수많은 프로젝트를 통해
경험한 실전 노하우를 알려드리겠습니다.”
검증된 퀄리티의 웹 UI 커리큘럼에
콜로소 최초 공개 노하우까지!
국내 대표 디자인 아카데미 리메인과
온라인 클래스의 명가 콜로소가 만났다!
26,000명 이상의 수강생이 만족한
김준우 리메인 대표의 웹 UI 디자인
노하우를 평생 시청으로 확인해 보세요.
실무 UI 작업에서 필수인
디자인 이론과 스킬을
가득 담은 14개 대표 예제는 물론,
콜로소에서 최초로 공개하는
메인 페이지 실습 과정까지 더해진
57가지 풍성한 커리큘럼!
지금의 '리메인'을 있게 한
수준 높은 UI 디자인 노하우를
모두 여러분 것으로 만들어 보세요.
클래스 정보
영상 57회
강의 시간: 한 회차당 약 15분 내외
난이도: 입문
평생 시청
사용 프로그램
- Figma
- Adobe XD
- Photoshop
Sketch로도 수강이 가능합니다.
동영상 정보
온라인 VOD
오디오 : 한국어
자막 : 없음
클래스 혜택
- 강의안 PDF 756장
- 그리드 시스템 시뮬레이터
- CSS 파일 2종
- JS 파일 2종
- 예제 실습 원본 FIG 파일 5종
- Text test XD 파일 1종
클래스 맛보기
리메인 온라인 클래스
1, 2강 전격 공개!
수강생 모두에게 드리는
강의 혜택
-
콜로소 최초 공개 8강 포함!리메인 대표 김준우의
밀도 높은 57강 세션 평생 시청 -
어디에서도 풀지 않았던 핵심 이론
콜로소 수강생 최초 제공PPT만 756장! 리메인 UI 이론 강의안 제공 -
입문자를 위한 퍼블리싱 가이드부터
실습 예제 피그마 원본 파일까지입체적인 학습을 위한 강의 자료 11종 제공
리메인 대표
김준우의 포트폴리오
-
오늘와인한잔 -
윤디자인
-
집반찬 연구소 -
파라다이스
누적 수강생 2만 6천 명!
리메인 수강생의 포트폴리오
-
수강생 A -
수강생 B -
수강생 C
-
수강생 D -
수강생 E -
수강생 F
수강 후기
수많은 수강생이 전해주는
생생한 수강 후기와 합격 소식
리메인 대표 김준우의
클래스가 특별한 이유
실무 경력과 수강생 교육 니즈가
모두 담긴 리메인의 10년 노하우 총정리
2011년부터 매년 40여 개의 프로젝트를
진행한 대표 디자인 에이전시이자,
2013년부터 10년간 교육
아카데미를 운영해 온 리메인!
그 10년 이상의 노하우를
하나의 강의에 모두 담았습니다.
데스크탑/모바일 환경의 주요 특징부터
국내외 사이트별 해상도 차이,
4K 이미지의 용량을 대폭 줄이는 꿀팁까지!
UI 입문자부터 클라이언트까지
모두가 바라는 '진짜' 디자인 스킬을
가득 담아낸 웹 UI 디자인 커리큘럼,
콜로소가 유일합니다.
총 14가지 예제와
쇼핑몰 웹 페이지를 디자인하며
실무 핵심 스킬을 학습해 봅니다
Step 01. 웹 UI 디자인 입문
웹사이트를 제작하기에 앞서 고려해야 하는
해상도와 그리드 시스템에 대해 학습합니다
-
최소 해상도 선정 -
최소 해상도 실습 풀이 -
최소 해상도보다 작은
그리드 시스템 만들기 -
포토샵, 스케치, 피그마, XD로
그리드 시스템 만들기
Step 02. 웹 타이포그래피
브라우저에서 폰트가 출력되는 개념과 사용법을 살펴보고
데스크탑/모바일에서 알맞은 폰트 크기, 자간, 행간,
글자 길이, 줄 바꿈, 색상에 대해 학습합니다
-
데스크탑에 사용하기 좋은
본문 크기 선정 -
모바일에 사용하기 좋은
본문 크기 선정 -
UI 디자인 작업 시 꼭 알아야
할 폰트 최소 사이즈 -
폰트 크기, 자간, 행간
CSS 수치로 바꿔보기
Step 03. 웹 UI 디자인 실무
고밀도 해상도의 개념을 학습하고 이미지 고배율로 작업,
아트보드 세팅, 터치 포인트, 컬러 팔레트를 학습합니다
-
모바일 디자인을 위한
2x 아트보드 세팅 01 (포토샵) -
모바일 디자인을 위한
2x 아트보드 세팅 02 (XD, Sketch, Figma) -
1MB 이하로
4K 이미지 용량 줄이기
-
터치 포인트에 맞는
모바일 헤더 만들기 -
Primary, Secondary
컬러 팔레트 만들기 -
Grayscale
컬러 팔레트 만들기
Step 04. 웹 메인 페이지 디자인
쇼핑몰 메인 페이지를 직접 만들어 보며
버튼, 인풋, 폰트 가이드, 헤더, 배너,
상품 카드 인터페이스, 푸터 등을 만들어 봅니다
-
버튼 / 인풋 / 폰트 가이드 헤더 / 배너 / 상품 카드 / 푸터 -
쇼핑몰 메인 페이지 완성
김준우
리메인 대표
안녕하세요, 웹 에이전시를 운영하는
프로덕트 디자이너 김준우라고 합니다.
저는 UX/UI 디자인으로 시작해서
프론트엔드 개발까지
다양한 실무를 담당하고 있습니다.
업무를 하다 보면 디자인뿐 아니라
개발 이슈를 얼마나 이해하고
대응할 수 있느냐도
굉장히 중요한 자질일 텐데요.
이번 수업을 통해
실무 UI 디자이너가 갖춰야 할
모든 소양을 알려드리고자 합니다.

리메인 대표 김준우
현) 리메인 아카데미 대표
현) 리메인 에이전시 대표
이력 더보기
[참여 프로젝트]
2022.03 ~ : 울쎄라 정품인증 앱 구축
2022.02 ~ : 인플루언서 플랫폼 구축
2022 푸드케어 콘텐츠 기획 및 제작
2022 신한 스퀘어브릿지 리뉴얼
2022 KT 실내환경 플랫폼 구축
2021 오늘와인한잔 딜리버리 애플리케이션 구축
2021 자코모 리클라이너 애플리케이션 구축
2021 세계교육 문화원 메인 웹사이트 구축
2021 월드비전 6K 캠페인 웹사이트 구축
2021 LG 홀맨 IS Back 애플리케이션 구축
2020 백년화편 커머스 리뉴얼
2020 집반찬 연구소 커머스 리뉴얼
2020 파라다이스 호텔 키오스크 구축
2020 요를레이 스튜디오 웹사이트 리뉴얼
2019 T 머니 폰트 웹사이트 구축
2019 초록어린이 재단 폰트 웹사이트 구축
클래스 특징
모두에게 사랑받는 리메인의
웹&모바일 UI 디자인
"왜 이렇게 디자인했을까?" 논리적인 이론과 명확한 기준점을 가지고 UI를 디자인할 수 있도록 도와드립니다. 업계에서 자리 잡은 표준 가이드를 기반으로 해상도, 그리드, 타이포그래피, 아이콘 등 인터페이스를 구성하는 요소를 하나하나 살펴보는 체계적인 이론의 실무 UI 디자인을 시작해 보세요.
총 15가지 실습 예제로
짚어보는 실무 핵심 스킬
해당 강의는 실무에서 사용하는 디자인 가이드를 그대로 가져와 커리큘럼화 했습니다. 15가지의 실무 핵심 스킬을 실습하면서, 사수 없이 실무를 하는 디자이너분들이나 UI 디자인에 입문하고 싶은 분들이 작업하면서 느꼈던 막막함을 해소해 드립니다.
리메인 김준우 대표와 함께
실습하는 웹 디자인
앞서 배운 이론과 지식을 바탕으로 쇼핑몰 메인 페이지를 디자인 해봅니다. 웹의 공통 디자인 요소인 버튼/인풋/폰트 가이드를 만들어 보고, 헤더/배너/상품 카드 인터페이스/푸터 등 레이아웃 요소도 함께 실습해 봅니다.
클래스 구성
이런 것을 배웁니다
-
웹 타이포그래피, 그리드,
배율 디자인의 핵심 개념모바일/데스크탑 등 다양한 디바이스 환경을 고려해 타이포그래피와 그리드, 배율 디자인을 반영하는 방법을 배워봅니다. -
실무를 위한
GUI 컨셉 도출앞서 배운 디자인 개념을 활용해 실무에서 사용할 수 있는 GUI 요소들의 컨셉을 정리합니다. 브랜드 키워드의 컨셉을 비주얼 랭귀지로 표현하는 노하우를 배워봅니다. -
업계 표준 UI 제작법퍼블리싱의 특수성을 이해하고, 올바른 UI를 제작할 수 있는 방법론을 익혀봅니다.
-
모바일/데스크탑 환경을
고려한 고밀도 이미지 제작각 매체의 작업 환경을 고려해 고밀도 해상도의 이미지와 svg파일 제작 스킬을 배워봅니다. -
핵심 실무 노하우: 아이콘,
모바일 터치 포인트, 컬러 가이드아이콘 그리드와 키 라인, 메테리얼 아이콘, 터치 포인트 등을 살펴보고, 이에 맞는 모바일 헤더까지 디자인해 봅니다. UI 컬러 가이드의 필요성과 제작 방법을 학습하고, 컬러 팔레트까지 만들어 봅니다. -
현직 실무자의 작업 프로세스로
배우는 웹 디자인웹 에이전시의 디자이너이자 퍼블리셔로 다수의 프로젝트를 진행해 온 실무 전문가, 김준우 연사와 업계 표준 웹 디자인에 대해 알아봅니다.
* 해당 이미지는 클래스의 이해를 돕기위한 예시 이미지입니다.
- 평생 수강
- 최저가
한번 구매로, 평생 시청하세요.
12.31 (토) 가격이 인상됩니다.
조만간 가격이 인상될 예정입니다.
지금 구매하세요!
커리큘럼
커리큘럼을 보여드려요
인터뷰
리메인 대표 김준우가
전하고 싶은 이야기
평소 작업 시 스스로의 강점은
무엇이라고 생각하시나요?
UI 인터페이스가 왜 이렇게 설계되어야 하는지, 논리적인 이론을 명확하게 설명하는 것이 강점입니다. 단순 비주얼적 표현이 아닌, 실사용자를 고려하여 인터페이스를 작업하기 때문에 보다 효과적인 인터페이스를 제작할 수 있습니다.
이번 강의의 기획 의도와,
해당 강의만의 차별화 포인트는 무엇인가요?
주니어들이 실무에 투입되었을 때 명확한 기준점을 가지고 인터페이스를 디자인할 수 있도록 도와주는 것이 해당 강의의 목표입니다. 다른 온오프라인 강의보다 더욱 체계적인 이론을 느껴볼 수 있을 것입니다.
리메인이 많은 수강생에게 인정받을 수
있었던 이유는 무엇인가요?
비주얼만 치중되어 단순 그래픽 작업을 하는 게 아닌, 명확한 근거와 이론으로 이유 있는 디자인(가이드)을 중요하게 생각하고 진행하기 때문에 많은 수강생 사이에서 입소문이 난 것으로 보고 있습니다. 실무에서 사용되는 가이드 이론을 그대로 커리큘럼화 시켜 학습에 제공하고 있기 때문에, 수강생들이 디자인에 대해 가지고 있던 답답함을 풀어드리고자 합니다.
수강생들이 가장 만족했던 지점은
무엇이었나요?
리메인에서 가장 중요하게 생각하고 수업했던 내용은, '실무에서 실제 업무가 가능한 상태로 만들자'였습니다. 비주얼에만 치중하지 않고, 왜 이렇게 디자인해야 하고, 어떻게 디자인해서 클라이언트를 설득해야 하는지에 대한 이론을 철저하게 분석하여 커리큘럼에 녹여냈는데요. 이 부분에 있어서 수강생들이 가장 만족해했습니다.
사용 프로그램
안내드립니다.
본 강의는 하단의 프로그램들로 진행되며,
원활한 수강을 위해 최신 버전의 해당 프로그램을
별도로 구매 및 설치해주시길 바랍니다.
- Figma
- Adobe XD
- Adobe Photoshop
* Sketch 등과 같은 UI 관련 디자인 툴로도 수강이 가능합니다.
* 프로그램 및 준비물은 별도로 제공하지 않습니다.
추천 클래스
당신이 놓치지 말아야 할
추천 클래스
