UXUI & 브랜드+퍼블리싱 > 오프라인 클래스 | 리메인커리어 | 리메인
오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

UXUI & 브랜드+퍼블리싱 오프라인

평일 오후반

done
  • 4개월 (16주) 과정
  • 월, 수
  • 06.09 ~ 10.01
  • PM 14:00 ~ 17:00

할인종료 04.30

470,000원

총 4회 납부 / 첫달 얼리버드 할인 중

얼리버드 10%

월 423,000원

평일 저녁반

done
  • 4개월 (16주) 과정
  • 월, 수
  • 06.09 ~ 10.01
  • PM 19:30 ~ 22:30

할인종료 04.30

470,000원

총 4회 납부 / 첫달 얼리버드 할인 중

얼리버드 10%

월 423,000원

2021.04
  • 강의
  • 특강
  • 휴강
  • 휴무
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
2021.05
  • 강의
  • 특강
  • 휴강
  • 휴무
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
6 7 8 9 10 11 12
2021.06
  • 강의
  • 특강
  • 휴강
  • 휴무
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
navigate_next
navigate_before
close
오프라인 클래스 결제

로그인 필요

결제기능을 이용하기 위해서는
로그인이 필요합니다.

회원가입 로그인

카드안내

  • 신한카드

    2-6개월 무이자 할부 (5만원 이상)

  • KB국민

    2-6개월 무이자 할부 (5만원 이상)

  • 비씨(페이북)

    2-6개월 무이자 할부 (5만원 이상)

  • 삼성카드

    2-6개월 무이자 할부 (5만원 이상)

  • NH농협

    2-6개월 무이자 할부 (5만원 이상)

  • 현대카드

    2-7개월 무이자 할부 (1만원 이상)

  • 하나카드

    2-6개월 무이자 할부 (5만원 이상)

  • 롯데카드

    2-4개월 무이자 할부 (5만원 이상)

* 무이자 할부는 결제 금액 기준으로 적용됩니다.

[ 유의사항 ]
법인(기업), 체크, 선불, 기프트, 은행계열카드 (BC마크가 없는 NON BC카드 불가)제외
(EX>수협카드 등)
직계약 가맹점, 상점부담 무이자 가맹점, 특별제휴가맹점,오프라인 가맹점, 신규 가맹점 등
일부 제외
본 행사는 카드사 사정에 따라 변경 또는 중단될 수 있음
무이자 할부 결제시 포인트, 마일리지 적립 제외
개인간 안전거래 이니 P2P 서비스 제외
TASF 취급 수수료 거래 하나카드 제외
온라인 PG업종 해당하는 무이자로 이 외 업종은 적용 불가 (제약, 등록금, 도시가스 등)

오프라인 클래스 > UXUI 코스

UXUI & 브랜딩+퍼블리싱

  • 기초부터 포폴까지
  • UI 집중
  • calendar_today 16주 과정
  • face 누구나 수강 가능
  • assignment_turned_in 포트폴리오 1-2개 제작
  • volume_up 60시간 이론
  • highlight_mouse_cursor 매 수업 실습
  • group 매 수업 1:1 피드백

기초부터 포트폴리오 제작까지.

UXUI 브랜딩+퍼블리싱 클래스는 디자인 비전공자도 수강 가능한 16주 오프라인 과정으로,
기초 이론부터 실무 사례, 포트폴리오 제작까지 체계적으로 학습합니다.

UI 디자인에 특화된 실습 중심 수업과 1:1 피드백을 통해 실무 역량을 빠르게 키울 수 있으며,
브랜드 디자인, 퍼블리싱, 디자인 시스템까지 통합적으로 다루어 현장 중심의 포트폴리오를 완성합니다.
현직 에이전시 대표가 직접 강의하며, 실제 프로젝트 기반의 커리큘럼으로 차별화된 교육을 제공합니다.

CORE 결론부터 말하면,
UI 디자인에 특화된
포트폴리오를 만듭니다.

브랜드 디자인, 퍼블리싱, 디자인시스템 지식을 기반으로,
실무 수준의 UI 디자인 포트폴리오를 제작합니다.

주요 수강생 정보

나이 비율

  • 20-25세 30%
  • 25-34세 50%
  • 34세 이상 20%

전공 비율

  • 비전공 50%
  • 유사 전공 30%
  • 전공 20%

디자인 작업 경험 비율

  • 디자인 경험 없음 50% 디자인이 처음이며, UXUI 디자이너 취업을 목표로 수강함.
  • UXUI 실무 경험이 있음 20% 실무 경험자는 1~3년차 비중이 많으며, 이직을 위해 수강함.
  • 유사 디자인 해본적 있음 30% 유사 디자인이란 운영 디자인, 산업, 편집, 브랜딩, 영상, 주얼리, 패션 등을 의미하며
    UXUI 디자인은 처음 다루어 본 수강생이 대부분이며 신입 취업을 목표로 수강함.

