만져지는 디지털, 연결된 아날로그

신기헌 / 뉴미디어 아트 디렉터

유한킴벌리 디지털 포럼

강의에 들어가며

건축과 디자인의 언어가 ‘뉴미디어’와 만나며 새로운 결과물로 확장되는 과정을 경험

이 때의 ‘뉴미디어’는 테크놀로지만이 아닌 현실과 가상, 물질과 비물질을 연결하는 개념적 요소

(건축 + 디자인 + 사용자 경험 + 마케팅 + 교육 + 사회혁신) x 뉴미디어

아이덴티티

다양한 전문가들과 기업의 협력을 통해 완성한 새로운 형태의 프로젝트

Hanabank Brand Flagship Store

아이덴티티

http://goo.gl/HOr6A

마케팅과 뉴미디어의 만남

마케팅 + 아트 + 뉴미디어

기존에 아트를 접목해 온 마케팅 분야에 뉴미디어가 새로운 축으로 등장

마케팅에서 아트의 역할

아트가 가진 아름다움, 신비로움, 숭고함, 고급스러움, 희소성 등의 이미지를 브랜드나 상품의 이미지로 활용

아티스트나 아트웍이 가진 인지도를 통해 브랜드의 이미지를 견인하는 역할

마케팅에서 뉴미디어의 역할

뉴미디어가 가진 미래적, 진보적, 도전적 이미지를 브랜드나 상품의 이미지로 활용

동시에 뉴미디어 그 자체가 가진, 혹은 뉴미디어를 통해 만들어내는 아름다움과 숭고함을 활용

개인적인 아이덴티티의 변화와 마케팅 분야에서의 변화의 흐름이 '뉴미디어 아트'라는 하나의 지점에서 만나게 됨

마케팅과 뉴미디어의 만남

만져지는 디지털

데모 시연

Light Breath

내부 구조와 원리

LED, Tilt Sensor, Switch, Microcontroller, Battery, Wire,

그리고

Interface, Story

사람들의 심장박동과 연동되어 작동하는 공원 내 다수의 스팟라이트를 활용한 공공 예술 작품

Pulse Park - Rafael Lozano-Hemmer

아이덴티티

http://goo.gl/vxYiE

LED 소자 자세히 관찰하기

기능, 형태, 방향, 구성 요소 등

LED(Light Emitting Diode)의 기본 작동 원리

LED를 작동하기 위한 프로세스

어떻게 하면 LED를 작동시킬 수 있을지 가설 설정

가설 실험 오류 상황 발생

LED가 켜지지 않는다...

타는 냄새와 함께 연기가 난다...

전압이 너무 낮아서?, 전압이 너무 높아서? 전극을 잘못 연결해서?, 납땜을 안해서?

빛을 발생시키는 기본적인 기능

속도, 주기, 밝기, 색상 등의 다양한 요소를 제어

한 개의 LED 소자로 할 수 있는 일들

LED(Light Emitting Diode)의 기본 작동 원리

빛을 통한 신호 전달

디지털 신호

아날로그 신호

LED 꺼짐 / LED 켜짐

LED 꺼짐 / LED의 밝기 변화 (0) (1-255)

(0) (1)

빛을 통한 신호 전달

우리가 접하는 디스플레이는 사실 여러가지 색상을 표현할 수 있는 수많은 LED의 배열

디스플레이를 통해 생성되는 빛은 텍스트, 이미지, 영상 등의 매우 구체적인 정보를 전달

디지털 신호는 빛의 꺼짐과 켜짐으로

아날로그 신호는 빛의 밝기로

여러가지 빛의 색상으로 구체적인

여러 개의 LED의 배열로 구체적인

'신호' 를 전달

'감정' 을 전달

'상황' 를 전달

'정보' 를 전달

빛을 통한 신호 전달

디스플레이의 공간적, 문맥적 확장

2차원의 LED의 배열을 3차원적으로 확장한다면?

