오픈신청이 완료 되었습니다.

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

Web
Professional
Class

CREATOR. KimJunu

웹 프로페셔널

460,000 4개월 과정

일정
일정

필독 공지사항


코로나바이러스감염증-19 단계별 대응 방침 안내


안녕하세요. 리메인입니다.
현재 코로나 바이러스 감염증 19발생과 관련하여 아래와 같은 대응 방안을 시행 중에 있습니다.



단계별 대응 방침 안내


1단계 정상운영 및 방역 강화
2단계 정상운영 및 방역 강화
3단계 원격수업으로 전환

- 2단계에서 3단계로 상향시 원격수업 공지 문자가 전달 됩니다.
- 3단계에서 2단계로 하향시 오프라인 수업 공지 문자가 전달 됩니다.
* 문자공지는 클래스를 결제한 수강생분들에 한합니다.



출입에 대한 방역 수칙


1. QR 전자출입명부 작성
2. 출입시 발열 체크
3. 전 강의장 및 공간에 대한 소독 진행 (매일 오전 10:00, 오후 18:00, 저녁 23:00)
4. 강의장, 로비, 사무실 손 소독제 비치
발열 또는 호흡기(기침, 인후통, 근육통 등)등 몸이 아프면 출석하지 않습니다.
* 결석으로 인한 수업진도는 02-6080-8623으로 문의 주시기 바랍니다.



수업에 대한 방역 수칙


1. 수업시간내 전 강사 KF94 마스크 의무 착용
2. 수업시간내 전 수강생 마스크 의무 착용
3. 리메인 직원 마스크 의무 착용


리메인에서는 코로나바이러스감염증-19 의심환자 발생 시 즉시 대응할 수 있도록 운영하고 있으며,
수강생 여러분의 안전한 학습 환경 조성과 건강을 위해 최선을 다하겠습니다.

감사합니다.

웹 디자인과 퍼블리싱을 학습해
실제 구현되는 웹 포트폴리오를 만드는 클래스입니다

웹 디자인 제작을 위해 필요한 이론과 실습을 학습하며, 디자인을 구현할 수 있는 HTML&CSS 과정까지 진행합니다. 두 과정을 마스터할 수 있는 심화 학습을 하면서, 웹 디자이너는 코딩의 이해도를 퍼블리셔는 디자인의 이해도를 높여 업무간의 지식 편차를 줄일 수 있습니다. 수업의 이해도를 극대화하기 위해 매 주차마다 미션을 드리고 있습니다.

4개월간 3-4개의
포트폴리오를 만들어 볼 거에요

  • #1 이커머스 프로젝트

    결제기반의 커머스 프로젝트를 경험해봄으로써 커머스 프로젝트의 성격을 반영한 디자인을 구현할 수 있습니다.

  • #2 온라인 서비스 프로젝트

    예약, 발급 기능을 다루는 온라인 서비스 형태의 프로젝트를 진행하며, 서비스 UI에 대한 성격을 이해합니다.

  • #3 대시보드 프로젝트

    유저들이 아닌 관리자를 위한 대시보드 디자인을 배우고, Form 요소가 많은 UI를 제작할 수 있습니다.

  • #4 개인별 프로젝트 또는 포트폴리오 제작

    앞서 진행된 프로젝트를 재구성하여 웹 서버에 올릴 수 있는 포트폴리오로 제작합니다

navigate_before
navigate_next