기초부터
포트폴리오까지.

PART 01 기초, 필수 이론 학습

  • STEP 01 기초 이론
  • STEP 02 실무 필수 이론

PART 02 실무 사례 학습

  • STEP 03 실무 사례 학습

PART 03 프로젝트 및 포트폴리오 제작

  • STEP 04 프로젝트 제작
  • STEP 05 포트폴리오 제작

UI 디자인, 브랜드 디자인, 퍼블리싱, 디자인시스템을
하나의 클래스에서 완벽히 배울 수 있습니다.

REVIEW 거짓없는 카톡 후기부터
블로그 후기까지!
다양한 후기를 확인해보세요.

블로그 후기

  • 비전공자의 웹디자인 4개월 고군분투 수강 후기

    이 리메인커리어 UIUX 웹디자인 학원 수업의 강점은 후기에도 많지만 강사님이 수업을 진짜…잘 하신다. 사실 UIUX 수업 내내 10년 넘게 강의하셨다고 말 하셨지만 자신감 가지실 만하다. 대학교에서 강의하셨으면 수강신청 3분 컷으로 인기 강의가 될 수 있었을 것이다.

    NAVER NAVER BLOG

    open_in_new

  • UIUX디자인학원 리메인 수강 후기

    우선 이 글을 작성하는 이유는 블로그 후기들이 학원 선택할 때 도움이 많이 되기도 했고 비전공자의 후기는 많지만, 전공자의 후기는 별로 없는 것 같아서! 빅데이터를 위해 작성하고자 한다 (디미디 전 공)그리고 취준 기록용으로 블로그를 활용할 예정이라 기록하고 싶은 마음도 있다. 진심 내돈내산..

    NAVER NAVER BLOG

    open_in_new

  • UXUI/GUI/퍼블리싱 포폴반 수강후기

    해상도랑 그리드, 이미지 쓰는법, 모바일 레이아웃 같은 이론은 정말 거의 처음인듯. 거기에 인터넷에서 주워들은 짤막한 해상도개념 마저도 새롭게 배우니까 이해도 잘되고 ‘아, 이때 들은 말이 이뜻이구나~’싶은게 진짜 학원 안다녔으면 큰일날뻔 한것 같아요

    NAVER NAVER BLOG

    open_in_new

  • UIUX 디자인 학원 4개월 후기

    디자인을 해간다고 끝이 아니죠? 저의 아주 작고,보잘것 없는.. 디자인을 매번 1:1로 크리틱을 봐주십니다. 만약 고민하는 부분이 계속 해결되지 않으면, 주말에라도 연락을 해서 컨펌을 받으라고 하시거든요! 사실 수강생 입장에서는 끔찍..한일이지만 조금만 더 생각해보면 정말 대단한 일이잖아요.

    NAVER NAVER BLOG

    open_in_new

  • 합정 UIUX 4개월 과정 내돈내산 후기

    일단 첫날 수업을 들어가자마자 OT를 진행하고, 어떤 방향으로 나갈지 설명해주신다. 수업참가자들은 비전공자도 많고 평균연령대는 20대 후반이었다. 물론 나도 20대 후반!!!​ 디자인과를 나와 디자인회사를 다닌지 꽤 됐지만 이쁘게만 보이려 디자인하기 급급했고,이론을 제대로 안적이 없었던것같았다.

    NAVER NAVER BLOG

    open_in_new

  • UXU디자인학원 리메인 비전공자 강의 후기

    안녕하세요! 저는 어정쩡한 30대 초반 비전공자 여성이에요! 먼저, 현재 저는 리메인에서 2달째 포트폴리오 과정을 듣고있고, 모두 내돈내산입니다! 왜 어정쩡하냐랴고 말씀드리자면 저는 사실 디자인전공을 한건 맞지만 인테리어 전공자거든요. 인테리어 관련 회사에서 3년간 재직 후 미래가 보이지 않아 퇴사 하게 되었어요.

    NAVER NAVER BLOG

    open_in_new

ABOUT 아카데미를 운영하는
디지털 에이전시,
리메인레이어를 소개 합니다.

리메인레이어는 디지털 프로덕트와 브랜드 디자인을 전문으로 제작하는
풀 서비스 에이전시로, 2011년부터 현재까지 약 100개 이상의 프로젝트를
성공적으로 수행하며 다양한 산업 군과 기업의 디지털 전환을 협력해왔습니다.