고정적인 LED의 배열이 실시간적이고 유동적인 형태가 된다면

8개의 프로펠러로 날아다니는 소형 헬리콥터

A Swarm of Nano Quadrotors

디스플레이의 공간적, 문맥적 확장

http://goo.gl/OGFDN

3차원 공간에서 일시적으로 모였다가 흩어지는 LED 픽셀

Flyfire

디스플레이의 공간적, 문맥적 확장

http://goo.gl/gGCJs

3차원 공간에서 다양한 구성 요소로 변화하는 픽셀

Curious Displays

디스플레이의 공간적, 문맥적 확장

http://goo.gl/CzNs

디지털 신호의 확장

신호 변환 (인코딩) 신호 전달 신호 해석 (디코딩)

신호 전달의 기본 프로세스

1초 동안 LED가 수만 차례 꺼지고 켜지기를 반복한다면?

신호를 변환하고 전달하고 해석하는 프로세스가 매우 빠르게 이루어진다면?

이마트 만의 특별한 서비스를 제공함으로써 MVNO 비즈니스를 이마트의 브랜드 이미지와 연결 테크놀로지를 통해 이전에 불가능했던 새로운 경험을 현실화

Emart Sale Navigation - Lighting Coupon

디지털 신호의 확장

http://goo.gl/kQAH5

디지털 신호의 확장

전기 신호 스피커 사운드 파장 이미지

다른 형태의 아웃풋으로의 전환

사운드, 진동 등의 아웃풋이 더해짐으로써 보다 다양한 감각을 통해 정보를 전달

전기 신호 모터 회전 사운드 / 이미지

소리를 통해 공기 중에 생성되는 여러 개의 파장을 컨트롤하여 물체를 공중에 부유

Acoustic Levitation

다른 형태의 아웃풋으로의 전환

http://goo.gl/FhPZ4X

모터에 다양한 재질과 형태의 물체를 고정하고 회전시켜 소리를 생성

Zimoun Sound Installation

다른 형태의 아웃풋으로의 전환

http://goo.gl/GNK0GH

디지털 신호의 확장

단순한 신호의 전달에서부터

구체적인 정보나 감정을 전달하고

마음을 설득하는 단계에 이르기까지

이것이 우리가 뉴미디어를 이해해야 하는 중요한 이유

연결된 아날로그

연결된 아날로그

루브 골드버그 머신 (Rube Goldberg Machine)

가장 단순한 과제를 해결하기 위해서 만든 가장 복잡한 기계

복잡함의 단계가 길수록, 그 방법이 창의적일수록 높은 평가를 얻게 됨

OK Go - This Too Shall Pass http://goo.gl/Qw5v

연결된 아날로그

Intel Robotic Musicians

연결된 아날로그

http://goo.gl/iVBhe

컴퓨터 안에서 일어나고 있는 디지털의 프로세스를 아날로그적으로 표현해본다면?

눈에 보이는 디지털 신호

디지털 세계의 0과 1

물리 세계의 화이트와 블랙

1차원의 Bar Code, 2차원의 QR Code

아날로그가 만들어내는 디지털 신호. 아날로그와 디지털 메타포의 순환 연속적인 아날로그의 조형물 상의 빛과 그림자가 일시적으로 QR Code를 생성

Emart Sunny Sale Campaign - 3D Shadow QR Code

눈에 보이는 디지털 신호

http://goo.gl/ApTXI

장시간 노출 촬영으로 와이파이의 세기를 빛으로 표현하는 LED 인스톨레이션의 궤적을 기록

Light Painting W-iFi

http://goo.gl/T9rsU

눈에 보이는 디지털 신호

적정 디지털 기술

일상의 모든 것이 연결되는 사물 인터넷의 시대

그러나 만약 우리에게 더 이상 무선 네트워크 기술이 허용되지 않는다면?

가상의 제약 조건 아날로그 감성 자극 새로운 컨버전스적 발상