우리는 이런걸 배워요

  • 웹 타이포, 그리드, 반응형, 배율디자인 등의 핵심 개념

    데스크탑/모바일 등 다양한 디바이스 환경을 고려해 타이포, 그리드, 반응형, 배율디자인 등에 이를 반영하는 방법을 배웁니다

  • 업계 표준 UI 제작법

    실무에서 바로 활용될 수 있는 현실적인 업계 표준 UI 디자인 방법에 대해 학습합니다.

  • 실무를 위한 스타일가이드 및 컴포넌트 제작 방법

    앞서 배운 디자인 개념을 활용해 실제 작업에서 사용할 수 있는 디자인 시스템을 구축합니다. 스타일 가이드 제작방법부터 작업한 컴포넌트를 관리하는 방법까지 배울 수 있습니다

  • UI 구축을 위한 HTML,CSS의 심도있는 설명

    디자인 파일을 실제 구현할 수 있는 HTML,CSS 코드로 제작할 수 있도록, 가장 필요한 퍼블리싱 개념을 배웁니다. 코딩 가능한 UI 디자인이라는, 개발 기반의 디자인 사고 방식을 기릅니다

  • 디자인 한 UI 결과물을 HTML,CSS로 구현하기

    웹 브라우저에서 디자인 한 UI 결과물을 보여줄 수 있는 실전 코딩 방법을 배웁니다. 강사의 지도 하에 업계 표준 코드 작성법을 배울 수 있습니다

  • 컴포넌트 제작을 위한 CSS Framework

    대표적인 CSS Framework인 Bootstrap이나 purecss를 사용하지 않고, 수강생이 직접 Framework를 제작해 웹 코드에 응용하는 방법을 배웁니다.

  • 진행한 프로젝트를 웹 서버에 업로드하는 방법

    웹 호스팅과 FTP 개념을 학습하고 직접 개통하는 방법을 배웁니다. 개통한 서버에 접속하여 코드를 관리할 수 있습니다.

navigate_before
navigate_next

우리는 이렇게 달라져요

심미적인 디자인을 하는 것에 그치지 않고,
필드에서 적용 가능한 UI 디자인을 고려할 수 있게 됩니다.

  • 실무 기반의 프로세스로 UI 디자인 포트폴리오를 제작할 수 있습니다.
  • 실제 코드로 개발 가능한 UI 디자인을 설계할 수 있습니다
  • 디자인한 작업물을 HTML,CSS 코드로 구현할 수 있습니다
navigate_before
navigate_next

안녕하세요.
우리 클래스를 소개합니다.

입문, 중급자를 위한
웹 포트폴리오 제작 클래스입니다

웹 디자인 직무는 모바일, 데스크탑 등의 다양한 환경에서 동일한 사용자 경험을 주는 것이 중요한 직무입니다.이러한 매체 환경을 고려할 수 있는, 퍼블리싱 지식을 가진 웹 디자이너에 대한 수요도 점점 증가하고 있습니다

웹 디자인 직무에서는
이런 이슈가 있어요

웹 디자인 직무는 모바일, 데스크탑 등의 다양한 환경에서 동일한 사용자 경험을 주는 것이 중요한 직무입니다.

이러한 매체 환경을 고려할 수 있는, 퍼블리싱 지식을 가진 웹 디자이너에 대한 수요도 점점 증가하고 있습니다.

웹 디자인 실무진들은
이런 고민을 하고 있어요

  • “그리드에 맞게 디자인을 하면서도, 이 디자인이 실제로 개발 가능한 지 여부를 항상 고민하며 작업을 해야해요. 또 반응형 웹일 경우, 각 모바일 기기에서 화면이 어떻게 보일 지까지 고려해야하죠”

    3년차 웹 디자이너 윤00

  • “코드를 완벽하게 이해하고 쓰는게 아니다 보니 구글링을 해보고, 이것저것 넣다가 잘 작동이 되긴 하지만 나중에 코드에 문제가 생기지 않을까 노심초사했던 경험이 있어요.”

    주니어 웹 디자이너 김00

  • “운영 디자인에서 컨텐츠 사이즈를 고려해 썸네일 가이드를 잡거나 여백을 위한 안전선을 고려하는 과정이 필요한데, 이런 운영을 위한 가이드를 잡는 것도 디자이너의 업무에요. 신입 디자이너라면 이런 운영을 위한 디자인 가이드를 잡는 연습도 해보시길 추천해요”

    이커머스 운영 디자이너 이000

  • "작게는 타이포, 버튼부터 크게는 웹의 구조까지 실무에서는 퍼블리싱을 하더라도 디자인적인 사항을 고려해야해요. 디자이너가 작업한 타이포그래피나 디자인가이드, 나아가 그리드시스템까지 어떻게 코드로 옮겨야 할지 막막할 때도 있어요"

    주니어 퍼블리셔 윤00

navigate_before
navigate_next

그래서 준비한 클래스
포인트 강점, 첫 번째