리메인레이어 보기

디지털 에이전시가
아카데미를 운영하는 방식.

리메인커리어는 단순한 학원이 아닙니다.
우리는 디지털 에이전시를 직접 운영하는 실무 전문가 그룹입니다.

현업에서 진행한 대규모 프로젝트의 실제 사례를 기반으로,
실무에 바로 적용할 수 있는 교육을 제공합니다.

실무 프로젝트 완료 시, 커리큘럼에 반영하여
어디서도 경험할 수 없는 차별화된 커리큘럼을 제공합니다.

일반 학원이나 개인 실무자가 제공할 수 없는
“높은 수준의 실무 정보”를 에이전시에서 제공합니다.

Junu Kim

김준우 강사

안녕하세요.
(주)리메인 대표, 김준우입니다.

저는 디지털 에이전시 “리메인레이어”를 운영하는 대표이자
크리에이티브 아카데미 “리메인커리어”에서 강사로 활동하고 있습니다.

현직에서 활동하는 있는 장점을 살려 필드에서 원하는 포트폴리오가 무엇인지
알려드리고 목표하는 회사에 합격할 수 있도록 도와드리겠습니다.

대표 이력

  • · 현) ‘리메인커리어' 대표
  • · 현) ‘리메인레이어' 대표
  • · 홍익대학교 디자인과 학사

대표 프로젝트

  • · 이스타항공 UXUI 개편
  • · 파라타항공 브랜드 사이트 구축
  • · 현대자동차 EV 글로벌 UXUI 개편
  • · 기타 다수 진행

강사 대표 프로젝트

PROBLEM 기존 교육의
문제점를 짚고
해결 방안을 제시합니다.

클래스의 핵심 내용을 상세히 확인해 보세요

  • 이론이 빈약한 학원

    대부분의 학원은 개인 자습 형태로 수업이
    진행되기 때문에, 이론을 개별 학습자에게
    몇 시간씩 할애하기 어려운 구조를 지닙니다.

    기수제 도입으로 UI 직무에 꼭
    필요한 64시간의 필수 이론 학습.

  • 실무자 출신 강사

    대기업이나 유명 기업 출신이라도, 대부분의
    프로젝트는 조직 단위로 진행되기 때문에
    개인이 기여할 수 있는 범위는 한계가 있습니다.

    프로젝트의 전 과정을 에이전시
    권한으로 커리큘럼 제공.

  • 인강으로 공부

    결과물에 대한 피드백 없이 일방적인 수업으로
    진행되다 보니, 프로젝트가 올바른 방향으로
    진행되고 있는지 확인하기 어렵습니다.

    오프라인에서 에이전시 대표에게
    1:1 맞춤 피드백 제공.

에이전시의 권한과 리소스를 활용하여,
개인 실무자가 제공할 수 없는, 실무 이론을 제공합니다.

UI 디자인, 브랜드 디자인, 퍼블리싱,
디자인시스템을 하나의 클래스에서
완벽히 배울 수 있습니다.

  • * 이론 비중표
  • * 퀄리티 높은 UI 디자인을 제작하기 위해 브랜드 디자인, 퍼블리싱, 디자인시스템을 배웁니다.

USER INTERFACE 일반 학원에서는 배울 수 없는,
실무 수준의 UI 디자인을 배웁니다.

  • 실무에서는 여러 디자이너와 협업하기 위해
    업계 표준 지식을 필수로 갖춰야 합니다.

  • 실무 필수 이론인 디바이스 구조, 그리드시스템,
    타이포그래피, 아이콘 등을 체계적으로 학습합니다.

디바이스 구조부터
인터페이스 이론과
계층 구조 배치까지.

실무에서 요구되는 필수 이론을
깊이 있게 학습합니다.

01 모바일, 태블릿, 데스크탑 등 각 디바이스별
프레임 구조를 효과적으로 설계하는 방법을 학습합니다.

02 해상도, 그리드시스템, 타이포그래피, 아이콘 등
UI 디자인의 핵심 이론을 체계적으로 배웁니다.

03 정보의 우선순위를 명확하게 전달할 수 있도록
계층 구조 개념을 활용한 배치 원리를 익힙니다.

UI 디자인,
실제 프로젝트에 적용된
사례로 배웁니다.

