Creative Category Online Class

디지털 디자인 입문
ONLINE

모집 상시모집
문의 02-518-6038 

 “디자인 분야에 첫 발을 딛는데,
무엇부터 알아가야 할까요?”

“디지털 환경에서의 시각 디자인,
기초부터 탄탄히 다지고 싶어요.”

“단순한 디자인 툴 스킬 말고,
디자인적 감각을 기를 수는 없나요?”

“관련분야가 아니여도,
디자인의 기본기는 늘 필요해요.”

디자인,

어렵지 않아요!
제대로 학습하면
누구나 할 수 있습니다!

튜토리얼과 기본 툴 강의 수업에선 무엇을 배우셨나요?
기능만 달달 외우고 전반적으로 훑는 방식의 강의가 아닙니다.

트렌드에 따라 시시각각 변하는 디자인 분야는 실무 기술과 기초가 되는 디자인 개념이 중요합니다
디자인 비전공자에서 국내 it 기업 시니어 디자이너가 되기까지의 풍부한 경험을 갖춘 강사님과 함께
시각디자인의 기초 이론 부터, 실무에 쓰이는 툴, 입문자에게 필요한 tip 및 트렌드를 배워보세요.

정말 당장 써먹을 수 있는 기본기를 익히고, 무엇이든 표현할 수 있는 준비된 상태로 수료하도록 최선을 다해 이끌어나갑니다.

국내 최고의 디자이너에게 최고의 실전 감각을 전수받고 준비된 디자이너로 거듭나세요!

디자인 컴포넌트 : 강의 미리보기

수강내 결과물

c1

디자이너를 꿈꾸고 있지만 어떻게 첫 스타트를 끊을까 막막한가요? 이 강의를 통해 디자인 커리어를 시작할 수 있도록 발판을 마련해드립니다.

c2

기초가 탄탄하지 않은 상태에서 디자인을 해왔나요? 기존의 학교/국비지원 과정과는 차원이 다른 실무 트렌드 기반의 디자인을 배워보세요.

c3

디자인과 맞닿아 있는 분야에서 디자인적 스킬와 개념에 갈증을 느끼고 계신가요? 실무에서 바로 써먹을 수 있는 기술들을 알려드립니다.

커리큘럼

Chapter 1.

디지털 디자인의 기초

(Digital Design Foundation)

1-1. 디지털 디자인 (Digital Design)

1-1-1. 디지털 디자인의 정의와 디자이너의 역할
1-1-2. 디지털 디자인의 흐름읽기 (Design Language)

1-2. 디지털 디자인 프로세스 (Design Process)

1-2-1. 디자인 프로세스 Double Diamond Design model etc
1-2-2. 프로젝트 정의 Define
1-2-3. 컨셉 키워드 도출 – Keyword mapping
1-2-4. 디자인 요소 정의 Design – Image, Color, Font etc

Chapter 2.

디자인 컴포넌트

(Design Components)

2-1. 이미지 (Image)

2-1-1. 이미지의 정의 – Meaning
2-1-2. 비트맵과 벡터, 그래픽 포맷의 이해 – Graphic Format
2-1-3. 디지털에서의 확장자들 – JPEG, GIF, PNG (Nine Patch), SVG, PDF etc.
2-1-4. 디지털 이미지 저작도구 – Photoshop, Illustrator, Sketch etc.
2-1-5. 디자인 컨셉 키워드와 무드보드

2-2. 컬러 (Color)

2-2-1. 컬러 정의 – Meaning
2-2-2. 컬러모드 – RGB, CMYK, HSB, LAB etc.
2-2-3. 디지털에서의 컬러 – RGB와 Color code (Hex code)
2-2-4. 디지털에서의 컬러 – HSB와 Color structure
2-2-5. 컬러별 의미, 색상에 따른 사용 예시
2-2-6. 컬러배색 기초 – 유사색과 보색

2-3. 서체와 타이포그래피 (Font & Typography)