터치 스크린을 통해 인식 가능한 종이 카드 기반의 인터페이스

Nuko Toy Interactive Card Game

적정 디지털 기술

http://goo.gl/zQJQW1

터치 스크린을 통해 게임 속 캐릭터의 피규어를 인식함으로써 확장된 게임 컨텐츠를 경험

Apptivity Toys

적정 디지털 기술

http://goo.gl/jaIFeA

TV 화면 속 컨텐츠와 리모컨을 통해 인터랙션

Skoda Superb Estate Interactive TV CF

적정 디지털 기술

http://goo.gl/xmk0

낯섬의 인터페이스

익숙함의 인터페이스

예. 하이패스, 교통카드

어떤 익숙함의 재료를 사용할 것인가

어떤 낯섬의 재료를 사용할 것인가

우리가 일상 가운데 가장 편리하게 사용하는 인터페이스는?

익숙함의 인터페이스

인풋, 프로세스, 아웃풋으로 이어지는 기본 구조

전체를 연결하는 익숙한 스토리와 메타포를 배치

인풋 프로세스 아웃풋

익숙한 방식의

스토리 메타포

익숙한 방식의

익숙한 방식의

익숙함에서 낯섬으로

익숙함으로부터 벗어나기

사람들의 관심을 모으고, 참여를 유도하고 마음을 움직이기 위해서는 익숙함을 벗어나야함

익숙함을 벗어나 사람들에게 어떤 경험, 어떤 서비스를 제공할 수 있을까?

낯섬의 인터페이스

익숙함으로부터 벗어나기

우리가 이미 알고 있는 경험이나 지식을 통해 쉽게 이해할 수 있는 스토리와 메타포를 기반으로...

기대하지 못한 장소와 시간에서 기대하지 못한 방법으로 만나는 손쉬운 인터페이스

낯설게 하기

낯설게 하기

인풋과 아웃풋의 중 하나를 낯선 무언가로 대체

익숙한 방식의 인풋 + 낯선 방식의 아웃풋

낯선 방식의 인풋 + 익숙한 방식의 아웃풋

인풋 프로세스 아웃풋

스토리 메타포

익숙한 방식의

익숙한 방식의 익숙한 방식의

낯선 방식의 낯선 방식의

인풋과 아웃풋의 중 하나를 낯선 무언가로 대체

익숙한 방식의 인풋 + 낯선 방식의 아웃풋

낯선 방식의 인풋 + 익숙한 방식의 아웃풋

낯설게 하기

인풋 프로세스 아웃풋

스토리 메타포

익숙한 방식의

익숙한 방식의 익숙한 방식의

낯선 방식의 낯선 방식의

디지털의 자리에 아날로그를 배치

아날로그의 자리에 디지털을 배치

인풋 프로세스 아웃풋

디지털 방식의 디지털 방식의

아날로그 방식의 아날로그 방식의

인풋 프로세스 아웃풋

디지털 방식의 디지털 방식의

아날로그 방식의 아날로그 방식의

낯설게 하기

디지털의 자리에 아날로그를 배치

아날로그의 자리에 디지털을 배치

낯설게 하기

인풋 프로세스 아웃풋

디지털 방식의 디지털 방식의

아날로그 방식의 아날로그 방식의

인풋 프로세스 아웃풋

디지털 방식의 디지털 방식의

아날로그 방식의 아날로그 방식의

스펙트럼의 경계 발견하기

스펙트럼의 경계 발견하기

인식의 한계를 발견하기 위한 방법은 스펙트럼의 양쪽 끝의 경계를 경험해보는 것

양쪽 끝의 경계를 인식할 수 있다면 그 사이의 영역은 모두 자유로운 발상의 무대

현실의 일상의

아날로그의 물질의 고정된 익숙한

가상의 일탈의 디지털의 정보의 변화하는 낯선

폭넓은 스펙트럼의 스토리텔링