웹 디자인과 HTML/CSS를 같이 배울 수 있게 준비한 클래스입니다. 주요 웹 실무 개념을 실습과 포트폴리오 제작으로 바로 경험할 수 있습니다.

웹 타이포, 그리드, 반응형, 배율디자인 등의 핵심 개념

데스크탑/모바일 등 다양한 디바이스 환경을 고려해 타이포, 그리드, 반응형, 배율디자인 등에 이를 반영하는 방법을 배웁니다.

업계 표준 UI 제작법

실무에서 바로 활용될 수 있는 현실적인 업계 표준 UI 디자인 방법에 대해 학습합니다.

실무를 위한 스타일가이드 및 컴포넌트 제작 방법

앞서 배운 디자인 개념을 활용해 실제 작업에서 사용할 수 있는 디자인 시스템을 구축합니다. 스타일 가이드 제작방법부터 작업한 컴포넌트를 관리하는 방법까지 배울 수 있습니다

UI 구축을 위한 HTML,CSS의 심도있는 설명

디자인 파일을 실제 구현할 수 있는 HTML,CSS 코드로 제작할 수 있도록, 가장 필요한 퍼블리싱 개념을 배웁니다. 코딩 가능한 UI 디자인이라는, 개발 기반의 디자인 사고 방식을 기릅니다

디자인 한 UI 결과물을 HTML,CSS로 구현하기

웹 브라우저에서 디자인 한 UI 결과물을 보여줄 수 있는 실전 코딩 방법을 배웁니다. 강사의 지도 하에 업계 표준 코드 작성법을 배울 수 있습니다

컴포넌트 제작을 위한 CSS Framework

대표적인 CSS Framework인 Bootstrap이나 purecss를 사용하지 않고, 수강생이 직접 Framework를 제작해 웹 코드에 응용하는 방법을 배웁니다

진행한 프로젝트를 웹 서버에 업로드하는 방법

웹 호스팅과 FTP 개념을 학습하고 직접 개통하는 방법을 배웁니다. 개통한 서버에 접속하여 코드를 관리할 수 있습니다

그래서 준비한 클래스
포인트 강점, 두 번째

웹 에이전시의 디자이너이자 퍼블리셔로 다수의 프로젝트를 진행해 온 실무 전문가, 김준우 강사님과 업계 표준 웹 디자인에 대해 배웁니다.
개인 프로젝트에 실무 방법론을 적용해, 보다 차별화 된 포트폴리오를 만들 수 있도록 도와드립니다.

강사님 작업물
강사님 작업물
강사님 작업물
강사님 작업물

클래스를 마치고,
여러분은 이렇게 달라질 거에요

수강생 최00 포트폴리오 수강생 서00 포트폴리오

심미적인 디자인을 하는 것에 그치지 않고,
필드에서 적용 가능한 UI 디자인을 고려할 수 있게 됩니다

  • 실무 기반의 프로세스로 UI 디자인 포트폴리오를 제작할 수 있습니다.
  • 실제 코드로 개발 가능한 UI 디자인을 설계할 수 있습니다
  • 디자인한 작업물을 HTML,CSS 코드로 구현할 수 있습니다

클래스 스피커를 소개합니다!

안녕하세요.
클래스 스피커 김준우입니다.

안녕하세요. 디자이너 김준우입니다. 저는 리메인 아카데미와 에이전시를 운영하며 디자이너이자 프론트엔드 개발자로 다수의 기업과 프로젝트를 진행해온 실무자입니다. 제가 진행하는 클래스는 웹 디자인과 개발 단계의 상호작용을 배울 수 있도록 구성되어 있습니다. 굳이 디자인을 공부하며 코드까지 공부해야할까? 생각할 수 있지만, 웹이라는 하나의 결과물을 만들기 위해서는 웹 디자이너와 퍼블리셔가 함께 고민하는 과정이 필요합니다. 이때, 서로의 작업 방식과 사고 방식을 이해해야 비로소 심도있는 결과물이 나올 수 있습니다. 웹 디자이너와 퍼블리셔의 시선에 맞춰, 웹의 구조와 작동 방식을 이해하고 실제 업무에 적용할 수 있도록 도와드리겠습니다.

커리큘럼

  • 01. 웹 아이덴티티와 색상개발
    • 아이덴티티로 시작하기
    • 가이드 개념과 필요성
    • 색상개발 방법론
    • 웹 구조의 이해와 UI 종류 알아보기
    • 포토샵 웹용으로 셋팅 바꾸기
    • 과제 소개
  • 02. 해상도와 그리드 개념
    • 해상도 개념과 이해
    • 해상도와 그리드의 상관관계
    • 그리드 시스템의 이해와 제작방법
    • 그리드 시스템 제작 및 적용
  • 03. 웹 타이포그래피
    • 서체 출력의 종류와 이해 (시스템폰트, 이미지폰트, 웹폰트)
    • 서체 단위의 개념 ( 고정단위와 상대단위 ex : px ,pt, em, rem )
    • 서체 크기의 이해
    • 포토샵 안티앨리어싱의 이해
    • 자간과 행간의 이해와 사용법
    • 웹 타이포그래피 실습
  • 04. 디자인 오브젝트의 이해
    • 디자인 오브젝트 요소의 이해
    • 주제와 부주제, 그룹화 요소의 개념
    • 구조에 의한 디자인 제작하기
    • 여백의 개념과 활용
    • 디자인 오브젝트 수정
  • 05. 비율 시스템
    • 산업에서 사용되는 박스 비율 알아보기
    • 비율 계산법과 적용법
    • 3등분의 법칙을 이용한 이미지 레이아웃
    • 박스모델 비율 적용
    • 이미지에 3등분 법칙 적용
    • 박스와 이미지 비율 가이드 제작
    • 프로젝트 컨펌
  • 06. UI 디자인 트레이닝
    • 타이포그래피 트레이닝
    • UI 디자인 트레이닝
  • 07. PC, MOBILE 웹 레이아웃
    • 아이트래킹 자료를 활용한 PC 레이아웃 분석
    • F 레이아웃과 Z 레이아웃의 이해
    • 레이웃 종류 소개 (metro, masonry 등)
    • 스크롤 이벤트와 패럴렉스 레이아웃 소개
    • 가변크기와 고정크기의 이해
    • 미디어쿼리에 의한 레이아웃 변화 알아보기
    • hover 디자인 대응하기
    • 디바이스별 해상도 이해하기
    • 레이아웃 재배열
    • 프로젝트 컨펌
  • 08. 고밀도 해상도
    • 고밀도 해상도 (레티나 디스플레이)개요
    • 논리픽셀과 물리픽셀 개념
    • 배율 디자인 개념과 이해
    • x2, x3, x4 배율 디자인 제작방법
    • 스케치 프로그램과 adobe XD 소개
    • 프로젝트 컨펌
  • 09. 반응형을 위한 UI
    • 웹과 모바일 UI 차이점 알아보기
    • normal, hover, focus 개념 잡기
    • 마이크로 인터랙션 UI 소개
    • Mobile First 디자인으로 시작하기
    • 프로젝트 컨펌
  • 10. 프로젝트 중간점검
    • 프로젝트 중간점검 및 컨펌
  • 11. 이미지 파일과 svg 파일
    • bitmap 개념과 vector 개념
    • png, jpg, gif 그리고 svg 소개
    • svg 아이콘 만들기
    • 트래픽 개념과 속도 이슈의 중요성
    • 고밀도해상도 이미지 용량 줄이기
    • HTTP 요청횟수를 줄이기 위한 Sprites 기법소개
    • 이미지 용량 줄이기
    • Sprites 이미지 만들기
    • 프로젝트 컨펌
  • 12. 이미지 슬라이스와 가이드라인 제작
    • 디자이너와 퍼블리셔의 업무협업
    • 이미지 슬라이스의 이해
    • 가이드라인 개념과 제작방법
    • 이미지슬라이스
    • 가이드라인 제작
    • 프로젝트 컨펌
  • 13. UI KIT과 스타일 가이드의 중요성
    • 디자인에서 바라보는 UI KIT의 효율성
    • 프론트 엔드에서 바라보는 UI KIT의 중요성
    • UI KIT 정리하기
    • 프로젝트 컨펌
  • 14. 디자인 마무리
    • 디자인 최종 컨펌
    • 수강생별 작품 소개
  • 15. HTML 기초
    • HTML의 개념 이해하기
    • HTML 기초문법 알아보기
    • HTML5와 시멘틱 웹이란?
    • 제목태그, 단락태그, 목록태그 사용법
    • section, aside 태그 사용법
  • 16. HTML+CSS 기초
    • 속성 개념 이해하기
    • 이미지태그 사용법
    • 앵커태그 사용법
    • CSS의 개념이해
    • CSS 외부파일 생성과 연결
    • CSS 기초문법
    • 서체색상, 서체크기, 서체지정 다루기
    • 서체두께, 자간, 행간 다루기
  • 17. CSS 기초
    • 박스모델의 이해
    • 클래스 사용법
    • CSS 우선순의 이해
    • CSS 초기화
  • 18. CSS 기초
    • 가상 클래스와 가상요소
    • display 속성의 이해와 응용
    • float와 float 해제의 이해
    • float를 이용한 다단 레이아웃
  • 19. CSS 기초
    • block 요소 중앙정렬 소개
    • inline 요소 중앙정렬 소개
    • 배경 이미지 사용법
    • position의 이해
    • position 응용
  • 20. 그리드 CSS 기법소개 #1
    • 그리드 CSS의 이해
    • 컬럼 시스템의 사용법
    • 그리드 컬럼 시스템 제작
    • 가로 구조형 레이아웃 잡기
    • 코딩 프로젝트 컨펌
  • 21. 그리드 CSS 기법소개 #2
    • 그리드 CSS의 보충설명
    • 컬럼 시스템 보충설명
    • 그리드 컬럼 시스템 제작
    • 세로 구조형 레이아웃 잡기
    • 코딩 프로젝트 컨펌
  • 22. 모바일을 위한 미디어쿼리
    • 미디어쿼리 문법의 이해
    • 미디어쿼리 CSS 우선순위의 개념
    • viewport의 이해
    • 물리픽셀과 논리픽셀 보충설명
    • 모바일 헤더와 PC 헤더의 이해
    • 코딩 프로젝트 컨펌
  • 23. 수직 중앙정렬 기법
    • vertical-align의 이해
    • 테이블 태그의 사용법
    • 수직의 중앙정렬 기법 소개
    • overflow의 이해와 활용
    • form 태그 사용법
    • input,button 소개와 초기화 세팅
    • 코딩 프로젝트 컨펌
  • 24. inline-block, absolute 중앙정렬 기법
    • inline-block 중앙정렬 기법
    • absolute 수직,수평 중앙정렬 기법
    • transition과 transform 사용법
    • browser support 개념과 can i use 사이트
    • 코딩 프로젝트 컨펌
  • 25. 호버디자인 기법소개
    • opacity와 display none의 차이
    • transition으로 애니메이션 효과 구현하기
    • hover 디자인 구현
    • 드롭다운 메뉴 구현
    • 코딩 프로젝트 컨펌
  • 26. video 출력 기법
    • youtube, vimeo embed 이해하기
    • video 태그와 source 태그의 이해
    • background video 제작하기
    • 포트폴리오 제작을 위한 판형 선택
    • 포트폴리오 필수 내용 소개
    • 코딩 프로젝트 컨펌
  • 27. full background 기법
    • full background image 구현하기
    • full background video 구현하기
    • one page 사이트를 위한 구조 잡기
    • 포트폴리오를 위한 3D 목업 제작
    • 코딩 프로젝트 컨펌
  • 28. 웹 호스팅과 도메인 개념
    • 웹 호스팅과 도메인의 개념
    • FTP 개념과 사용법
    • 웹 호스팅 개통하기
    • ID를 이용한 헤시체인지 기법
    • 코딩 프로젝트 컨펌
  • 29. 웹 폰트와 웹 아이콘
    • 웹 폰트와 웹 아이콘 개념
    • 웹 폰트, 웹 아이콘 출력하기
    • HTTP 요청의 이해
    • CSS 스트라이프 기법 소개
    • 코딩 프로젝트 컨펌
  • 30. 검색엔진 최적화를 위한 세팅
    • 구글과 네이버 검색엔진 최적화의 이해
    • 제목 태그와 시멘틱 태그 정리하기
    • title 태그의 중요성
    • meta 태그의 종류와 활용성
    • alt 속성을 올바른 사용법 (접근성)
    • seo 스팸 판별 기준 알아보기
    • 코딩 프로젝트 컨펌
  • 31. jQuery & JavaScript 개념
    • jQuery & JavaScript의 개념
    • 언어의 역할 업무 알아보기
    • 코딩 프로젝트 컨펌
  • 32. 프로젝트 마무리
    • 포트폴리오 최종 점검
    • 종강 회식

