[Info06]information&pattern

CLASS 04 INFORM ATION DESIGN V S INFOGRAPHICS

Information Design
KGIT 201 Spring Semester |JYLEE
1

Course Information Design 06
Weekly Schedules KGIT 2011 Spring Semester | JYLEE

- 수업 및 프로젝트 소개
1 Class Orientation
- 아이스 브레이킹

- 정보디자인의 정의
2 About Information Design - 정보디자인의 타입
- 정보디자인의 중요성

Information Design &
3 - 실생활에서의 정보디자인 사례보기
Everyday life/Environment

Information Design Process(1) - 정보디자인 대상 찾기
4
- Discovery - 문제정의

Information Design Process(2) - 데이터 수집
5
- Research - 데스크 리서치

Information Design Process(3) - 수집된 데이터의 통찰
6
- Data Structure - 매핑.패턴을 활용한 데이터의 설계

- 맵. 차트. 다이어그램 등 디자인요소
Information Design Process(4)
7 - 매타포와 컨셉
- Data Visualization
- 정보의 시각화를 위한 재설계

Info.2013.jylee6977.com/tc

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

01.ABOUT FONT “한글심플초급버젼” Information Design 06
KGIT 2011 Spring Semester | JYLEE

>> 무료 한글 폰트

맑은고딕 : 윈도우 기본 폰트
다음체 : 다음에서 개발한 무료 폰트
나눔체 : 네이버에서 개발한 무료 폰트
뫼비우스체 : SK Telecom에서 개발한 무료 폰트
서울체 : 서울시에서 개발한 무료폰트
바른돋음/바탕체 : 문화체육관광부 대한인쇄문화협회에서 무료배포



>> 폰트 사용법

맑은고딕B
서울남산체B 00.
나눔고딕 다음B 헤드라인
고딕계열
뫼비우스


>> 폰트 사용법
부드러운 주제에는 서울 한강체

01. 나눔명조 같은 명조체가 좋고,
부드러운 대화형 내용에는 나눔손글씨붓 또는
주제
나눔손글씨펜이재미를 더해준다



>> 폰트 사용법

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

서울남산체 EB
서울남산체 B
서울남산체 M
서울남산체 L

Information Design 06

>> 폰트 사용법 KGIT 2011 Spring Semester | JYLEE

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하여
질서를 부여하는 작업을 의미



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

http://Info.jylee6977.com/tc

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”


Perception Recognition
Stimulus Interpretation
Information Information
Visualization Structure

정보를 다루는데 있어,
인지적인 부분은 정보 설계가 주로 담당하는 부분이고,
지각적인 부분은 정보 디자인이 관여하는 부분이다.



정보 설계가는 사람들이 정보를
더 성공적으로 찾고 관리할 수 있도록 도와주는 역할을 하고,
정보 디자이너는 이렇게 주어진 정보의 접근과 이해가 용이하도록 돕는다.
정보 설계의 핵심은 정보를 조직화 하는 것이다.




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


[Info06]information&pattern

Recomendados

Recomendados

Más contenido relacionado

Similar a [Info06]information&pattern

Similar a [Info06]information&pattern (20)

Más de jylee_kgit

Más de jylee_kgit (20)

[Info06]information&pattern