smlab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구...

35
보여야 커뮤니케이션, 디자인 WORKSHOP 웹포스터 디자인 제작 워크숍 with 정수현 ([email protected] , 010-2817-5159) / 강연 at SMLab / 폰트 by 배달의 민족 한나체, 우아한 형제들 제공 / 오픈콘텐츠 자료입니다. 14627금요일

Upload: sue-hyun-jung

Post on 03-Jul-2015

3.287 views

Category:

Design


5 download

DESCRIPTION

미디어교육 문의 / [email protected] http://www.smlab.org

TRANSCRIPT

Page 1: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

보여야 커뮤니케이션, 디자인WORKSHOP 웹포스터 디자인 제작

워크숍 with 정수현 ([email protected], 010-2817-5159) / 강연 at SMLab / 폰트 by 배달의 민족 한나체, 우아한 형제들 제공 / 오픈콘텐츠 자료입니다.

14년 6월 27일 금요일

Page 2: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

“당신의 뇌에 심상을 전달하고자”왜 디자인인가?

우린 텍스트 이상의 커뮤니케이션을 원한다!

01

14년 6월 27일 금요일

Page 3: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.

14년 6월 27일 금요일

Page 4: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.정보

14년 6월 27일 금요일

Page 5: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.소통상대에게 나를 보다 정확히 이해시키는 행위

(c)Vise versa design studio

14년 6월 27일 금요일

Page 6: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.브랜드단순한 로고가 아니라 누구인지, 왜인지, 무엇을 위해서인지

14년 6월 27일 금요일

Page 7: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.메시징더 참여하게 하고, 더 공감하게 하는

14년 6월 27일 금요일

Page 8: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

왜 디자인인가?

01

디자인은 [ ]다.기획

14년 6월 27일 금요일

Page 9: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

좋은 디자인이란.

14년 6월 27일 금요일

Page 10: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

디자인의 패턴

02

10가지 디자인네러티브

웹포스터 CASE

14년 6월 27일 금요일

Page 11: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

1. 정석형 - 레이아웃, 명조돋움, 클래식한 분위기

14년 6월 27일 금요일

Page 12: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

2. 키워드 - 단순하고, 재밌고, 확실하다

14년 6월 27일 금요일

Page 13: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

3. 감수성 - 자연스러움, 친밀감, 따뜻함, 깊이

14년 6월 27일 금요일

Page 14: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

4. 메시징 - 슬로건 어필

14년 6월 27일 금요일

Page 15: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

5. 센스있게 정보 어필 - 행사, 이벤트, 캠페인

14년 6월 27일 금요일

Page 16: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

6. 정보 자체를 전달하는 디자인

14년 6월 27일 금요일

Page 17: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

7. 중심성있는 소재

14년 6월 27일 금요일

Page 18: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

8. 자막형

14년 6월 27일 금요일

Page 19: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

9. 이슈 또는 시사성

14년 6월 27일 금요일

Page 20: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

10. 아름답게 몰입

14년 6월 27일 금요일

Page 21: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

14년 6월 27일 금요일

Page 22: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

디자인의 요소

03

5가지만 기억해요디자인을 시작할 즈음

14년 6월 27일 금요일

Page 23: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

1. 데이터

- 키워드, 슬로건, 정보

14년 6월 27일 금요일

Page 24: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

2. 요소

- texture, photo, icon, illust

14년 6월 27일 금요일

Page 25: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

3. 폰트

- 타이포 디자인

14년 6월 27일 금요일

Page 26: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

4. 배치

- 정보와 데이터, 기획의 어우러짐

14년 6월 27일 금요일

Page 27: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

5. 디테일

- 많이 만들어볼 것, 지인의 10초 안 반응

14년 6월 27일 금요일

Page 28: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

디자인의 도구

04

기록하는 도구꾸며주는 도구유통하는 도구

14년 6월 27일 금요일

Page 29: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

1. 기록의 도구

image video

플리커

인스타그램

유투브

비메오

14년 6월 27일 금요일

Page 30: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

2. 꾸며주는 도구

image video

픽스엘알

로드뮤비

14년 6월 27일 금요일

Page 31: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

3. 유통의 도구

image

카카오스토리

핀터레스트

14년 6월 27일 금요일

Page 32: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

각종 리소스 모음

05

사진모음

디자인 폰트 (영문)

아이콘 모음

http://trendw.kr/design/201406/12668.t1m

http://www.fbml.co.kr/2014/03/28/2014-top-100-free-font/

디자인 폰트 (국문) http://software.naver.com/software/fontList.nhn?categoryId=I0000000

https://www.iconfinder.com/

미니멀 텍스쳐 모음 http://minimalwall.com/

온라인 포토샵 http://www.pixlr.com

꾸며주기 도구 https://www.canva.com/

인포그래픽 도구 http://piktochart.com/

14년 6월 27일 금요일

Page 33: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

웹포스터 제작 워크숍

06

1단계 내용 기획

2단계 패턴과 컨셉

3단계 필요한 리소스 모으기

4단계 디자인 시작

5단계 공유

14년 6월 27일 금요일

Page 34: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

마지막, 디자인에 임하는 자세

14년 6월 27일 금요일

Page 35: SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유

감사합니다!WORKSHOP 웹포스터 디자인 제작

워크숍 with 정수현 ([email protected], 010-2817-5159) / 강연 at 은평마을아카데미 / 폰트 by 배달의 민족 한나체, 우아한 형제들 제공 / 오픈콘텐츠 자료입니다.

14년 6월 27일 금요일