[info06]information&pattern

Information Design KGIT 2011 Spring Semester | JYLEE

CLASS 04 INFORMATION DESIGN VS INFOGRAPHICS

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Design 06 Course

Weekly Schedules

1 Class�Orientation�-�수업�및�프로젝트�소개�

-�아이스 브레이킹

2 About�Information�Design��

-�정보디자인의�정의�

-�정보디자인의 타입

-�정보디자인의 중요성

3 Information�Design�&��

Everyday�life/Environment -�실생활에서의�정보디자인�사례보기�

4 Information�Design�Process(1)�

-�Discovery

-�정보디자인�대상�찾기��

-�문제정의


-�Research

-�데이터�수집�

-�데스크 리서치

6 Information�Design�Process(3)��

-�Data�Structure

-�수집된�데이터의�통찰�

-�매핑.패턴을 활용한 데이터의 설계


-�Data�Visualization

-�맵.�차트.�다이어그램�등�디자인요소�

-�매타포와 컨셉

-�정보의 시각화를 위한 재설계

00. SHOW TIME!

01. ABOUT FONT “ 한글심플초급버젼”

Information Design 06 KGIT 2011 Spring Semester | JYLEE


01.ABOUT FONT “한글심플초급버젼”

>> 무료 한글 폰트

맑은고딕 : 윈도우 기본 폰트

다음체 : 다음에서 개발한 무료 폰트

나눔체 : 네이버에서 개발한 무료 폰트

뫼비우스체 : SK Telecom에서 개발한 무료 폰트

서울체 : 서울시에서 개발한 무료폰트

바른돋음/바탕체 : 문화체육관광부 대한인쇄문화협회에서 무료배포




>> 폰트 사용법

맑은고딕B

서울남산체B

나눔고딕 다음B

뫼비우스

00. 헤드라인 고딕계열




>> 폰트 사용법

부드러운 주제에는 서울 한강체

나눔명조 같은 명조체가 좋고,

대화형 내용에는 나눔손글씨붓 또는

나눔손글씨펜이 재미를 더해준다

01. 부드러운 주제




>> 폰트 사용법

02. 크기와 굵기를 구분하면 일관성을 지킬 수 있다

서울남산체 EB

서울남산체 B

서울남산체 M

서울남산체 L



>> 폰트 사용법

03. 기본 폰트는 고딕과 명조에서 벗어나지 말자

바른돋음03�

바른돋음02�

바른돋음01�

바른바탕03�

바른바탕02�

바른바탕01�



>> 폰트 사용법

04. 핵심과 나머지, 제목과 본문

다음 SB 다음 REGULAR

나눔고딕�EB�나눔고딕�LIGHT�

핵심

나머지 제목

본문



>> 폰트 사용법 05. 글에 목소리를 담아보자.

그녀의�자전거가�내�가슴�속으로�들어왔다.�

침대는 가구가 아닙니다. 과학입니다.

부자되세요.�

막 입어도 일년 된 듯한 옷,십 년을 입어도 일 년된 듯한 옷

고객이�우선이다.�

>> 폰트 사용법 실습

네이버에서 뉴스나 블로그 하나를 선택하여,

한글 Font를 적용하여 디자인해보자

방법: Illustration, PPT

02. Data Structure

“Categorize.Arrange.Organize”



정보의 조직화는

혼돈의 상태로 존재하는 데이터를

분류classify.배열arrange.조직화organize하여

질서를 부여하는 작업을 의미

http://Info.jylee6977.com/tc


Classifying Data 정보 분류의 기준은 정보 사용의 목적과 관점에 따라 결정 정보를 분류할 때 그 기준들의 가중치가 동등해야 하고 분류의 결과가 논리적이고 명확해야 한다.



Information Design 06

Arrange Classified Data

위치 문자 시간 카테고리 | 위계 Location Alphabet Time Category Hierachy


정보사용자, 사용목적, 사용환경에 맞도록 다섯가지 분류기준 입체적으로 복합시켜 적용 가능


“시간기반의�정보와�다른�분류의�정보를�함께�제시할때,�이야기가�만들어진다.”�–Edward Tufte


조직화 방식이 창의적이고 혁신적일때, 정보에 대한 의문과 흥미가 증대되어 정보에 대한 새로운 발견 이끌어냄.

Data Re-Arrangement Data의 특성과 내용에 기초하여, 서로 공유할수 있는것, 유사한것, 전혀다른것, 또는 관계를 맺는 것등을 보는 이가 이해하기 쉽도록 데이터를 배치하는것.

Data Re-Arrangement

정보 관계맺기 배열은 분류된 데이터를 정보 수용자가 인식하기 쉽게 패턴을 만드는일

Information Structure

정보�조직화�방법은, 새로운 정보 구조를 만들어 내고

그 그구조는 정보에 새로운 의미를 부여하며 전체가 이해될 수 있는 수단으로 활용

실습

“Structure Your Own Way”

How. 앞에 놓인 Data들을 본인의 분류와 배열 기준 그리고,

재미있는 관계맺기를 통해 재미있는 Information을 만들어보세요.

>> 정보 설계 실습

03. Information Structure

“Information & Recognition”



Information Design 06

Perception Recognition

Stimulus�Information

Visualization

Interpretation�Information Structure

정보를 다루는데 있어,

인지적인 부분은 정보�설계가 주로 담당하는 부분이고,

지각적인 부분은 정보�디자인이�관여하는 부분이다.




정보 설계가는 사람들이 정보를�더�성공적으로�찾고�관리할 수 있도록 도와주는 역할을 하고,

정보 디자이너는 이렇게 주어진 정보의 접근과�이해가�용이하도록 돕는다. 정보 설계의 핵심은 정보를 조직화 하는 것이다.




정보 설계의 핵심은 정보사용자 입장에서 원하는것을�바로�답할수�있도록�정보를 조직하는 것.

• SEE YOU

[info06]information&pattern

Documents