패션 플랫폼부터 대기업 커머스까지
대규모 UI 디자인 사례로 학습합니다.

  • 글로벌 프로젝트로 알아보는
    디바이스별 구조 설계방법

    모바일, 태블릿, 데스크탑의 분기점을
    어떻게 정의하는지 배웁니다.

    # CASE 01

  • 스킨케어 커머스 사례로 알아보는
    디바이스별 레이아웃 구조

    디바이스별 레이아웃을 일관성 있게
    구성하는 방법을 학습합니다.

    # CASE 02

  • 친환경 플랫폼 프로젝트로 이해하는
    컬러, 타이포, 아이콘 등 적용 사례

    디자인을 구성하는 핵심 요소가
    어떻게 적용되었는지 알아봅니다.

    # CASE 03

  • 커머스 제작 사례를 통해 배우는
    우선순위 높은 콘텐츠 배치 방법

    정보의 우선순위 개념을 이해하고
    콘텐츠 배치 전략을 익힙니다.

    # CASE 04

BRAND DESIGN 브랜드 디자인 학습으로,
UI에 강력한 브랜드 이미지
제작 방법을 배웁니다.

  • As-is

    브랜드 디자인이 적용되지 않은 작업물

    브랜드의 정체성을 알기 어려운 디자인.

  • To-Be

    브랜드 디자인이 적용된 작업물

    브랜드의 정체성을 강력하게 나타내는 디자인.

UI 디자이너에게
브랜드 디자인 공부는
선택이 아닌 필수.

브랜드 디자인이란

브랜드의 정체성을 시각적으로 구축하는 데 중점을 두며,
사용자에게 일관되고 강렬한 이미지를 전달하는 것을 목표로 합니다.

01 브랜드 아이덴티티를 새로운
시각적 관점에서 재해석하는 방법을 배웁니다.

02 브랜드의 강렬한 이미지를 심어주기 위한
그래픽모티브 제작 방법을 배웁니다.

03 그래픽모티브를 UI 디자인에
어떻게 적용하는지를 배웁니다.

브랜드 디자인
실제 프로젝트에 적용된
사례로 배웁니다.

UI 디자인이 브랜드다움을 갖추도록 브랜드 디자인을
해석하고,디자인 콘셉트를 제안하는 방법을 배웁니다.

  • 디테일러 매칭 앱 사례로 배우는
    브랜드 디자인 제안 방법

    비즈니스 모델을 분석하여 경쟁력 있는 브랜드
    디자인 콘셉트를 제안한 사례를 배웁니다.

    # CASE 01

  • 패션 플랫폼 사례로 알아보는
    UI 디자인 콘셉트 제안 방법

    기존 브랜드 아이덴티티를 해석하여
    UI 디자인에 적용한 사례를 배웁니다.

    # CASE 02

  • 항공사 프로젝트로 배우는
    UI 디자인 문제 진단 방법

    기존 디자인 요소의 문제점을 진단하고,
    사용성 높은 디자인을 제안한 사례를 배웁니다.

    # CASE 03

  • 커머스 제작 사례로 알아보는
    그래픽모티브 제작 방법

    브랜드의 강렬한 이미지를 심어주기 위해,
    그래픽모티브를 제작한 사례를 배웁니다.

    # CASE 04

PUBLISHING 퍼블리싱을 배우고,
인터페이스 구조를
개발 관점에서 이해합니다.

  • 인터페이스는 퍼블리싱 지식을 기반으로 설계 됩니다.

  • 퍼블리싱을 배우고, 인터페이스가 어떻게 제작되는지 배웁니다.

퍼블리싱을 기반으로
인터페이스 구조부터
반응형까지 학습.

인터페이스와 반응형 구조는
퍼블리싱 기반으로 설명되야 합니다.

01 퍼블리싱 언어인 HTML, CSS를
디자이너 시선에서 학습 합니다.

02 인터페이스 구조를
이해할 수 있는 이론을 배웁니다.

03 모바일부터 데스크탑까지
반응형 구조를 학습 합니다.

현업에서 사용하는
인터페이스 구조부터 반응형까지
실무 사례 중심 학습.

퍼블리싱을 기반으로 한 인터페이스 및
반응형 구조 설계 기법을 배웁니다.

  • 반복되는 레이아웃과 인터페이스
    구조 개발 방법을 학습니다.

    디자인에서 반복 요소를 효율적으로
    처리하는 방식과 주의할 점을 학습합니다.

    # CASE 01

  • 공통 UI 요소(버튼, 인풋, 라벨 등)의
    코드 관리 방법을 이해합니다.

    코드로 구현되는 공통 컴포넌트 개발 방법을
    이해하고, 디자인 고려 사항을 익힙니다.

    # CASE 02

  • NFT 프로젝트 사례를 통한
    반응형 레이아웃 구조 학습

    모바일부터 데스크톱까지 대응하는
    반응형 설계 방식과 적용법을 배웁니다.

    # CASE 03

  • 뷰티 브랜드 사례로 보는
    반응형 리소스 활용법

    타이포그래피, 영상 등 다양한 리소스를
    활용한 반응형 제작 기법을 익힙니다.

    # CASE 04