우리는 이렇게 느꼈어요!

  • item-comment__thum 김지연 20.08.13
    원래 인테리어 전공을 하다가 웹디자이너로 취업을 하기 위해 수강했습니다! 다행히 포토샵이나 일러스트레이터는 학교에서 배운 내용이라 수강이 큰 무리는 없었습니다. 다른 분들도 포토샵이나 일러스트레이터 정도는 꼭 알고 들어오시는게 좋을것 같습니다. 제가 특히 제일 좋았던 점은 매 시간마다 작업 진도를 개인적으로 체크해주시고 스케쥴을 매 시간 새롭게 다시 정리해주시는거였는데, 공통적으로 필요한 부분에 대해서는 전체적으로 강의를 해주시지만 그걸 작업에 녹여내는 건 개인마다 조금씩 차이가 있기 때문에 그런 부분들을 세세하게 개인별로 잡아주셔서 좋았습니다. 내가 지금 무엇을 더 해야하는지 무엇을 놓치고 있는지 정확히 짚어주셔서 굉장히 효율적으로 배운 것 같습니다! 웹디자인 실무를 시작하시는 분들께 추천드립니다! 감사합니다!
  • item-comment__thum 박수민 20.08.11
    탄탄하게 기초다지면서 체계적으로 배우고 싶으시면 당장 수강추천... 오래전에 다른 학원도 다녀봤지만 포토샵 일러들을 배우는... 내가 뭘 배우는지 모르겠는? 그런 수업이었는데 이번 선생님을 만나게 되어 실제로 디자인이라는 걸 처음 배운 느낌이에요 후회하지 않을 강의입니다 강력추천합니다
  • item-comment__thum 이지영 20.08.11
    웹디자인을 제대로 배워보고 싶다 생각하던 차에 진짜 큰 결심하고 수업을 신청하게 되었습니다. 처음에는 집 근처로 수업을 알아봤는데 아무래도 자격증 위주의 컴퓨터학원에서는 제가 배우고 싶은 디자인과는 좀 거리가 있는 것 같았습니다. 기왕 배우는거 제대로 배워야겠다 하는 마음으로 수업 커리큘럼들을 꼼꼼히 비교하다보니 조금 거리가 있더라도 이 수업을 선택하게 되더라구요. 같이 수업 들었던 분들 중에는 전혀 디자인과는 거리가 먼 직업이나 거리가 먼 전공이신 분들도 많아서 조금 위안이 되기도 했고 서로 고민하는 부분들도 비슷했고 공감대도 맞아서 서로 정말 의지가 많이 됐어요. 수업에서 만난 분들하고 따로 만나기도 하고 스터디도 하고 좋은 분들도 많이 알게 되어서 정말 좋았습니다. 수업은 정말 너무 만족스러웠어요. 4개월 과정 자체가 솔직히 쉽지는 않았던 과정이라 중간 중간 사라지시는(?) 분들도 종종 계셨고 중간에 취업하신 분들도 계셨어요 개인별로 수준을 체크해주시고나서 작업 스케쥴을 따로 잡아주시고 매 수업마다 과제를 내주시는데 수준별 스케쥴이기 때문에 조금씩 성장해가는 걸 느낄 수 있었습니다. 일괄적으로 똑같은 내용, 똑같은 스케쥴대로 진행하면 잘하는 사람은 문제없지만 저처럼 관련된 지식이 없으신 분들은 중간에 포기할수도 있을텐데 개별로 관리해주셔서 그 부분 덕분에 끝까지 좋은 결과를 만들어 낼 수 있던것 같습니다. 지금도 본인의 실력 때문에 수업 진도에 대해 고민하시는 분들에게는 이 수업을 추천드립니다!
  • item-comment__thum 민혜수 20.08.11
    친구의 추천으로 수업을 같이 듣게 되었습니다. 디자인을 학교에서 전공하고 있기는한데 아시는 분들은 아시겠지만 학교 수업으로는 부족함을 많이 느끼고 있었습니다. 궁금한 것들도 많고 배우고 싶은 것들도 많은데 아무래도 평소에는 실무자분들을 만나서 실무를 근거로 한 얘기들을 듣기가 쉽지 않다보니 그런 부분들을 속 시원하게 해결할 수 있어서 너무 좋았어요. 제가 욕심도 많아서 디자인뿐만 아니라 개발쪽에도 관심이 많아서 직접 구현하고 싶은 욕심도 항상 가지고 있었어요. 요즘은 개발하는 디자이너도 많더라구요 ㅎㅎ 이 수업은 디자인하고 코딩을 따로 배우는게 아니라 디자이너 출신의 강사님께서 코딩을 가르쳐주시니까 같은 입장에서 더 이해가 잘 되고 재밋었던거 같아요! 또 처음부터 코딩을 고려해서 디자인하는 방법을 계속 조언해주셔서 어떤 개념들을 갖추고, 어떤 마인드로 디자인을 해야하는지에 대해서도 확실히 감을 잡을 수 있었어요!
  • item-comment__thum 정태의 20.08.11
    현재 디자인을 하고는 있지만 편집쪽이어서 웹디자인 쪽 지식과 포폴을 같이 준비할 수 있는 수업을 찾게 되었습니다. 보통 웹디자인 강의들은 디자인과 퍼블리싱과정이 따로 나눠져 있던데 두 과정을 포괄하는 방식의 강의여서 신청했습니다. 수업이 전체적으로 깔끔하고 유연한 방식이어서 좋았습니다. 기본적인 툴 같은 부분에 시간을 할애 안 하고 바로 디자인 이론부터 시작해서 퍼블리싱까지 한번에 이어지는 과정이었는데 기본적인 이론 부분은 공통으로 진행되었고 프로젝트는 개별 스케쥴로 조절이 되어서 작업하기에 굉장히 수월했습니다. 아무래도 분야는 다르긴 해도 경력자 분들은 수업 난이도에 대해 고민이 있으실텐데 웹쪽 분야가 아니라면 이론부분은 되도록 빠지지 말고 수강하시는 편을 추천드립니다. 어차피 프로젝트는 개별 스케쥴이기 때문에 본인 역량이 따라서 수량을 조절할 수도 있고 프로젝트에 따라 난이도를 조절하실 수도 있으실겁니다. 결과적으로 저는 디자인부터 퍼블리싱까지 진행된 포폴을 갖추게되어서 굉장히 성공적이었다고 생각합니다. 이직 준비하시는 분들 모두 잘 준비하셨으면 좋겠습니다!

