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

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

“당신의 뇌에 심상을 전달하고자”
왜 디자인인가?
우린 텍스트 이상의 커뮤니케이션을 원한다!
01

01
디자인은 [ ]다.

01
디자인은 [ ]다.정보

01
디자인은 [ ]다.소통
상대에게 나를 보다 정확히 이해시키는 행위
(c)Vise versa design studio

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

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

01
디자인은 [ ]다.기획

좋은 디자인이란.

디자인의 패턴
02
10가지 디자인
네러티브
웹포스터 CASE

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

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

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

4. 메시징 - 슬로건 어필

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

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

7. 중심성있는 소재

8. 자막형

9. 이슈 또는 시사성

10. 아름답게 몰입

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

1. 데이터
- 키워드, 슬로건, 정보

2. 요소
- texture, photo, icon, illust

3. 폰트
- 타이포 디자인

4. 배치
- 정보와 데이터, 기획의 어우러짐

5. 디테일
- 많이 만들어볼 것, 지인의 10초 안 반응

디자인의 도구
04
기록하는 도구
꾸며주는 도구
유통하는 도구

1. 기록의 도구
image video
플리커
인스타그램
유투브
비메오

2. 꾸며주는 도구
image video
픽스엘알
로드뮤비

3. 유통의 도구
image
카카오스토리
핀터레스트

각종 리소스 모음
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/

웹포스터 제작 워크숍
06
1단계 내용 기획
2단계 패턴과 컨셉
3단계 필요한 리소스 모으기
4단계 디자인 시작
5단계 공유

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

감사합니다!
WORKSHOP 웹포스터 디자인 제작
워크숍 with 정수현 (socialjung@gmail.com, 010-2817-5159) / 강연 at 은평마을아카데미 / 폰트 by 배달의 민족 한나체, 우아한 형제들 제공 / 오픈콘텐츠 자료입니다.

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

Recommended

Recommended

More Related Content

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

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

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