DESIGNSYSTEM UI 디자인 필수요소,
디자인시스템을 배웁니다.

  • 디자인시스템이 필요한 이유.

    실무에서는 수 많은 페이지를 제작합니다.
    따라서 디자인시스템을 필수로 사용해야 합니다.

  • 실무에서 사용하는 디자인시스템을 배웁니다.

    수 많은 페이지에 일관성 있는 UI를 적용하기 위한
    디자인시스템 이론과 구현 방법을 배웁니다.

디자인시스템,
실무 이론부터
피그마 구현까지.

쉽게 접할 수 없는, 실무 디자인시스템으로
커리큘럼이 구성되어 있습니다.

01 디자인시스템 제작을 위한
필수 이론을 학습 합니다.

02 이론을 기반하여
컴포넌트 제작 방법을 배웁니다.

03 피그마로 디자인시스템을
구현하는 방법을 배웁니다.

실제 프로젝트에 적용된
디자인시스템 사례를 보고
실무스킬을 배웁니다.

일관된 디자인 적용을 위해
디자인시스템을 어떻게 제작하는지 배웁니다.

  • 게임사 웹사이트 사례로 배우는
    디자인시스템 아키텍처 제작 방법

    디자인시스템의 전체구조를 어떻게
    설계하는지 아키텍쳐 제작방법을 배웁니다.

    # CASE 01

  • 패션 플랫폼 제작 사례로 알아보는
    콤포넌트 제작 방법

    아키텍처 기반으로 콤포넌트 제작법을 배우고
    각 페이지 어떻게 적용되는지 익힙니다.

    # CASE 02

  • 실무 사례로 배우는 피그마로
    디자인시스템 관리하는 방법

    피그마에서 콤포넌트를 등록하고
    적용하는 방법을 배웁니다.

    # CASE 03

  • 디자인시스템을
    코딩으로 구현한 개발 사례

    콤포넌트가 개발로 어떻게 구현되는지
    제작사례를 익힙니다.

    # CASE 04

CONCLUSION 브랜드 디자인, 퍼블리싱, 디자인시스템
학습을 통해 실무 수준의
UI 디자인을 제작할 수 있습니다.

일반 학원에서는 배울 수 없는
실무 커리큘럼을 제공 합니다.

PROBLEM 면접에서 탈락하는
포트폴리오의 대표적 문제들.

As-is 탈락하는 포트폴리오의 대표적 문제들

To-Be 어떻게 해결해야 할까?

탈락 포트폴리오 이유를 분석하고
경쟁력 있는 포트폴리오 제작합니다.

PROCESS 강의 과정을
확인해 보세요.

PART 01 이론과 실습 파트

  • 기초 및 필수 이론

    실무에서 사용되는
    기초 및 필수 이론 학습.

  • 실습

    실습 과정을 통해
    이론 학습 강화.

PART 02 실무 사례 파트

  • 실무 사례

    실제 프로젝트의 실무 사례를 통해
    UXUI 학습.

PART 03 프로젝트와 포트폴리오 파트

  • 프로젝트

    포트폴리오 제작을 목표로 한
    실제 프로젝트 진행.

  • 1:1 피드백

    프로젝트 작업에 대한
    개별 피드백 제공.

  • 포트폴리오

    완성도 높은
    포트폴리오 제작.

  • 모의면접 프리젠테이션

    면접을 대비한 모의
    프레젠테이션 진행.

ROADMAP UI 디자인, 브랜드 디자인,
퍼블리싱, 디지인시스템을
체계적으로 배울 수 있습니다.

  • PART 01 UI 디자인

    해상도, 그리드시스템, 타이포그래피, 아이콘, 레이아웃, 터치포인트 등
    UI 디자인의 핵심 요소를 공부 합니다.

  • PART 02 브랜드 디자인

    브랜드 아이덴티티의 개념을 이해하고, 이를 UI 디자인에 적용하여
    브랜드 디자인을 효과적으로 구현하는 방법을 배웁니다.

  • PART 03 퍼블리싱

    서비스의 사용성 문제를 발견하고 해결하는 방법을 학습합니다. 유저 관점에서의
    사용성을 이해하고, 이를 UI 디자인에 적용하는 방식에 대해 공부합니다.

  • PART 04 디자인시스템

    UI 디자인을 체계적으로 관리하는 디자인 시스템의 개념과 구축 방법을 배우고,
    이를 피그마에서 구현하고 적용하는 실습을 진행합니다.

  • PART 05 포트폴리오

    브랜드 디자인과 UX 원칙을 기반으로 실무 수준의 UI 디자인을 제작하고,
    이를 포트폴리오로 구성합니다.