디즈니의 아이덴티티

단순한 세개의 동그라미만으로 모든 것을 담아낼 수 있는 디즈니

전세계 남녀 노소 누구나 (유한킴벌리 브랜드와의 연관성)

현실에서 가상으로, 일상에서 일탈로, 아날로그에서 디지털로

현실 속 디즈니의 스토리텔링

지금 뭘 줍고 있는거죠?

꿈의 조각을 줍고 있었어요...

먹고 있던 팝콘을 떨어뜨렸어요.

괜찮아요, 곧 칩과 데일이 그 팝콘을 먹으로 올거에요...

(홀로 서 있는 도널드덕에게) 데이지는 언제 오나요?

데이지는 지금 쇼핑 중이에요...

Q.

A.

Q.

A.

Q.

A.

Philips Disney StoryLight

• 블루투스로 연동되는 스마트 조명 기구

• 태블릿 상의 디즈니의 책 컨텐츠와 연동되며 아이들 공간의 분위기를 변화시킴

디즈니의 스토리텔링 사례

http://goo.gl/h0v8pe

Philips Disney StoryLight

• 블루투스로 연동되는 스마트 조명 기구

• 태블릿 상의 디즈니의 책 컨텐츠와 연동되며 아이들 공간의 분위기를 변화시킴

디즈니의 스토리텔링 사례

• 디즈니 리조트의 상징적인 악세사리인 Ear Hat에 디지털 테크놀로지를 접목

• 공연 관람 지역을 일정 면적으로 분할하여 그 각각에 독립적인 신호를 전달

• 음악과 무대의 조명이 Ear Hat의 LED와 실시간으로 연동되며 분위기를 연출

Glow with the Show

디즈니의 스토리텔링 사례

http://goo.gl/Qtt5c

Glow with the Show

• 디즈니 리조트의 상징적인 악세사리인 Ear Hat에 디지털 테크놀로지를 접목

• 공연 관람 지역을 일정 면적으로 분할하여 그 각각에 독립적인 신호를 전달

• 음악과 무대의 조명이 Ear Hat의 LED와 실시간으로 연동되며 분위기를 연출

디즈니의 스토리텔링 사례

• 입장객의 얼굴을 스캐닝하여 3D 데이터를 생성한 후 선택한 캐릭터와 합성하여 3D 프린팅

D-Tech Me Princess Experience

디즈니의 스토리텔링 사례

http://goo.gl/mBUPi

• 입장객의 얼굴을 스캐닝하여 3D 데이터를 생성한 후 선택한 캐릭터와 합성하여 3D 프린팅

D-Tech Me Princess Experience

디즈니의 스토리텔링 사례

• 지금까지 등장한 디즈니의 캐릭터와 세계관을 코스튬이라는 컨셉을 통해 하나의 세계관으로 통합

Disney Universe

디즈니의 스토리텔링 사례

http://goo.gl/brclM

• 지금까지 등장한 디즈니의 캐릭터와 세계관을 코스튬이라는 컨셉을 통해 하나의 세계관으로 통합

Disney Universe

디즈니의 스토리텔링 사례

• 피규어를 활용한 인터페이스를 통해 디즈니의 캐릭터를 연동

• 디즈니의 캐릭터와 세계관을 중심으로 높은 자유도의 오픈 월드 형식의 게임을 경험

• 디즈니의 피규어는 추후 극장, 음식점, 기념품샵 등 다양한 서비스 공간과 연계 가능

Disney Infinite

디즈니의 스토리텔링 사례

http://goo.gl/TlYb3

• 피규어를 활용한 인터페이스를 통해 디즈니의 캐릭터를 연동

• 디즈니의 캐릭터와 세계관을 중심으로 높은 자유도의 오픈 월드 형식의 게임을 경험

• 디즈니의 피규어는 추후 극장, 음식점, 기념품샵 등 다양한 서비스 공간과 연계 가능