우리는 이런 분위기로 수업해요!

navigate_before
navigate_next

클래스 수강을 위해선
이런 사전 지식이 필요해요!

  • done 사전 지식이 필요하지 않은 클래스입니다
    비전공자 분들도 따라오실 수 있는 난이도로 수업이 진행됩니다

클래스 수강을 위해선
이런 준비물과 프로그램이 필요해요!

  • 개인노트북 (window, mac 운영 체제 모두 사용 가능)

  • Adobe Photoshop CC (최소 CS6 이상 버전)

  • Sketch (mac 운영 체제 사용 가능 *mac 사용자만 설치)

  • Adobe XD (최소 CS6 이상 버전)

오시는길

  • 클래스 주소 서울 마포구 양화로6길 33
  • 상세주소 2층 리메인

현재 클래스와
함께 수강하면 더욱 좋아요!

쿨하고 깔끔한 환불정책

환불규정 안내

  • 100% 전액환불 : 개강 전까지
  • 33% 공제환불 : 강의 1/2 지나기 전 시점
  • 공제환불 불가 : 강의 1/2이 지난 시점
  • 환불은 신청한 일자 기준으로 처리되며, 강의가 시작되는 당일은 강의를 듣지 않았더라도 해당일자에 포함됩니다.

학원의 설립ㆍ운영에 관한법률 제18조 및 동법시행령 제18조 제3항 〔별표 4〕의 기준에 따른다.

expand_less expand_more