웹 프로페셔널

커리큘럼

챕터 01

웹 아이덴티티와 색상개발

이론과 실습

  • check_circle

    아이덴티티로 시작하기

  • check_circle

    가이드 개념과 필요성

  • check_circle

    색상개발 방법론

  • check_circle

    웹 구조의 이해와 UI 종류 알아보기

  • check_circle

    포토샵 웹용으로 셋팅 바꾸기

  • check_circle

    과제 소개

챕터 02

해상도와 그리드 개념

이론과 실습

  • check_circle

    해상도 개념과 이해

  • check_circle

    해상도와 그리드의 상관관계

  • check_circle

    그리드 시스템의 이해와 제작방법

  • check_circle

    그리드 시스템 제작 및 적용

챕터 03

웹 타이포그래피

이론과 실습

  • check_circle

    서체 출력의 종류와 이해 (시스템폰트, 이미지폰트, 웹폰트)

  • check_circle

    서체 단위의 개념 (고정단위와 상대단위 ex : px ,pt, em, rem)

  • check_circle

    서체 크기의 이해

  • check_circle

    포토샵 안티앨리어싱의 이해

  • check_circle

    자간과 행간의 이해와 사용법

  • check_circle

    웹 타이포그래피 실습

챕터 04

디자인 오브젝트의 이해

이론과 실습

  • check_circle

    디자인 오브젝트 요소의 이해

  • check_circle

    주제와 부주제, 그룹화 요소의 개념

  • check_circle

    구조에 의한 디자인 제작하기

  • check_circle

    여백의 개념과 활용

  • check_circle

    디자인 오브젝트 수정

챕터 05

비율 시스템

이론과 실습

  • check_circle

    산업에서 사용되는 박스 비율 알아보기

  • check_circle

    비율 계산법과 적용법

  • check_circle

    3등분의 법칙을 이용한 이미지 레이아웃

  • check_circle

    박스모델 비율 적용

  • check_circle

    이미지에 3등분 법칙 적용

  • check_circle

    박스와 이미지 비율 가이드 제작

  • check_circle

    프로젝트 컨펌

챕터 06

UI 디자인 트레이닝

이론과 실습

  • check_circle

    타이포그래피 트레이닝

  • check_circle

    UI 디자인 트레이닝

챕터 07

PC, MOBILE 웹 레이아웃

이론과 실습

  • check_circle

    아이트래킹 자료를 활용한 PC 레이아웃 분석

  • check_circle

    F 레이아웃과 Z 레이아웃의 이해

  • check_circle

    레이아웃 종류 소개 (metro, masonry 등)

  • check_circle

    스크롤 이벤트와 패럴렉스 레이아웃 소개

  • check_circle

    가변크기와 고정크기의 이해

  • check_circle

    미디어쿼리에 의한 레이아웃 변화 알아보기

  • check_circle

    hover 디자인 대응하기

  • check_circle

    디바이스별 해상도 이해하기

  • check_circle

    레이아웃 재배열

  • check_circle

    프로젝트 컨펌

챕터 08

고밀도 해상도

이론과 실습

  • check_circle

    고밀도 해상도 (레티나 디스플레이)개요

  • check_circle

    논리픽셀과 물리픽셀 개념

  • check_circle

    배율 디자인 개념과 이해

  • check_circle

    x2, x3, x4 배율 디자인 제작방법

  • check_circle

    스케치 프로그램과 adobe XD 소개

  • check_circle

    프로젝트 컨펌

챕터 09

반응형을 위한 UI

이론과 실습

  • check_circle

    웹과 모바일 UI 차이점 알아보기

  • check_circle

    normal, hover, focus 개념 잡기

  • check_circle

    마이크로 인터랙션 UI 소개

  • check_circle

    Mobile First 디자인으로 시작하기

  • check_circle

    프로젝트 컨펌

챕터 10

프로젝트 중간점검

이론과 실습

  • check_circle

    프로젝트 중간점검 및 컨펌

챕터 11

이미지 파일과 svg 파일

이론과 실습

  • check_circle

    bitmap 개념과 vector 개념

  • check_circle

    png, jpg, gif 그리고 svg 소개

  • check_circle

    svg 아이콘 만들기

  • check_circle

    트래픽 개념과 속도 이슈의 중요성

  • check_circle

    고밀도해상도 이미지 용량 줄이기

  • check_circle

    HTTP 요청횟수를 줄이기 위한 Sprites 기법소개

  • check_circle

    이미지 용량 줄이기

  • check_circle

    Sprites 이미지 만들기

  • check_circle

    프로젝트 컨펌

챕터 12

이미지 슬라이스와 가이드라인 제작

이론과 실습

  • check_circle

    디자이너와 퍼블리셔의 업무협업

  • check_circle

    이미지 슬라이스의 이해

  • check_circle

    가이드라인 개념과 제작방법

  • check_circle

    이미지 슬라이스

  • check_circle

    가이드라인 제작

  • check_circle

    프로젝트 컨펌

챕터 13

UI KIT과 스타일 가이드의 중요성

이론과 실습

  • check_circle

    디자인에서 바라보는 UI KIT의 효율성

  • check_circle

    프론트 엔드에서 바라보는 UI KIT의 중요성

  • check_circle

    UI KIT 정리하기

  • check_circle

    프로젝트 컨펌

챕터 14

디자인 마무리

이론과 실습

  • check_circle

    디자인 최종 컨펌

  • check_circle

    수강생별 작품 소개

챕터 15

HTML 기초

이론과 실습

  • check_circle

    HTML의 개념 이해하기

  • check_circle

    HTML 기초문법 알아보기

  • check_circle

    HTML5와 시멘틱 웹이란?

  • check_circle

    제목태그, 단락태그, 목록태그 사용법

  • check_circle

    section, aside 태그 사용법

챕터 16

HTML+CSS 기초

이론과 실습

  • check_circle

    속성 개념 이해하기

  • check_circle

    이미지태그 사용법

  • check_circle

    앵커태그 사용법

  • check_circle

    CSS의 개념이해

  • check_circle

    CSS 외부파일 생성과 연결

  • check_circle

    CSS 기초문법

  • check_circle

    서체색상, 서체크기, 서체지정 다루기

  • check_circle

    서체두께, 자간, 행간 다루기

챕터 17

CSS 기초

이론과 실습

  • check_circle

    박스모델의 이해

  • check_circle

    클래스 사용법

  • check_circle

    CSS 우선순의 이해

  • check_circle

    CSS 초기화

챕터 18

CSS 기초

이론과 실습

  • check_circle

    가상 클래스와 가상요소

  • check_circle

    display 속성의 이해와 응용

  • check_circle

    float와 float 해제의 이해

  • check_circle

    float를 이용한 다단 레이아웃

챕터 19

CSS 기초

이론과 실습

  • check_circle

    block 요소 중앙정렬 소개

  • check_circle

    inline 요소 중앙정렬 소개

  • check_circle

    배경 이미지 사용법

  • check_circle

    position의 이해

  • check_circle

    position 응용

챕터 20

그리드 CSS 기법소개 #1

이론과 실습

  • check_circle

    그리드 CSS의 이해

  • check_circle

    컬럼 시스템의 사용법

  • check_circle

    그리드 컬럼 시스템 제작

  • check_circle

    가로 구조형 레이아웃 잡기

  • check_circle

    코딩 프로젝트 컨펌

챕터 21

그리드 CSS 기법소개 #2

이론과 실습

  • check_circle

    그리드 CSS의 보충설명

  • check_circle

    컬럼 시스템 보충설명

  • check_circle

    그리드 컬럼 시스템 제작

  • check_circle

    세로 구조형 레이아웃 잡기

  • check_circle

    코딩 프로젝트 컨펌

챕터 22

모바일을 위한 미디어쿼리

이론과 실습

  • check_circle

    미디어쿼리 문법의 이해

  • check_circle

    미디어쿼리 CSS 우선순위의 개념

  • check_circle

    viewport의 이해

  • check_circle

    물리픽셀과 논리픽셀 보충설명

  • check_circle

    모바일 헤더와 PC 헤더의 이해

  • check_circle

    코딩 프로젝트 컨펌

챕터 23

수직 중앙정렬 기법

이론과 실습

  • check_circle

    vertical-align의 이해

  • check_circle

    테이블 태그의 사용법

  • check_circle

    수직의 중앙정렬 기법 소개

  • check_circle

    overflow의 이해와 활용

  • check_circle

    form 태그 사용법

  • check_circle

    input,button 소개와 초기화 세팅

  • check_circle

    코딩 프로젝트 컨펌

챕터 24

inline-block, absolute 중앙정렬 기법

이론과 실습

  • check_circle

    inline-block 중앙정렬 기법

  • check_circle

    absolute 수직,수평 중앙정렬 기법

  • check_circle

    transition과 transform 사용법

  • check_circle

    browser support 개념과 can i use 사이트

  • check_circle

    코딩 프로젝트 컨펌

챕터 25

호버디자인 기법소개