2-3-1. 타이포그래피의 정의 – Meaning
2-3-2. 타이포그래피 타임라인1 – Movable Type, Linotype etc.
2-3-3. 타이포그래피 타임라인2 – Digital typography.
2-3-4. 서체의 분류 – Serif, Sans Serif etc.
2-3-5. 용어와 사례 1 – Baseline, Ascender, Descender etc.
2-3-6. 용어와 사례 2 – Kerning, Tracking, Leading etc.
2-3-7. 용어와 사례 3 – Orphan, Widow, Lorem ipsum etc.
2-3-8. 브랜드 로고 서체 사용 사례
2-3-9. 적용 사례 2 – Family, Weight & Tracking 에 따른 선택과 적용
2-3-10. 모바일 에서의 서체 – Android (Roboto &Noto), iOS (San Francisco) etc.

2-4. 레이아웃과 그리드 시스템 (Layout & Grid system)

2-4-1. 레이아웃과 그리드시스템의 정의 – Meaning
2-4-2. 레이아웃의 기본 구성 – Column, Gutter, Margin, Padding etc.
2-4-3. 디지털의 기본 단위와 해상도 – Pixel, Resolution etc.
2-4-4. 웹의 그리드 시스템 – 960 grid, 12 columns
2-4-5. 모바일 디자인의 단위와 해상도 – DP, SP, DPI etc.
2-4-6. 모바일의 그리드 시스템 – 8dp grid, keylines etc.
2-4-7. 모바일의 가이드 사례 – Android Material Design Guide

Chapter 3.

디지털 디자인 저작도구

(Authoring Tools)

3-1. 저작도구 기초 - 포토샵 (Photoshop)

3-1-1. Basic Interface
3-1-2. Tools 1 – Marquee
3-1-3. Tools 2 – Lasso
3-1-4. Tools 3 – Brush
3-1-5. Tools 4 – Healing brush & Stamp
3-1-6. Tools 5 – Type
3-1-7. Tools 6 – Pen
3-1-8. Tools 7 – Shape
3-1-9. Tools 8 – 그외의 툴들
3-1-10. Menu 1 – Edit – Transform
3-1-11. Menu 2 – Image – Adjustment
3-1-12. Menu 3 – Select
3-1-13. Menu 4 – Filter – Blur, Sharpen etc.
3-1-14. Panels
*Panels 는 Tools, Menus의 강의 내용 중 적절한 곳에 배치되어
함께 학습할 예정으로 별도의 챕터로 구성되지 않았습니다.

3-2. 그 외의 저작도구들 현황 살펴보기

– 그 외의 저작도구들 현황 살펴보기

Chapter 4.

디지털 디자인 프로젝트

(Digital Design Projects)

4-1. 네이버 배너

4-1-1. 네이버 배너 제작 가이드 읽기
4-1-2. 타임배너 – 기본 환경 세팅과 요소 배치
4-1-3. 타임배너 – 기본형 제작 과정

4-2. 페이스북 카드뉴스

4-2-1. 페이스북 광고 가이드 읽기
4-2-2. 페이스북 카드뉴스 – 기본 환경 세팅과 요소 배치
4-2-3. 페이스북 카드뉴스 – 4p형 제작 과정

4-3. 웹페이지 디자인 시안 제작 (One page)

4-3-1. 12 Column 레이아웃 세팅
4-3-2. 메뉴 구성 스케치, GNB영역 설정
4-3-3. 메인 이미지 영역과 인디케이터 배치
4-3-4. 반응형 디자인으로 확장하기

4-4. Mobile screen design - Android (Splash, Content sample)

4-4-1. Android, xhdpi 기준으로 환경 세팅
4-4-2. 간단한 Splash 화면 구성 실습
4-4-3. Material Design Guide를 참고하여 App bar 제작 실습
4-4-4. Material Design Guide를 참고하여 Image, Contents 영역 제작 실습
4-4-5. Mobile Design Mockup 구성

강사 소개

KakaoTalk_20170516_110730639

정다영, Monica J

IDAS 홍익대학교 국제디자인 대학원, 디자인학 박사과정
Duotone 공동대표
전, 삼성전자 무선사업부 UX 팀 책임디자이너
전, CJ E&M 아트 디렉터
전, NHN(Naver) 디자이너
전, D’strict 디자이너

강사 포트폴리오

[수강료]

할인특가 진행중

정가 70만원 –> 35만원