Autoplay
Autocomplete
Previous Lesson
Complete and Continue
디지털 디자인 입문 (학습용)
수강 전 공지 사항
공지사항
1-1. 디지털 디자인 (Digital Design)
1-1-1. 디지털 디자인의 정의와 디자이너의 역할 (9:02)
1-1-2. 디지털 디자인의 흐름읽기 (Design Language) (13:28)
1-2. 디지털 디자인 프로세스 (Design Process)
1-2-1. 디자인 프로세스 Double Diamond Design model etc (20:21)
1-2-2. 프로젝트 정의 Define (9:51)
1-2-3. 컨셉 키워드 도출 - Visual Keyword (11:54)
1-2-4. 디자인 컨셉 정의 Design Concept (basic) (7:27)
2-1. 이미지 (Image)
2-1-1. 이미지의 정의 - Meaning (5:41)
2-1-2. 비트맵과 벡터, 그래픽 포맷의 이해 - Graphic Format (6:11)
2-1-3. 디지털에서의 확장자들 - JPEG, GIF, PNG (Nine Patch), SVG, PDF etc. (15:35)
2-1-4. 디지털 이미지 저작도구 - Photoshop, Illustrator, Sketch etc. (16:23)
2-1-5. 디자인 컨셉 키워드와 무드보드 (11:43)
2-2. 컬러 (Color)
2-2-1. 컬러 정의 - Meaning (23:28)
2-2-2. 컬러모드 - Color mode (RGB, CMYK etc) (13:37)
2-2-3. 디지털에서의 컬러 - RGB와 Color code (Hex code) (24:26)
2-2-4. 컬러 배색 - Color combination (14:12)
2-2-5. 컬러 구조 - Color Structure (15:17)
2-3. 서체와 타이포그래피 (Font&Typography)
2-3-1. 타이포그래피의 정의 - Meaning (22:51)
2-3-2. 타이포그래피 타임라인1 - Movable Type, Linotype etc. (34:13)
2-3-3. 타이포그래피 타임라인2 - Digital typography. (29:50)
2-3-4. 서체의 분류 - Type Classifications (Serif, Sans Serif etc.) (16:18)
2-3-5. 용어와 사례 Type properties (Baseline, Ascender, Descender etc.) (21:35)
2-3-6. 용어와 사례 Glossary of Typography 1 - Kerning, Tracking, Leading etc. (14:02)
2-3-7. 용어와 사례 Glossary of Typography 2 - Orphan, Widow, Lorem ipsum etc. (15:22)
2-3-8. 서체 사례 연구 Case Study - 브랜드 로고 사례 (23:01)
2-4. 레이아웃과 그리드시스템 (Layout & Grid system)
2-4-1. 레이아웃과 그리드시스템의 정의 - Meaning (15:07)
2-4-2. 레이아웃 기본 Grid system (Grid & Spacing method) (22:00)
2-4-3. 디지털의 단위와 해상도 Digital Layout & Units (Pixel, Resolution etc) (12:45)
2-4-4. 웹의 그리드 시스템 - 960 grid, 12 columns (13:34)
2-4-5. 모바일의 단위와 해상도 Mobile Layout & Units - (DP, SP, DPI etc.) (18:53)
2-4-6. 모바일의 그리드 시스템 Mobile Grid system (8dp grid, keylines etc) (14:16)
2-4-7. 모바일의 가이드 사례 - Android Material Design Guide (7:50)
중간 과제: 프로젝트 가이드
중간 과제: 프로젝트 가이드 (8:29)
3-1. 저작도구 기초 - 포토샵 (Photoshop)
3-1-1. Basic Interface (12:48)
3-1-2. Tools 1 - Marquee (14:43)
3-1-3. Tools 2 - Lasso (15:35)
3-1-4. Tools 3 - Brush (15:58)
3-1-5. Tools 4 - Healing brush & Stamp (17:39)
3-1-6. Tools 5 - Type (20:07)
3-1-7. Tools 6 - Pen (25:44)
3-1-8. Tools 7 - Shape (29:16)
3-1-9. Tools 8 - 그외의 툴들 (40:52)
3-1-10. Menu 1 - Edit - Transform (20:01)
3-1-11. Menu 2 - Image - Adjustment (18:24)
3-1-12. Menu 3 - Select (31:35)
3-1-13. Menu 4 - Filter - Blur, Sharpen etc. (31:33)
3-1-14. Panels (10:52)
3-2. 그 외의 저작도구들 (& Prototyping Tools)
3-2-1. Adobe XD 맛보기 (40:16)
3-2-2. Sketch 맛보기 (17:40)
3-2-3. ProtoPie 맛보기 (29:24)
4-1 네이버 배너
4-1-1. 네이버 배너 제작 가이드 읽기 (22:22)
4-1-2. 타임배너 - 기본 환경 세팅과 요소 배치 (28:29)
4-1-3. 타임배너 - 기본형 제작 과정 (27:40)
4-2 페이스북 카드뉴스
4-2-1. 페이스북 광고 가이드 읽기 (10:26)
4-2-2. 페이스북 카드뉴스 - 기본 환경 세팅과 요소 배치 (32:26)
4-2-3. 페이스북 카드뉴스 - 4p형 제작 과정 (9:14)
4-3 웹페이지 디자인 시안 제작 (One page)
4-3-1. 12 Column 레이아웃 세팅 (25:40)
4-3-2. GNB, 메인이미지 영역 디자인 (25:40)
4-3-3. 2단, 4단 그리드 활용 / 컨텐츠 영역 디자인 (55:36)
4-3-4. 반응형 디자인으로 확장하기 (25:31)
4-4 Mobile screen design - Android (Splash, Content sample)
4-4-1. Android, xhdpi 기준으로 환경 세팅 (21:17)
4-4-2. 간단한 Splash 화면 구성 실습 (22:02)
4-4-3. Material Design Guide를 참고하여 App bar 제작 실습 (22:23)
4-4-4. Material Design Guide를 참고하여 Image, Contents 영역 제작 실습 (19:45)
4-4-5. Mobile Design Mockup 구성 (12:32)
4-1-3. 타임배너 - 기본형 제작 과정
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock