지식의 시각화 2

지식의 시각화
오병근 지음
시각·영상 디자인과
1516555 조은지

1부. 지식의 이해
1장. 지식의 의미
1. 지식 - 정당화된 믿음, 가치의 창출
2. 정보는 흐름, 지식은 축적
3. 지식의 목적- 세계의 이해, 창의력의 원천
4. 지식을 만드는 공간
5. 지식의 유형
6. 지식의 형식
2장. 지식의 기록
1. 파피루스에서 조이까지
2. 지식 확산의 출발 - 인쇄
3. 기록의 혁신 - 전자 매체
4. 디지털 이미지

지식이란?
플라톤
‘정당화된 참된 믿음’ - 진실의 조건, 정당화된 조
건, 믿음의 조건이 맞으면 지식이라 인정할 수 있다.
일반적인 사전적 정의
‘개인 또는 집단이 교육, 학습 등을 통해 재활용할 수
있는 정보와 기술’
국어표준대사전
‘어떤 대상에 대하여 배우거나 실천을 통해 알게 된
명확한 인식이나 이해, 알고 있는 내용이나 사물, 철학
에서 인식으로 얻은 성과로 사물에 대한 단편적인 사실
적·경험적 인식을 말하며, 객관적 타당성을 요구할 수
있는 판단의 체계를 이르는 말’
어떤 사물이나 현상의 내용과 인식에
서 누구나 믿을 수 있고, 객관적으로
일반화된 체계를 갖춰야 하며, 이를
통해 또 다른 가치를 창출할 수 있어
야 지식으로 인정할 수 있다.

경영학자 피터 드러커
“지식의 의미와 역할 변화가 역사의 원동력이며, 인류는 지식의
작용으로 정신적으로나 물질적으로 더 나은 시대를 열어간다.”
개인 인격 연마
기계, 도구,
상품 적용
말하는 방식에
적용
지식 융합과
생산성 혁명
중세 이전 산업혁명 시대 20세기 중반 21세기
▲지식의 의미 변화

정보 지식
흐름의 개념 축적의 개념
상황에 따라 생성되고 영향을 받는 것
(지속성 X)
고도화된 정보가 축적되어 일반적으로 적용할 수
있는 명확한 개념
사용자에 따라 가치가 다름
→ 상대적, 주관적
가치 일시적, 단기적
일반적, 객관적
가치 장기적 지속
생산된 정보가 지식으로 변환되어 쌓이지 않으면 그 가치는 소멸됨
→ 지식은 우리 내부에 있는것이고 그의 원천인 정보는 외부에 있는 것
지식은 본질적으로 개인 혹은 집단 내부에 체화되어 있는 것
정보의 표현
추상적 데이터를 잘 조직화
새롭고 가치 있는 형태로 만든 것
지식의 표현
사용자가 유사한 지식으로 재구성할 수 있도록
통찰력, 경험, 의견, 가치, 예견, 전망 등을 더하
는 것
객관적 근거가 있어야 함
어떤 집단에 전달되고 이해를 증진시키게 하는
역할

지식의 형태
복잡화, 다양화 → 조직화, 형식화할 수단 필요
문자 중심 → 이미지, 소리의 시·청각적 감각 중시
지식의 디지털화
개인적 차원 → 조직과 대중의 차원의 지식 보유
보존 장기화

조직
개인
보존 주체
장기
단기
보존량 수단
디지털
종이
표현
이미지
멀티미디어
문자
표현
조직화
판단력
▲지식의 변천

3. 지식의 목적 - 세계의 이해, 창의력의 원천
지식의 근본 목적 = 우리가 배우고 익히는 목적
세계에 대한 이해
생각하는 힘
문제를 해결하는 능력
새로운 것을 창조하는 능력( )창의력의 원천 = 지식의 목적
베르나르 베르베르
“상상력을 증진시키기 위해서는 모든 제약에서 벗어나 자유로워져야 한다.
지식이 많다고 상상력이 높아지는 게 아니며 새로운 것을 넣으려면 가방 안을 비우듯 지식을 버리는 것도 중요하다.”

1. 파피루스에서 종이까지
구술
(orality)
필사
(manuscript)
인쇄
(print)
전자
(eletronic)
디지털
(digital)
▲기록 수단의 변화

파피루스
인쇄술이 발명되기 전의 지식 정보 표현 수단
• 동굴의 벽이나 돌, 짐승의 뼈, 나무껍질 등의 기록 재료에
서 가공 기술이 개발되어 파피루스나 양피지 등에 필사로
기록하였다.
• 그 중 이집트에서 기원전 3000년경부터 파피루스가 기
록을 위해 가장 많이 사용되었다.
• (파피루스 : 나일강 삼각주 지역에서 자라나는 식물)
• 바빌로니아나 아시리아 등에서는 점토판을 사용하였고,
중국에서는 죽간이나 비단 등에 기록하였다.
▲고대 이집트 파피루스
수메르인의 쐐기문자▶

종이의 발명
기록하는 재료에 혁신적인 변화가 일어난 계기
• 105년 중국의 채륜이 종이를 발명함으로써, 문자의 지식
기록과 전달은 이전과는 획기적으로 다른 차원의 세계를
맞았다.
• 당시 채륜이 만든 종이는 채륜이 만든 종이라는 뜻의 채
후지로 높여 불렀다.
• 채후지는 8세기경 이집트로, 14세기경에는 영국으로 전
해졌다.
• 채륜의 제지법은 4세기에 우리나라에도 전해졌고, 7세기
경에는 고구려 승려 담징이 일본에 전했다.
▲고대 이집트 파피루스
▲종이 제작 과정, 채륜의 종이 제작 5단계 과정

필사 동판 에칭 석판 사진 제판 DTP 인터넷, 디지털 매체
▲지식 기록의 변화
인쇄 기술 발명은 지식 확산의 계기가 되었고,
이로 인해 위대한 학자들의 사상과 지식이 널리 보급되었다.

목판 인쇄
단단하고 새기기 좋은 나무에 그림이나 문자를
새겨 인쇄하는 기법
• 고대 중국에서는 반후아라고 부리며 3세기경부터 사용하
기 시작했다.
• 일본이나 유럽 등지에서는 6세기경부터 사용하였고, 책
이나 카드의 그림들이 목판화로 제작되기 시작했다.
▲무구정광대다라니경 - 우리나라에서 확인된 최초의 목판인쇄본 (704~706)
목판인쇄 작업 장면▶︎
독일의 예술가이자 저술가, 인쇄 기술자인
요스트 암만이 뉘른베르크에서 제작한 목판화

삽화의 활용
금속활자의 발명과 함께 늘어난 삽화의 활용
• 1450년 독일의 요하네스 구텐베르크가 금속활자를 발명
한 이후 약 50년간 무려 900만 권의 책이 발행됐다.
• 문자 기반 지식 기록의 혁신과 더불어 삽화의 활용도 크
게 늘었다.
• 1493년 독일의 ‘뉘른베르크 크로니클’의 경우 무려 1800
여 장의 목판을 포함하는 백과사전을 제작한 것으로 세계
의 역사와 창조물에 관한 내용이 포함되었다.
◀뉘른베르크 크로니클
독일, 1493년

목판화와 활자인쇄
금속활자가 개발된 후에는 활자로 문자 부분을
인쇄한 다음, 그림 부분만 목판으로 인쇄하는
방법을 주로 활용
• ‘청빈의 성경’ - 성경을 소재로 목판화의 삽화와 금속활자
인쇄의 문자를 조합한 최초의 책이다.
• 당시 완전한 성경을 이해할 수 없는 평신도를 위해 제작
되었기 때문에 문자로된 내용은 요약하고 그림을 많이 활
용해 구성했다.
◀청빈의 성경, 1462-3
금속활자 인쇄와 목판화
그림을 조합한 최초의 책

인그레이빙 (동판 기술)
16세기 금속판에 이미지를 새겨 인쇄하는 동판
기술이 목판인쇄를 대체
• 목파보다 내구성이 좋고 섬세한 표현이 가능하여 제작하
기 더 쉽다.
• 예술적 그림이나 지식을 위한 실용적 그림을 제작하는 중
요한 방법으로 많이 활용되었다.
▲코뿔소, 알브레히트 뒤러, 1515
독일의 화가이자 판화가, 수학자였던 뒤러가 코뿔소의 스케치와 글을 보고 동판인쇄로
제작한 그림이다. 이 그림은 최근까지 독일 등의 과학책에 사용된 것으로 그의 작품 중
가장 잘 알려진 것이다.

에칭
오늘날에도 널리 사용되는 판화 예술이나 인쇄
를 위한 중요한 기술
• 동판에 의한 판화, 인쇄 기술로 발전해온 역사가 길다.
• 동판화 기법보다 상대적으로 배우기 쉬워 그림을 전문으
로 하는 예술가들에게 널리 활용되었다.
• 프랑스의 철학자이자 문필가인 드니 디드로는 백과사전
을 기획하고 제작하였다. 이는 1751년부터 1772년까지 제
작 됐는데, 총 28권으로 3129개 에칭이나 동판 기법을
이용한 일러스트레이션이 포함되었다.
▲백과전서 혹은 과학, 예술, 기술에 관한 사전
18세기 프랑스의 백과서전파가 만든 백과사전이다. 디드로는 단지 번역하는 것에 그치
지 않고 세상의 모든 새로운 개념과 새로운 지식을 하나의 지붕 아래에 담고자 했다.

리도그래피
석판인쇄, 현재의 오프셋 인쇄의 시초
• 18세기 말 독일의 알로이스 제네펠러가 자신의 문학작품
을 대량으로 인쇄하고자 발전시켰다.
• 화석과 같은 석판석에 물과 기름을 반발작용을 이용한 인
쇄 기법이다.
• 일러스트레이션을 표현하는 일반적인 방법이 되었다.
• 1875년 영국의 로버트 바클레이가 윤전식 오프셋 인쇄기
를 개발해 대량 인쇄가 필요한 것에 이용하였다.
스크린 인쇄
스텐실, 실크스크린
• 스텐실은 아르누보나 아르데코 운동 시기인 19세기 말과
20세기 초에 많이 사용된 기술이다.
• 판에 구멍을 뚫고 여기에 물감을 통과시킴으로써 종이에
인쇄하는 방법인데, 등사판이라고도 한다.
• 실크스크린은 실크와 같은 천에 감광액을 바르고 인쇄할
원고를 천 위에 놓고 감광을 시킨 후 원고 부분에 잉크를
통과 시켜 인쇄하는 방법이다.
• 사진 기법이 이미지를 재현하는 기술로서 새로운 가능성
을 보여준 시기였다.

◀인쇄술의 구분
음각인쇄, 목판인쇄, 석판인쇄, 스크린인쇄

▲인쇄란 무엇인가?, 인터랙티브 프로젝트, 뉴욕 현대미술관, 2011

사진
카메라 렌즈로 대상이나 현상의 빛을 모아 필름
에 맺히게 한 뒤 인화 과정을 거친 이미지
• 사실적 재현이나 동적 시뮬레이션의 시각화를 통해 직관
적 이해를 돕는다.
• 예술가들은 사진을 주로 조형적 표현과 메시지 전달에 활
용한다.
필름 영상
카메라를 통한 사진 이미지, 애니메이션, 비주
얼 이펙트 기술등을 이용하여 제작되는 것
• 엔터테인먼트와 예술 장르, 교육적 수단으로 활용된다.
• 성별, 나이, 국적, 문화적 배경, 장애의 유무에 상관없이
누구에게나 커뮤니케이션 효과가 높은 기술이다.
• 1878년 미국의 에드워드 머이브리지는 사진 기술을 이용
해 동물 움직임을 연구했다.

사진 제판
신문·잡지·서적 등에서 사진·삽화·컷제목 등
의 인쇄를 위해 사용되는 인쇄상의 기술
• 사진 제작과 마찬가지로 빛을 이용하는 기술이다.
• 일반적으로 제판용 카메라로 스크린을 이용해 원고들을
촬영하고 현상해 인화지나 포지티브 필름 형태의 인쇄원
고를 만들거나, 또는 사진식자나 전산조판한 판면의 오프
셋 인쇄를 위해 사진 원판, 촬영한 도판 원고를 동판이나
플라스틱판에 소부하고 부식시켜 ‘동판을’ 만드는 것을
말한다.
• 컴퓨터가 인쇄 과정 작업을 대신할 때까지 사진제판은 인
쇄를 위한 필수적이고 중요한 프로세스 중 하나였다.

디지털 사진
카메라 등을 이용하여 피사체의 전기적 신호로
변환시킨 후 다시 디지털 신호로 바꿔 저장된
것, 또는 컴퓨터에서 직접 만들어진 이미지
• 이미지를 이루는 픽셀을 표현하는 화소가 같은 범위에 몇
개 들어 있느냐에 따라 이미지의 품질에 차이가 난다.
• 초음파를 이용해 물질 표면 및 내부의 확대 이미지를 얻
는 장치, 물질 내부의 관찰이 가능한 초음파 카메라 등에
도 활용된다.
◀푸른 곰팡이의 생식 구조를 촬영한 현미경 사진
◀ 피부 온도 측정 미미지
적외선 상태를 신호로 감지하여 색으로 전환해준다.

컴퓨터 그래픽
컴퓨터를 통해 이미지를 만들어내는 기술
• 정보와 지식을 위한 이미지를 가상공간에서 만들고 보여
주고 보관할 수 있는 인류가 발명한 가장 혁신적인 기록
의 수단이라고 할 수 있다.
• 현실에서는 불가능한 것도 상상력을 통해 표현할 수 잇으
며, 매우 정밀한 이미지도 빠르고 손쉽게 제작할 수 있다.
• 초기에는 정보의 시각화나 과학의 시각화에 주로 사용했
으나, 3차원의 입체적 표현으로 건축, 의학, 생물학 같은
분야에도 사용된다.
▲태아의 모습
◀ 스케치 패드 - 최초의 컴퓨터 그래픽

컴퓨터 애니메이션
육안으로 보기 어렵고 확인하기 어려운 사실,
내용을 시뮬레이션하여 쉽게 이해할 수 있게 하
는 것
• 컴퓨터 그래픽을 이용하여 제작한 이미지들이 움직이도
록 만드는 전체 과정이다.
• 3D 모델링 이미지와 2D 이미지의 프레임들의 연속된 동
작으로 이뤄진다.
• 모델링 데이터나 일러스트레이션, 사진 등의 이미지 소스
에 움직임을 적용하여 무빙 이미지를 만든다. 이어서 사
운드, 그래픽을 추가하는 편집과 렌더링을 거쳐 완성된다.
▲의학 교육을 위한 태블릿 PC용 메디컬 애플리케이션
터치 패드에서 3차원으로 된 인체 구조를 여러 각도로 돌리거나 확대해 볼 수 있는 인
터랙티브 시각화의 사례다.

전자출판
컴퓨터로 단행본이나 책 등의 출판물을 편집하
고 디자인하는 작업
• 데스크 톱 퍼블리싱(DTP)이라고 하며 탁상출판을 의미
하기도 한다.
• 컴퓨터에서 작업이 완료되면 곧바로 인쇄로 넘어갈 수 있
게 됐고, 이 덕분에 복잡한 인쇄 과정이 간소화 됐다.
• DTP는 미국에서 시작되어 애플 컴퓨터를 중심으로 확산
되면서 전 세계적으로 보편화 되었다.
• 1990년대 중반 이후 DTP는 웹이나 키오스크, 시디롬과
같은 하이퍼 미디어 퍼블리싱과 연결되었다.
• DTP를 위한 소프트웨어의 가장 형식이 비슷한
WYSIWYGWhat you see os what you get 형식의 저작 소프트웨어
가 일반화되어 컴퓨터나 모니터, 통신 기기의 전자 스크
린을 통해 편집된 내용을 바로 볼 수 있게 되었다.
• 최근 출판 영역은 모바일 매체로도 확장되었고 그만큼 지
식의 확산이나 공유가 급속도로 늘어났다.
• 페이지들을 묶은 e-Book 형식이 있는가 하면, 멀티미디
어와 인터랙티브 환경이 애플리케이션으로 불리는 형식
도 있다.

2부. 사람과 지식
3장. 지각과 인지
1. 감각의 작용 - 지각
2. 해석의 작용 - 인지
3. 지식의 이해 과정
4. 기억작용
4장. 지식의 편집
1. 지식은 또 다른 지식을 부른다.
2. 편집을 위한 분류
3. 지식 시각화를 위한 편집
4. 사용자 중심의 지식 편집

1. 감각의 작용 - 지각
지각이란?
우리가 감각적 정보를 해석하거나 체계화함으로써
주변 환경에 대해 이해하거나 주의를 갖는 과정
우리의 지각작용은 주로 이미지를 보는 것에서부터 시작된다.

인지란?
개념화하다, 인식하다 등의 의미로
지식을 얻는 과정이나 정신적 작용
• 인지는 지각, 직관, 추론 등을 포함한다.
• 인지 작용은 자연스럽게 일어나며 때로는 인위적으로 발생할 수 있다.
• 의식적이거나 무의식적인 차원에서도 생긴다.
• 정신과 마음, 지력 등의 개념으로 정신적 작용과 그 과정이라고 할 수
있다.

인지와 지각
일상적으로는 지각과 인지란 용어를 구분하진
않고 사용되지만 엄밀히 구분되는 개념
• 정보와 지식의 수용 과정에서 지각 작용이 먼저 이루어지
거나 동시에 인지 작용이 함께 일어난다.
• 지각이 감각을 통해 정보를 받아들이는 단계에서 생기는
감각적 과정과 경험이라면 인지는 그것을 해석하는 정신
적 과정과 경험이다.
• 인지는 광고분야에서 주의, 해석, 결정, 기억의 과정으로
소비자의 상품이나 브랜드의 인지와 행동 과정을 설명한
다.
집중전 처리
오버뷰전반적 인상
세부적 관심
기억
지식과 정보의 인지 과정
적용

무엇인가 새로운 것이 시각의 장에 나타났는데 그것에 의식적인 관
심을 두고 있지 않을 때 일어나는 것
• 초기에 우리의 시각적 감각은 주변의 상황을 파악하기 위해 눈에
보이는 시각적 장을 광범위하고 신속하게 살핀다.
• 어디를 봐야겠다는 의식적인 선택보다는 대상이 가진 속성에 의해
발생한다.
• 시각적 특징이 있다고 인지되면 대상에서 전체적인 인상, 즉 낮은
수준의 지각적 정보를 뽑아낸다.
집중전 처리
오버뷰
세부적 관심
기억
적용

어떤 지식이나 정보의 내용을 볼 때의 처음 단계
•지식의 정보의 내용의 전체적인 패턴을 읽고 나서 각 내용의 상세
한 부분에 관심을 둔다.
•초기에 대상에 대한 의미는 통합적 전체적 관점에서 얻어지기 때
문에 대부분의 경우 지식의 이미지에서는 글로벌 단계, 즉 전체를
파악하는 단계를 우선시한다.
•그러므로 사용자가 글로벌 단계로 들어가는 것을 도와주기 위해
요소들의 전체적인 패턴을 쉽게 알아볼 수 있도록 충분히 강조해
야 한다.
집중전 처리
오버뷰
세부적 관심
기억
적용

오버뷰 단계에서 대상을 지각한 다음 그것에 흥미나 필요성을 느껴
대상에 대한 상세한 부분에 관심을 둘 경우
•이 단계에서는대상에 대한 디테일한 내용을 집중해 관찰하고 이해
하려고 한다.
•시선의 움직임을 조정하는 인지적 메커니즘을 선택적 주의라고 하
는데 이 단계에서는 선택한 대상에 대한 기억 메커니즘인 작업기
억이 작동된다.
•이런 작용 때문에 지식의 내용을 잘 조직화해야 세부 내용을 파악
하고 기억할 수 있다.
•사용자가 세부 내용에 쉽게 도달하고 이해할 수 있도록 의도된 순
서나 방향에 다라 시선을 유도하는 것이 필요하다.
집중전 처리
오버뷰
세부적 관심
기억
적용

• 작업기억(기억 메커니즘)은 선택적으로 어떤 정보에 주의를 기울
이면 그것을 장기기억으로 전환시켜 저장한다.
• 관심 있고 흥미 있는 분야의 지식이라면 그 내용이 장기기억 장치
로 저장될 것이다.
집중전 처리
오버뷰
세부적 관심
기억
적용
• 장기기억 장치에 저장된 지식은 외부와의 상호작용에 따라 기억장
치에서 관련 지식을 이끌어낸다.
• 이와 관련된 지식은 필요와 상황에 따라 상기할 수 있으며, 필요한
곳에 적용하거나 이용할 것이다.

감각기억 작업기억, 암기 상기력
시각정보 입력 주의 인코딩
검색
무관심 정보 망각 망각
리허설
우리의 지식 정보 처리 시스템
: 감각기억, 작업기억, 장기기억
▲기억 작용 (마리아 지빌라 메리안의 수선화 일러스트레이션)
우리는 이것을 볼 때 색채나 형태, 구도들이 감각기억에 등록된다. 또 그림의 주요 상황과 특징적 요소들은 작업기억에
들어간다. 장기기억에서는 작품을 보는 것만으로도 작가나 꽃이름, 제목을 기억해내는 단서가 된다. 이 작품을 보게된
경험 자체도 장기기억에 저장될 것이다.

기억의 형태
• 지식을 기억하는 것은 외부에서 들어온 어떤 지식에 대해 그것과 비
슷한 카테고리나 프로토타입을 찾는 것부터 시작한다.
• 카테고리 : 새롭게 들어온 지식에 대해 알고 있는 배경지식
• 프로토타입 : 어떤 지식에 대한 기본적인 것이나 유형
• 지식의 기억과 재생에 일종의 지식 모달리티가 관여하고 있으며, 이
는 지식을 기억하거나 재생할 때 도움을 줄 것으로 보고있다.
• 모달리티 : 어떤 모습이나 양상 같은 것, 과거에 자신이 학습하고 경험한 지식을
떠올리게 하는 것.
4. 기억작용

1. 편집은 관점의 방향
편집의 방향
시간적 편집
문맥적 편집
절차적 편집율동적 편집
장면적 편집
▲편집의 종류와 방향
마쓰오카 세이코 일본의 편집공학연구소 소장
“편집은 그 방향이 중요한데 결국 어떤 축으로 편집해나갈 것인가”

편집의 방향
시간적 편집
문맥적 편집
절차적 편집율동적 편집
장면적 편집
마쓰오카 세이코 일본의 편집공학연구소 소장
“편집은 그 방향이 중요한데 결국 어떤 축으로 편집해나갈 것인가”
현상이나 사건을 시간적으로 편집하는 것
ex) 사건 상황의 사황 전개, 과학적 사실
텍스트가 지니는 의미와 방향에 따른 편집
순서를 명확히 하고 싶어 하는 편집
ex) 매뉴얼, 스펙 정리
주제와 관련된 중요 장면을 골라낸 편집
ex) 만화나 그림책, 광고 , 영화
리듬을 중시하는 편집
ex) 음악, 무용, 스포츠
▲편집의 종류와 방향

지식의 아키텍처
• 누구나 지식을 사용하지만 개인마다 생각하는 깊이나 범위는 다르고
관리하는 것이 확실치 않다. → 지식을 시각화해서 다루기 위한 새로
운 패러다임으로서 지식의 편집, 즉 지식 구조화가 필요하다.
• 지식의 편집이란 대상의 핵심과 의도를 잘 드러내어 그에 대한 소통
과 이해, 기억과 활용을 위해 유용한 것으로 만들기 위함이다.
• 그 목적과 전달 대상에 따라 내용과 형식을 전하는 편집 방향이 필요
하다.
• 사람들은 본능적으로 복잡하고 어렵게 보이는 것에 부담감을 느끼고 피
하는 경향이 있으므로 단순화가 필요하다.
• 단순화 : 복잡하게 보이는 어떤 대상이나 현상을 비슷한 것끼리 묶
어 다른 것과 구분하고, 이해하기 편하도록 패턴을 찾아내는 것.
• 지식 편집은 결국 지식의 이용도를 높이기 위해서다. 축적된 방대한 지
식을 필요한 때에 적절히 이용하도록 하는 것이 최종 목적인 것이다.
패턴 찾기
지식 편집
지식 구조화
==
▲지식 아키텍쳐

지식의 체계 : 데이터-정보-지식-지혜
지혜
지식
정보
데이터
개
인
기
계
▲지식의 체계
데이터 : 수집된 기쵸 자료
정보 : 데이터를 재배열하여 새롭고 의미 있는 형식으로 전환된 것
지식 : 축적된 개념이고 일반화된 형식
지혜 : 지식과 경험을 바탕으로 개인적 차원의 깨달음

지식의 노드와 구조
• 모든 지식은 원지식과 배경지식으로 구성되고 그것들이 서로 연결되어 네트워크
상태로 밀집되어 있다.
• 예를들어 컵은 많은 지식(언어)의 집합성을 통해 이해되는 것이다. 단지 대표 노드
로 컵이란 단어로 라벨을 붙여놓은 것으로 누구든 컵이란 말이 무슨 의미인지 알아
차린다. 컵, 유리, 용기, 일용품, 용도 등도 지식 노드들이다.

• 원지식과 배경지식의 노드로 이루어진 무수한 고리들이
거미줄처럼 연결된 것이 바로 지식구조다. 이것은 하나의
의미 단위 구조로 볼 수 있다.
• 이 지식구조는 입체적이며 다의적이다.
• 어떤 것에 대한 지식은 일종의 의미 단위들이 하이퍼링크
상태로 있는 구조다.
• 어떤 방향으로 링크들을 연결할 것인가에 따라 지식의 구
조와 성격이 결졍된다.
• 지식의 의미 단위 구조에는 특정의 핵심 지식과 관련 지
식으로 구성되는데, 원지식을 중심으로 배경지식들이 구
조를 이룸으로써 전체 지식이 형성된다.
원지식
배경지식
배경지식
배경지식
배경지식
배경지식
▲원지식과 배경지식의 구조

• 원지식과 배경지식의 노드로 이루어진 무수한 고리들이
거미줄처럼 연결된 것이 지식 구조다.
• 이 지식구조는 입체적이며 다의적이다.
• 어떤 것에 대한 지식은 일종의 의미 단위들이 하이퍼링크
상태로 있는 구조다.
• 어떤 방향으로 링크들을 연결할 것인가에 따라 지식의 구
조와 성격이 결졍된다.
• 지식의 의미 단위 구조에는 특정의 핵심 지식과 관련 지
식으로 구성되는데, 원지식을 중심으로 배경지식들이 구
조를 이룸으로써 전체 지식이 형성된다.
원지식
배경지식
배경지식
배경지식
배경지식
배경지식
▲원지식과 배경지식의 구조

3.편집을 위한 분류
• 어떤 대상을 편집하려면 우선 의미단위들의 분류가 필요하다.
• 분류란 구분을 위해 어떤 단위들로 나누는 것으로, 의미 단위가 같은 것끼
리 서로 묶는 것을 말한다.
• 분류는 지식의 편집 과정에서 가장 기본적인 작업이다. 분류가 없는 지식
편집이란 있을 수 없다.
• 어떤 지식을 전달하기 위해서는 그 지식 노드를 구성하는 요소의 대해 분류
작업이 우선 진행되어야 한다. 따라서 특정 지식의 지식 노드들을 어떻게
구성할지 정하는 것이 지식 아키텍처를 위한 분류 작업의 시작이다.
편집을 위한 분류

• 지식 노드를 구성하기 위해 지식 내용을 어떤 기준으로 어떻게 나눌지에 대
한 기준과 형식
• 분류 기준과 형식은 먼저 내용에 대한 분석에서 시작된다. 분석은 지식 원
자재인 데이터나 정보로부터 지식을 만들어내는 필수 과정이다.
• 분석은 지식 간에 상대적인 유사성과 차이점을 찾기 위한 어떤 원리 같은
것이 필요하다.
• 우리의 사고에 존재하는 의미 구조를 분류하는 방법이 다양하기 때문에 몇
가지 분류 기준으로 각각의 대상에 대한 핵심을 구분해는 것은 쉽지 않다.
• 기본적인 방법은 분류 시스템인데 어떤 내용을 특정 맥락으로 분류할 수 있
는 체계이다.
분류 체계

분류 방법
▲지식의 분류 단계
수집 : 모든 자료를 널리 모은다.
선택 : 수집된 자료에서 일부를 뽑아낸다.
분류 : 어떤 프레임에 기초해 계층적으로 분류한다.
배치 : 목적이나 속성에 따라 배치한다.
재배치 : 배치된 것에서 또 다른 구분과 재배치를 할 수 있다.
라벨링 : 계통, 계열, 계보 등을 정리한다.
선택 분류 정리 재배치 라벨링
원지식
배경지식
지식
노드
지식
노드
지식
노드
지식
노드

분류 방법
리처드 솔 워먼이 제시한 정보를 분류하는 구체적인 방법
“LATCH”
(Location - Alphabet - Time - Category - Hierarchy)
위치, 문자, 시간, 카테고리, 위계
→지식을 분리하는 것은 그 안에서 다양한 변형을 통해 서로 다른 방법으로 지식
을 이해할 수 있게 하므로 목적에 맞는 적절한 기준을 잡는 것이 필요하다.

분류 방법
존 마에다의 어떤 것을 분류하는 방법
“SLIP”
어떤 것을 분류하고, 이름을 정하고, 통합해서 우선순위를 정하는 과정
Sort 분류하기
Label 이름 정하기
Integrate 통합하기
Prioritize 우선 순위 정하기
-유사한 성격의 내용들을 묶어 그룹화
-각 그룹의 적절한 이름을 정함
-가능하면 비슷한 것끼리 그룹을 통합하여 단순화
-우선순위가 높은 것들을 하나의 집합으로 모으는 일

• 내용을 시각적으로 전달하려면 필요한 지식을 포함하면서도 시각적 소음을
줄이고, 텍스트의 양은 적절히 하기 위해 내용을 정리하는 편집 기준이 필
요하다.
• 기준을 정하는 것은 지식의 핵심적인 내용을 포함한 전체적인 구조가 지각
과 인지의 과정을 통해 원활하게 전달되고 이해될 수 있느냐의 문제다.
• 시각적 매핑은 편집된 내용과 구성에 따라 시각적 요소를 적절히 배분하고
적용하는 것으로 시선의 유도, 전경과 배경의 구분, 조화와 강조 등의 지각
심리에 맞는 편집과 배열을 요구한다.
• 좋은 지식 시각화는 일차적으로 사용자가 필요로 하는 지식을 정확하게 그
리고 효율적으로 전달하는 것이다.
• 꼭 필요한 지식을 우선적으로, 혹은 더 강조하여 전달하는 것이 중요하다.
사용자가 잘 이해할 수 있또록 분류하고 배열하여 질서를 부여하는 작업을
우선해야 시각화를 위한 좋은 편집이다.
지식 시각화를 위한 편집

• 스토리텔링은 이야기, 이야기를 하는 화자, 이야기를 듣는 청
자로 구성되며 언어나 이미지, 음성이나 행위 등을 통해 전달
된다.
• 스토리텔링은 우리 일상에서 늘 접하는 것이며 누구나 본능적
으로 관심을 갖는다. 따라서 어떤 심오한 내용의 지식이라도
스토리텔링의 기법으로 전달한다면 친밀하고 재미를 갖게 할
수 있다.
• 현대의 스토리텔링은 언어보다는 매체의 다양한 감각적 수단
을 이용하는 방식으로 이뤄지고 있다.
• 지식 전달을 위한 스토리텔링은 말이나 문자만이 아닌 다양한
표현수단과 전달 매체를 활용하여 극이나 영화에서 쓰는 스토
리텔링의 요소와 기법을 적절하게 적용하는 것이 필요하다.
재미의 구조화 - 스토리텔링
이야기
(story)
화자 청자
내용구조
감각적 수단
▲스토리텔링의 구성

스토리텔링의 요소
• 관점 : 목적이 뚜렷해야 한다. 청자와의 연결은 관점에 대해 공감하고 이야기의
맥락을 이해할 때 가능하다.
• 논점 : 도입 부분에 중심 의도가 있어야 한다. 본질적으로 논점을 정의해야 한다.
• 정서 : 관심을 끌기 위한 이야기는 감성이나 기분을 느낄 수 있는 대비, 강조 등의
요소가 필요하다.
• 내레이션 : 톤의 변화, 청자에게 이야기하듯 말하는 것이 필요하다.
• 배경 요소 : 이야기 줄거리에 배경 이미지나 음악은 지각적 요소로 작용하여 주의
를 집중시킨다.
• 일관성 : 이야기의 일관성을 위해 내용에 맞는 이미지, 사운드, 시각적 구성의 통
일감이 필요하다.
• 속도 : 내용의 특성이나 목적, 사용자에 따라 속도를 달리하여 긴박감이나 흥분,
차분함이 드러난다. 이야기의 속도가 전체 내용 관점, 감정에 적합해야 한다.
재미의 구조화 - 스토리텔링
자스민티, Irresistible cafe, 베이징, 2010 ▶
자스민티와 관련된 지식을 이야기식으로 구성하였다. 관련 지식을 선택하고 분류하여 정리
하였다. 내용들을 자스민티의 유래, 수확 시기, 자스민 향, 차 만들기, 건강으로 분류하여 각
내용을 라벨링했다. 이 같은 구성으로 전체적으로는 자스민에 대한 배경지식들을 이야기식
으로 묶어 표현한 사례다.

5. 사용자 중심의 지식 편집
연속되는 지식의 구성
•교육학자 토머스 더피 “안다는 것은 어떤 완료된 상태가 아니라 지속
적으로 진행해나간다는 의미다.” 이는 개인의 지식이 사회적 경험과
인지적 작용을 통해 지속적으로 구성하고 다시 재구성된다는 의미일
것이다.
•사용자가 주체가 되어 자신의 경험으로부터 지식과 의미를 구성해나
가는 것으로 교육학이나 심리학에서는 이를 구성주의 학습이론으로
불린다.
•이런 구성주의적 관점에서 지식 사용자는 곧 의미의 주체고 지식의
시발점이다. 지식을 사용자의 맥락에서 어떻게 습득하고 활용할 것인
가가 중요한 것이다.
•따라서 지식의 전달에서 중요하게 다뤄야 할 부분이 바로 사용자 중
심의 지식 편집이다.
사용자와의 상호작용
감각적인 자극
심리적인 몰입

3부. 지식의 시각화
5장. 지식의 이미지
1. 의미와 통찰의 이미지
2. 보는 것은 이해하는 것이다
3. 지식, 정보, 데이터의 이미지
4. 시각화의 목적과 특성
5. 비주얼 리터러시
6장. 지식 시각화의 구성
1. 시각화의 대상
2. 시각화의 형식
3. 시각화의 변수들
4. 문자의 요소

1. 의미와 통찰의 이미지
• 지식의 이미지는 우리가 알고 있는 것들을 좀 더 풍부한 의미로 전달함으로
써 사람 또는 집단 사이의 지식 창작과 전달, 이해를 용이하게 한다.
• 복잡한 지식에 대한 통찰을 구성하고 전달하는 모든 의미를 시각적 표현으
로 가시화 한다.
• 지식 시각화는 단순한 사실의 전달과 더불어 지식 사용자 간의 경험, 자세,
가치, 기대, 견해, 주장, 예상 등에 대한 이해를 원활하게 해준다.
• 이미지의 시각화 형식은 개념을 표현한 다이어그램이나 지도, 상호작용적
시각적 메타포 등의 복잡하고 섬세한 형태로 표현된다.
• 이미지는 우리의 눈으로 직접 볼 수 있는 지각의 이미지로부터 과거에 경험
했던 기억의 이미지, 현실에 존재하지 않은 상상의 이미지도 포함된다. 더불
어 무엇을 대신하는 기호로서 혹은 상징으로서 특정 지식과 정보와 의미를
전달하는 매개역할을 하기도 한다.
의미와 통찰의 이미지

2. 보는 것은 이해하는 것이다
• 본다는 것에 대한 사고방식은 관찰자가 대상을 바라보는
것이고 보는 것이 곧 이해한다는 것으로 인식하는 것이
다. 이는 지식을 습득할 때 눈으로 보는 것을 통하여 항상
영향을 받고 있음을 의미한다.
• 우리가 세계를 인식하는 방식이 주로 시각의 이미지를 통
해 이루지는 것이며, 지각의 체계화가 바로 지식의 이미
지를 만드는 것과 같은 것이다.
• 대상을 봄으로써 이해한다는 것에 비춰 지식의 이미지란
지식의 대상을 이미지로 전환하여 이해 수준을 높이고 또
다른 지식을 창조하는 의미가 있다는 것이다.
• 단지 말로 하거나 문자를 통하는 것보다 시각화된 이미지
는 매우 다양한 관점과 논의를 명확하게 하고 효율적으로
전달할 수 있게 한다. 또한 이미지뤄 이뤄진 지식은 심미
적 즐거움까지 줄 수 있다.
보는 것은 이해하는 것이다
▲김흥도 ‘대장간’과 ‘기와이기’, 김홍도, 17세기
우리의 조선 시대 김홍도의 풍속화에는 문자는 없
으나 당시 사람들의 모습, 복장, 행동, 생활용품, 놀
이문화 등의 풍속을 엿볼 수 있으며 시대의 생활 역
사를 담은 지식으로 해석될 수 있다.