이론과 실습

  • check_circle

    opacity와 display none의 차이

  • check_circle

    transition으로 애니메이션 효과 구현하기

  • check_circle

    hover 디자인 구현

  • check_circle

    드롭다운 메뉴 구현

  • check_circle

    코딩 프로젝트 컨펌

챕터 26

video 출력 기법

이론과 실습

  • check_circle

    youtube, vimeo embed 이해하기

  • check_circle

    video 태그와 source 태그의 이해

  • check_circle

    background video 제작하기

  • check_circle

    포트폴리오 제작을 위한 판형 선택

  • check_circle

    포트폴리오 필수 내용 소개

  • check_circle

    코딩 프로젝트 컨펌

챕터 27

full background 기법

이론과 실습

  • check_circle

    full background image 구현하기

  • check_circle

    full background video 구현하기

  • check_circle

    one page 사이트를 위한 구조 잡기

  • check_circle

    포트폴리오를 위한 3D 목업 제작

  • check_circle

    코딩 프로젝트 컨펌

챕터 28

웹 호스팅과 도메인 개념

이론과 실습

  • check_circle

    웹 호스팅과 도메인의 개념

  • check_circle

    FTP 개념과 사용법

  • check_circle

    웹 호스팅 개통하기

  • check_circle

    ID를 이용한 헤시체인지 기법

  • check_circle

    코딩 프로젝트 컨펌

챕터 29

웹 폰트와 웹 아이콘

이론과 실습

  • check_circle

    웹 폰트와 웹 아이콘 개념

  • check_circle

    웹 폰트, 웹 아이콘 출력하기

  • check_circle

    HTTP 요청의 이해

  • check_circle

    CSS 스트라이프 기법 소개

  • check_circle

    코딩 프로젝트 컨펌

챕터 30

검색엔진 최적화를 위한 세팅

이론과 실습

  • check_circle

    구글과 네이버 검색엔진 최적화의 이해

  • check_circle

    제목 태그와 시멘틱 태그 정리하기

  • check_circle

    title 태그의 중요성

  • check_circle

    meta 태그의 종류와 활용성

  • check_circle

    alt 속성을 올바른 사용법 (접근성)

  • check_circle

    seo 스팸 판별 기준 알아보기

  • check_circle

    코딩 프로젝트 컨펌

챕터 31

jQuery & JavaScript 개념

이론과 실습

  • check_circle

    jQuery & JavaScript의 개념

  • check_circle

    언어의 역할 업무 알아보기

  • check_circle

    코딩 프로젝트 컨펌

챕터 32

프로젝트 마무리

이론과 실습

  • check_circle

    포트폴리오 최종 점검

  • check_circle

    종강

초심자도 뒤쳐지지 않도록
과제와 피드백은
개인별 맞춤으로 제공.

개인 맞춤 과제와 피드백은
비전공자, 유사 전공자, 전공자
모두를 만족 시킵니다.

과제는
개인 레벨에 맞게 제공 됩니다.

과제 피드백은
1:1 대면으로 상세히 진행 됩니다.

피드백 내용은
개인 수강일지에 상세히 기록되고 관리 됩니다.

수업 시간 외, 질문이 생기면
언제든 강사와 소통할 수 있습니다.

리메인커리어 출신들은
대기업, 중견기업, 에이전시, 스타트업 등
다양한 분야로 진출하고 있습니다.

BENEFIT 어떤 학원에서도
 제공하지 않는 독보적인 혜택.

  • 오프라인 이론을
    VOD로 제공.

    이론을 완전히 이해할 때까지
    무제한 반복 시청할 수 있습니다.

  • 모든 학원 중 유일한
    에이전시 대표 직강.

    실무자 출신이 아닌, 현직 에이전시
    대표가 강의를 진행 합니다.

  • 에이전시가 제공하는
    실무 문서 열람.

    개인 실무자가 제공할 수 없는 에이전시의 권한으로
    제공하는 실무 문서로 공부할 수 있습니다.

독보적인 혜택 외
넘쳐나는 다양한 혜택들.

  • 유명 기업에 합격한
    포트폴리오 열람.

    유명 기업에 합격한 포트폴리오는
    무엇이 다른지, 확인해 볼 수 있습니다.

  • 수료생 1,200명 넘게 모여 있는
    오픈채팅방 제공.

    수료생에서 실무자가된 분들과
    다양한 소통을할 수 있습니다.

  • 실무에서 바로 사용할 수 있는
    실무 템플릿 제공

    수업에서 활용되는 모든 문서를
    템플릿으로 받아볼 수 있습니다.

  • 유튜브를 통해 지속적인
    지식 전달.

    최신 트랜드를 지속적으로
    접할 수 있습니다.

에이전시가 운영하는
실무 아카데미에서 첫 커리어를 시작해 보세요