Disney Infinite

디즈니의 스토리텔링 사례

• 제스쳐 인식이 가능한 키넥트 콘트롤러를 기반으로 가상으로 재현된 디즈니 랜드를 탐험

• 독립된 게임 형태의 어트랙션과 100가지 이상의 퀘스트가 존재

Kinect Disneyland Adventures

디즈니의 스토리텔링 사례

http://goo.gl/f3miv

• 제스쳐 인식이 가능한 키넥트 콘트롤러를 기반으로 가상으로 재현된 디즈니 랜드를 탐험

• 독립된 게임 형태의 어트랙션과 100가지 이상의 퀘스트가 존재

Kinect Disneyland Adventures

디즈니의 스토리텔링 사례

Disney Tsum Tsum

• 디즈니의 캐릭터를 담아낼 수 있는 깜찍한 블럭 형태의 모듈

• Line 메신저용 게임 http://goo.gl/MwTAeh

디즈니의 스토리텔링 사례

http://goo.gl/zkrCEy

Disney Tsum Tsum

• 디즈니의 캐릭터를 담아낼 수 있는 깜찍한 블럭 형태의 모듈

• Line 메신저용 게임 http://goo.gl/MwTAeh

디즈니의 스토리텔링 사례

• RFID가 내장된 손목 밴드 형태의 티켓

• 테마파크 내의 탑승, 숙박, 제품 구매 등의 모든 경험을 하나로 연결

• 디즈니의 캐릭터의 아이덴티티가 담긴 다양한 버전의 디자인으로 제공

Disney Magic Band

디즈니의 스토리텔링 사례

http://goo.gl/hanFdI

• RFID가 내장된 손목 밴드 형태의 티켓

• 테마파크를 비롯한 숙박 시설, 부대 시설 등에서의 경험을 하나로 연결

• 디즈니의 캐릭터의 아이덴티티가 담긴 다양한 버전의 디자인으로 제공

Disney Magic Band

디즈니의 스토리텔링 사례

• 테마파크의 코스에서 다양한 테마로 펼쳐지는 컨텐츠 결합형 이벤트

• 디즈니의 컨텐츠와 연계되는 경험과 보상 요소가 달리기의 재미를 더함

• 전문적인 트레이닝이나 코스 관련 정보 를 비롯 프로모션 상품들을 제공

runDisney - Princess Half Marathon

디즈니의 스토리텔링 사례

http://goo.gl/OodlVP

• 테마파크의 코스에서 다양한 테마로 펼쳐지는 컨텐츠 결합형 이벤트

• 디즈니의 컨텐츠와 연계되는 경험과 보상 요소가 달리기의 재미를 더함

• 전문적인 트레이닝이나 코스 관련 정보 를 비롯 프로모션 상품들을 제공

runDisney - Princess Half Marathon

디즈니의 스토리텔링 사례

강의를 마무리하며

강의를 마무리하며

연결된 아날로그

디지털과 아날로그 사이의 스펙트럼을 자유롭게 넘나들며

사람들에게 기분 좋은 낯섬과 마주치는 경험을 전달

만져지는 디지털 +

강의를 마무리하며

유레카와 세렌디피티의 순간

일상에서의 지속적인 통찰, 발상, 기록, 공유

누군가의 손을 거친 결과가 아닌 날 것의 재료를 관찰

놀이와 배움과 일이 결합되는 지점을 찾아 서있기

반대편의 새로운 분야로부터 불편한 자극 얻기

강의를 마무리하며

전체의 스펙트럼 안에서의

자유롭게 아이디어를 발산할 수 있는 크리에이터 되기

heavenlydesigner@gmail.com heavenlydesigner.com

신기헌

https://sites.google.com/site/heavenlydesigner/lecture/yuhankimberly

heavenlydesigner@gmail.com heavenlydesigner.com

신기헌

https://sites.google.com/site/heavenlydesigner/lecture/yuhankimberly