• 지식 정보의 사회의 특징은 필요한 지식을 잘 수집하고 편집해서 활용하거
나 그것을 통해 새로운 지식을 만들어내는 것이다. 이를 위해 지식의 시각
화가 필요하다. 복잡한 지식 체계를 이해하기 쉽게 하는 적절한 수단으로서
지식의 시각 이미지의 중요성이 있다.
• 시각화는 특정 목적으로 초기 데이터를 탐구하고 재배열하여 그 데이터에
사용자 콘텍스트에 맞게 의미를 부여하여 그것에 접근하거나 사용하는 것
을 돕는 것이고, 그 내용에 따라 간략하거나 단순화하여 즉각적으로 이해할
수 있게 만드는 것이다.
지식, 정보, 데이터의 이미지

지식 시각화 정보 시각화 데이터 시각화
• 일반적인 지식을 더울 풍부하게
하여 사용자간의 지식에 대한
교환과 새로운 창작을 용이하게
하는 목적이 있다.
• 인문, 자연, 사회, 기술, 예술 등
의 학문 분야와 같이 객관성 있
고 검증된 내용을 그 대상으로
하고 있다.
• 우리를 둘러싸고 있는 공간 환
경에 관해 필요한 정보를 즉각
적으로 이해될 수 있는 시각적
형식에 초점을 맞추고 있다.
• 기초자료로써 데이터 수집을 기
반으로 그 데이터의 상태를 직
접적으로 시각화하는 것이다.
• 주로 디지털 공간에서 생성되는
방대한 데이터들의 변화와 상호
연관성에 대해 디지털 매체를
통해 표현하며 다양하고 실험적
인 방식으로 데이터의 상태를
보여준다.

구분 지식의 시각화 정보의 시각화 데이터의 시각화
목적 지식의 기록, 교류, 재창조 주변 정황의 정보 전달 데이터 분석
내용
지식 
(what, now, why..)
공간, 도구 사용의 원리와 방법 기초 데이터
분야
인문, 사회, 자연, 기술, 의학,
예술 분야
공간과 제품, 웹사이트, 인터페
이스와 인터랙션, 가상 공간
과학 및 공학 분야, 예술,
네트워크 가상 공간
출처 학술기관, 연구소, 기업, 개인 공공기관, 기업, 개인 학술기관, 연구소, 개인
표현 방법 정적, 동적, 인터랙티브 정적, 동적, 인터랙티브 정적, 동적
사용자 개인 혹은 집단 개인 개인 혹은 집단
▲시각화의 구분

▲정보의 시각화. 2009년 1~3월 수요일 하루의 택시 지도. 매듀 블로치 외, 2009, 미국 뉴욕 <타임스> 인터넷판에
서 뉴욕 맨해튼의 택시 운행시간 정보를 보여주는 인터랙티브 형식의 정보 시각화 프로젝트,
같은 시간 1주일간 시간대별로 택시가 손님을 태우기 위해 멈춘 지점들의 누적분포를 색상의 변화로 보여준다.
http://www.nytimes.com/interactive/2010/04/02/nyregion/taxi-map.html?ref=nyregion&_r=0

시각화의 목적과 의도
• 시각화된 이미지는 어떤 지식에 대한 경험적 발견, 혹은 사고의 이론적 줄
기를 요약하거나 통합적으로 보여주는 것이다.
• 숫자나 문자의 표현과 함께 개념적 관계, 공간적 구성에 관한 결과를 보여
주고 조망할 수 있게도 한다.
• 시각화는 지식 사용자들에게 적합한 방법으로 표현되고 보여주어 지식의
특성을 드러내며, 관계나 프로세스 등에 대한 경험을 해주게 한다.
• 시각화된 이미지는 설득력을 발휘하기도 한다. 눈길을 끌게 할 수 있고, 인
지적 전달과 이해의 효과를 더하며, 흥미를 유발하거나 주의를 유지할 수
있도록 재미있게 하여 지식을 쉽게 이해할 수 있게 한다.

시각화의 기능
내용 요약 및 통합
추상적인 것의 구체화
흥미 유발과 주위 집중
사용자와의 원활한 소통
새로운 지식의 통찰

시각화 이미지의 특성
• 지식의 시각화는 우리가 알고자 하는 지식에 좀 더 풍부한 이해와 접근 수
단을 줌으로써 사용자 간 지식 창조나 전달을 증진하는 것이다.
• 시각화의 방식은 관찰된 색이나 형태로 묘사되는 사실적 표현, 간략화, 메
타포와 같이 개념적 구조, 화살표, 색상, 기하학적 형태 등을 이용한 상징적
방식도 있다.
• 모든 시각화의 과정은 해석과 변환의 과정이 필요하다. 의미를 만들어내는
복잡한 과정에서는 이미지로 무엇을 알려줄 것인가, 혹은 무엇을 드러나게
하고 무엇을 배경으로 할 것인가가 관여된다.
• 지식 전문가와 디자이너는 지식분야나 디자인 분야에 대해 서로 소통을 해
서 지식 시각화의 목적을 공유해야 한다. 디자이너들도 어떤 주제에 대해
지식의 연관을 가질 수 있게 해석하고 표현하는 훈련이 되어야 한다.

유클리드 기하학, 올리버 바인
▲유클리드 기하학. 올리버 바인
• 1847년 피커링이 출판한 올리버 번의
유클리드 원리는 인쇄매체에서 지식 표
현의 획기적인 방법을 선보인 하나의 사
건이라 할 수 있다.
• 목판을 이용하여 다이어그램과 상징들
을 원색으로 인쇄했고, 선과 면의 구분
을 문자로 표시하지 않고 색상으로 한
것이다.
• 빅토리아 시대의 이 책은 19세기의 가
장 오래되고 아름다운 책 중 하나로 평
가되고 있다.
• 피커링은 이런 디자인을 통해 학습자가
지식을 습득하는 시간이 훨씬 빨라졌다
고 확신했으며, 역동적인 색채의 활용과
명확한 구조적 설명을 통해 지식을 어떻
게 표현해야 하는가를 보여준 선구적 사
례이다.

비주얼 리터러시
• 이미지는 감각적 요소와 상징적인 요소, 창의적인
표현 방법과 기술 등을 이용해 지식을 보이게 만든
다. 비주얼 리터러시란 그러한 이미지를 판단하고
읽고 쓰는 능력이다. 이미지를 쓰는 장단점을 알고
지식 전달과 통찰력을 표현하는 새로운 방법으로 사
용된다.
• 이미지에 대한 이해와 해석에 관한 문제뿐 아니라
그것을 어떻게 적용하고 활용할 것인가에 대한 원리
나 방법에 관한 것이다.
• 비주얼 리터러시는 시각적 사고, 시각적 학습, 시각
적 소통 등으로 설명할 수 있다.
시각적 사고
시각적 학습 시각적 소통
▲비주얼 리터러시의 구성

시각적 사고
• 어떤 아이디어나 의미를 나타내기 위해 시각적 요소
를 중심으로 생각하는 것이다.
• 지식이 개념적 단계로부터 발전하려면 때때로 적극
적인 시각적 사고가 필요하다. 시각적 사고는 문제
의식의 발단, 아이디어의 생성과 연관된 창의적이고
즉흥적인 과정이다.
• 시각적 사고는 추론적 이미지를 반복해서 다듬는 노
력과 통합으로 내용이 더 명확해지도록 하는 과정이
다. 또한 인지적 과정으로서 다양한 관점으로 묘사
할 수 있는 능력으로써 지식을 건축해나가는 과정이
라고 말할 수 있다.
▲다빈치의 스케치
레오나르도 다빈치는 시각적 이미지가 재현이라기보다
일종의 발견을 위한 수단으로 생각한 것 같다.
첫째 단계는 사물의 마음으로 관찰해 그것의 인상을
상세하게 내재화할 수 있게 스케치해가는 것이다.
둘째 단계는 사물의 가장 깊은 본질을 형태로 드러내어 다른
일반적인 형태와 결합시켜 새로운 아이디어를 만들어 내는 것이다.
다빈치는 다양한 측면의 시각을 전체로 통합하는 것에서
참된 지식이 나온다고 말했다.

시각적 학습
• 시각적 학습은 두 가지로 구성된다.
• 첫째는 어떤 의미가 이미지에 담겨있다는 것을
인식하는 것이고
• 둘째는 이미지에서 그 의미를 해석하고 활용하
는 과정이다.
• 시각적 학습을 가능케 하는 지식 이미지의 효율적
역할은 이미지와 텍스트가 같이 있을 때이다. 이미
지는 직접적인 경험으로써 지각 경로를 통해 작용하
는 반면, 텍스트는 인지적 작용을 하므로 서로 보완
기능을 하기 때문이다.
• 시각적 학습을 위한 이미지는 지식을 통합적으로 보
여주는 것이다.
▲화확원소 주기율표
▲조류독감 바이러스의 작용, 미국 <타임>
http://content.time.com/time/interactive/0,31813,1914947,00.html

시각화의 구성
지식
-know what
선언적 지식
-know how
절차적 지식
-know why
실험적·경험적 지식
-know-where
공간적 지식
-know who
사람의 지식
목적
-콘셉트 발전
-의사소통, 교육
-주의력 집중
-묘사/확실/예시
-협동심 유발
-설득 수단
-에듀테인먼트
형식
-다이어그램
-Map (지도, 안내도)
-일러스트레이션 (메타포)
-스틸 사진, 디지털 이미지
-다이내믹 이미지
-입체물 (물리적 형태)
사용자
-전문가
-지식 생산자
-학생
-일반인
-미디어 개발자
-사업가

• 지식의 시각화는 물리적인 대상이나 현상만을 재현하는 것이 아니고 논리
적 사고, 상징적인 것, 상상적인 것들도 시각화의 대상이다.
시각화의 대상
구분 현상 사례
가시적
보이는 현상 자연, 환경, 생물체, 인공물
기기를 통해 보이는 현상 세포분열, 별자리, 열, 내시경
비가시적
보이지 않는 현상의 측정 데이터 온도, 대류, 소리, 중력
보이지 않는 현상 인간의 사고, 사회현상
가정에 의한 현상 신화, 블랙홀
개념의 실체화 메타포, 관계, 요약, 개념
▲시각화의 대상

시각화의 특성
▲시각화의 특성
속성 대상 상태 차원
정신적->물리적
물리적->물리적
시각적->
시각적 비시각적
-> 시각적
정적->정적
정적->동적
동적->동적
동적->정적
입체->평면
평면->입체

시각화의 특성
표현 형식 기술적 측면 표현 요소 특성 사용자 특성
다이어그램, 맵,
일러스트레이션,
디지털 이미지,
다이내믹 이미지,
입체물
해석 능력
제작 숙련도
제작 장비
재현력
해상도
색채, 형태,
문자, 배치,
멀티미디어,
상호작용
문화적 형식
지식 시각화의 전통
기술의 숙련도
개인적인 선호도
목적 지향의 선택

시각화의 형식
시각화 수단
• 선, 드로잉, 다이어그램
(아이콘, 아이소타입, 기하학적 형태, 그래프, 치트)
• 맵 (지도, 안내도)
• 일러스트레이션 (메타포)
• 스틸 사진, 디지털 이미지, 입체물
▲시각화 수단의 종류

시각화의 특성
표현 형식 기술적 측면 표현 요소 특성 사용자 특성
다이어그램, 맵,
일러스트레이션,
디지털 이미지,
다이내믹 이미지,
입체물
해석 능력
제작 숙련도
제작 장비
재현력
해상도
색채, 형태,
문자, 배치,
멀티미디어,
상호작용
문화적 형식
지식 시각화의 전통
기술의 숙련도
개인적인 선호도
목적 지향의 선택

시각화 변수의 특성
구분 위계 강조
종류와 형식에 의한
구분
중요도와 순서에 따른
구분
강조와 조직화
색상,
형태 (일러스트레이션),
타입페이스, 표
연속적 위치, 레이아웃,
타입의 크기와 무게,
줄 간격
색과 명암, 선과 박스,
아이콘, 타입의 스타일

시각화 변수의 요소들
방법 정적요소 동적요소
그래픽
형태, 색상, 크기,
위치, 길이
깊이, 폭
애니메이션 속도, 방향, 방위 속도, 방향, 방위
인터랙션 / 내비게이션
패닝(Panning),
페이지 이동
줌인 (Zoom In),
줌아웃 (Zooming out),
회전, 장면 이동
사운드 소리 방향, 소리의 높이, 길이, 음색

지식의 시각화 2

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à 지식의 시각화 2

Similaire à 지식의 시각화 2 (20)

Plus de 은지 조

Plus de 은지 조 (20)

지식의 시각화 2