Designnet > 09/11

16
DESIGNNET | 081 SPECIAL REPORT 오늘날, 끊임없이 변화하는 환경으로부터 다양한 형태의 정보가 생성되고 축적되며 소멸하는 가운데 정보디자인은 우리 삶을 아울러 왔다. 이 가운데 정보 시각화를 의미하는 인포메이션 그래픽(Information Graphics)은 각 시스템 영역에서 더욱 쉽고 편리한 정보전달을 돕는 역할로, 정보의 원리와 방법, 인과관계, 비교와 대비 등을 통해 표현된다. 정보 시각화 도래를 주도해온 예일대 인포메이션 디자인학과 에드워드 터프티(Edward Tufte) 교수는“한 페이지에 담긴 정보의 양은 그 페이지에 인쇄된 잉크의 양과 비례해야 한다”고했다. 이는정보를 전달하기 위해 정밀한 시각적 요소를 확대해 뒷받침해야 한다는 뜻이다. 국제 정보디자인 학회 설립자인 피터 심링어(Peter Simlinger)는 인터뷰에서정보디자인을“지식전달을 위한 디자인(Design for Knowledge Transfer)”이라고정의했다. 아직정보디자인 분야에서 인포메이션 그래픽 개념은 우리에게 낯설게 느껴질지도 모른다. 하지만,그것을 지식전달의 중요한 매개체로 인식한다면, 우리나라도 변화하는 정보기술과 정보디자인 분야로의 큰 발전을 맞게 될 것이다. 기획 편집부 INFORMATION GRAPHICS 지식전달을 위한 디자인 인포메이션 그래픽

description

Special report about information graphics published by Designnet (nov.09 issue)

Transcript of Designnet > 09/11

Page 1: Designnet > 09/11

DESIGNNET | 081

SPECIAL REPORT

오늘날, 끊임없이변화하는환경으로부터다양한형태의정보가생성되고

축적되며소멸하는가운데정보디자인은우리삶을아울러왔다. 이

가운데정보시각화를의미하는인포메이션그래픽(Information

Graphics)은각시스템 역에서더욱쉽고편리한정보전달을

돕는역할로, 정보의원리와방법, 인과관계, 비교와대비등을통해

표현된다. 정보시각화도래를주도해온예일대인포메이션

디자인학과에드워드터프티(Edward Tufte) 교수는“한페이지에

담긴정보의양은그페이지에인쇄된잉크의양과비례해야

한다”고했다. 이는정보를

전달하기위해정 한

시각적요소를확대해

뒷받침해야한다는

뜻이다. 국제정보디자인

학회설립자인피터

심링어(Peter Simlinger)는

인터뷰에서정보디자인을“지식전달을

위한디자인(Design for Knowledge

Transfer)”이라고정의했다. 아직정보디자인

분야에서인포메이션그래픽개념은우리에게

낯설게느껴질지도모른다. 하지만,그것을

지식전달의중요한매개체로인식한다면,

우리나라도변화하는정보기술과

정보디자인분야로의큰발전을맞게될

것이다. 기획편집부

INFORMATION GRAPHICS지식전달을위한디자인

인포메이션그래픽

Page 2: Designnet > 09/11

DESIGNNET | 083082 | DESIGNNET

SPECIAL REPORT

정보디자인 : 사용자를위한배려이며의사결정에도움을주는것

정보는마치공기와같아서주변을흐르며우리의삶에다양한 향을

미치고, 그형태또한다양하다. 그러나수많은정보들이범람하는시대에

모든정보가의미있는것은아니다. 필요로하는사람에게도움을줄수

있어야진정한의미를갖게되며, 필요한곳에쉽게전달되어야가치있는

것이다. 이러한정보를디자인해야하는이유도정보사용자가적절한

방법을통해정보를쉽게이해하고활용할수있도록하는것이가장

중요하기때문이다. 상업적커뮤니케이션디자인의경우제품이나

서비스에대한설득적메시지를위해다소과장하거나감성적접근이

가능하다.하지만정보디자인의메시지는객관적이며논리적인접근으로

정보지향적인것이우선이다. 우리삶에 향을미치는환경이나도구의

원리와방법, 지식과연구내용, 길찾기와안내, 제품과가상공간의활용에

대한지시나교육이며, 일종의섬세한배려이고의사결정에도움을주는

것이정보디자인이다.

의미와형태를부여하는것

정보와비슷한말로‘데이터’가있는데, 데이터는정보로서이용될수

있는단계가아니다. 데이터디자인이란말이없는것을보면알수있다.

데이터상태를정보로탈바꿈시켜야한다. 정리되지않고복잡하게

보이는데이터를분류하고, 묶고, 이름을붙이고, 통합하고, 우선순위를

정해정보가되며가장단순화해보이도록만들어야한다. 단순하게

만들어야하는이유는인간의정보처리능력에한계가있기때문이다.

복잡하고혼란스러운상태의데이터를잘조직화해서의미가드러나

관심을갖도록정보를디자인하는것이필요하다. 여기에흥미까지

담아낸다면더욱좋다. 우리는각자개별적인학습과기억을바탕으로

오감(五憾)을통해외부의정보를받아들이며, 오감중에서도주로

시각과청각에의해대부분의정보를습득한다. 이는다시개인의필요에

따라재조합된다. 다시말해일반적인정보의습득은이미지, 기호, 심벌에

의한시각시스템과인간의언어, 자연어, 음악등의청각시스템을통해

이루어진다고볼수있다.

사용자가중심이되는것

정보를디자인한다는것은그정보가언제, 어디에서, 누구에게, 어떤

방법으로전달되고활용하게되는지에대한섬세한배려도포함해야

한다. 정보는생산자중심이아닌사용자중심에서바라봐야하는것으로,

사용자콘텍스트(Context)를잘이해해서반 해야한다는의미다. 사용자

콘텍스트란정보가언제어디에서누구에게어떤방법으로전달되고

접하게되는지에대한여러가지정황을의미하는단어다. 언제나정보가

사용되는대상, 공간과시간, 매체등을파악한후그에따라디자인해야

할것이다.

유니버설디자인관점으로

잘된정보디자인이란그정보를사용하는모든사람들에게불필요한

스트레스를주지않는것이다. 정보가다양한사람들이사용할경우를

생각하고필요한정보를평등하게전달되도록해야하는데, 그런

의미에서정보디자인은유니버설디자인과관련이깊다. 개개인을모두

고려하는유니버설디자인관점에서모든사람이이해할수있고,

사용하기편리한정보를제공해야하기때문이다.

단순함의법칙으로

정보디자인에서제일중요한것은앞에서도언급했듯이복잡하게보이는

것들을단순하게보이도록만드는것이다. 정보는내용을분류하고이름

붙이고우선순위를정하여정리하는조직화가필요하다. 조직화된정보를

시각적표현요소를통해정보의의미가드러나도록시각화해야한다.

정보의시각화는시각적인요소로우리의시선을유도하여정보들간의

관계를보여주며, 정보에감성을불어넣어친근감을느끼게한다. 여기서

시각적요소가정보의미에맞게적절히매핑(Mapping)되는것이

중요한데, 형태나색채의적절성, 서체의가독성, 사용자와의인터랙션,

정보가놓이는환경과의조화도고려해야한다.

감성과경험중시의통합적형태로

미래로갈수록우리삶에서정보가차지하는비중은점점더확대될

것이며, 이에따라정보디자인의역할도달라질것이다. 과거에도정보의

교환, 즉커뮤니케이션의변화가사회패러다임을변화시키곤했다.

인쇄술의발명, 전화나 TV의보급, 인터넷의등장등이그것이다. 특히

디지털기술은정보의개인화를촉진시켰으며정보생산자와소비자의

경계를없애고정보유통을더욱빠르게하고있다. 이제단순한정보의

전달만이아닌사용자의감성과경험을중시하는정보형태로진화할

것이다.

정치관련인포메이션그래픽은정부가국민을대상으로올바른정책을펴고, 국민은정확한사실을

인지하고이해하며평가할수있도록과장됨이없이정직하게제공돼야한다. 예를들어, 국가가국민에게

어느정도의세금을거두었으며, 그것을어떻게사용하고있는지를보여주는인포메이션그래픽이라면,

국가의책임과국민의권리및의무를명확히인식시키는수단이될수있다. 특정대상없이국가를

대상으로하는만큼신중을기해디자인해야한다.

인포메이션그래픽은 정치

오병근서울대 산업디자인과를 졸업하여 뉴욕대 예술대학원, 서울대디자인학부 박사과정을 마치고 뉴욕 TRX 인터랙티브 멀티미디어디자이너, 오리콤 아트디렉터로 활동했다. 현재 연세대 디자인예술학부시각디자인전공 교수이자 한국 디자인학회 상임이사, 한국 인포메이션그래픽 디자인학회 학술부회장을 겸하고 있다. 대표적인 저서로<정보디자인 교과서>,<공공디자인 강좌>,<웹 저작>이 있다.

Max Gadney / WW2 Magazine/ 2009하늘을메운대공포화(Flak Fillsthe Sky)독일군은 대공 포화에 반격을가했고 그들은 미국 군인이주둔하게 되는 결과를 초래했다.독자들에게 육지와 상공에서연발해 폭발하는 대공포화를알리기 위해 다양한 사실에입각한 정보를 보여주었다.주제를 쉽게 이해할 수 있도록육지를 배경으로 한 데이터와상공을 배경으로 한 데이터를구분해 표현한 것이 특징이다.

Max Gadney / WW2 Magazine/ 2009노든폭격조준기(The NordenBombsight)제2차 세계대전 당시 미군이사용했던 노든 폭격 조준기를다룬 것이다. 미 육군 항공단은보다 정 한 폭격을 할 수있도록 노든 폭격 조준기를도입하 다. 이 장비는 회전안정식(Gyro-Stabilized) 광학전자 컴퓨터로, 폭격수가 입력한변수들을 토대로 폭격 위치를산출해내었다. 폭격이 시작되면폭격수는 폭격기의 조종 권한을넘겨받고 마지막 순간까지고도를 유지하 다.

Page 3: Designnet > 09/11

DESIGNNET | 085084 | DESIGNNET

SPECIAL REPORT

Max Gadney / WW2 Magazine / 2007자동소총기원(The Birth of The Assault Rifle)자동소총은 가장 다목적으로 쓰이는 개인 화기로서, 그래픽은 자동소총에 관한 개발시점,사용한 전투, 사용방법 등을 소개하고 있다. ‘레인지 그래프(Range Graph, 시대별로 정리되어나열한 그래프)’위에 다양한 변수들이 표시되어 있다. 핵심 정보는 눈에 띄는 색을 사용해표시했다.

Gavin Potenza / GOODMagazine / 2008오바마가투표자에게미친효과(Obama’s Effect on VoterTurnou) 2008년 미국 대통령 선거당시, 오버마의 득표율은 큰화제가 됐다. 흑인들과 젊은층에게 어필되었던 후보자인만큼 결과에 대한 관심이많았다. 이 두 계층이 과연오바마를 뽑을까? 투표수는얼마나 될까? 미국 선거에 관한조사. 미국대학으로부터의새로운 연구는 적격한 비율로투표자 수가 증가한 지역을조사한 것이다.

Belinda Long-Ivey, Cindy Jones-Hulfachor, Ryan McNeill / South Florida Sun Sentinel/ 2008대통령선거에기여한플로리다(Presidential Campaign Contribution in Florida)2007년 미국 플로리다 주민들에게 가장 지지를 얻었던 민주당, 공화당 대통령선거 후보자를소개하고 있다. 그래픽은 돈과 정치적 성공은 항상 연결되지 않음을 말하고 있으며, 대통령예비선거에서 공화당 후보자들이 이기면서 명백해졌다. 색채의 상징성을 이용해 정보를제공하는 방식으로 딱딱한 주제이지만, 정보 전달은 물론 심미적으로도 독자의 관심을 끌고있다.

Thomas Porostocky / GOOD Magazine / 2009동성간금혼의역사를매듭짓다(Knot Tide, A History of Gay Marriage Bans)아이오와, 메인, 버몬트 주는 2008년 대중의 투표가 둔화되면서 관련법이 강화되는 동안게이의 합법적인 결혼절차가 성립되었음을 보여준다. 그래픽의 왼쪽에서 오른쪽으로시간의 흐름 순으로 게이의 합법결혼에 대한 찬성과 반대의 비율을 보여주고 있다.

Max Gadney / WW2 Magazine / 2009스피트화이어의최상의시간(The Spitfire’s Finest Hour)스피트화이어는 제2차 세계대전 당시 사용된 전투 비행기로, 스피트화이어의 엔진개발 역사와비행기의 부분별 설명, 비행할 때의 날개 변화 등을 소개하고 있다. 감성적인 느낌의 선을사용한 테크니컬 드로잉 방식이다.

Kay Coenen / DAG Newspaper / 2008핵세계지도(Nuclear Worldmap) 오늘날 전 세계 핵미사일 배치를 나타낸 지도로 미국, 국, 프랑스, 이란, 이스라엘, 소련, 인도, 중국, 파키스탄, 북한등이 핵미사일 보유국이다. 미국ㆍ러시아ㆍ프랑스ㆍ중국ㆍ 국 등 5개국은 핵무기 보유의 기득권을 공인받아핵무기 보유국으로 공식 인정받은 나라로 모두 유엔안보리 상임이사국이고, 인도, 파키스탄, 이스라엘 등은 이미핵무기 보유가 기정사실화 된 국가이며, 이들은 NPT에 가입하지 않은 국가이다.

박경민·민동기 / 중앙일보 / 2009문무대왕함 KDX(Korea Destroyer Experiment) II소말리아 해적으로부터 우리 상선을 보호하기 위해 떠난 문무대왕 함을 설명하고 있다. 그래픽은 문무대왕 함의 각부분별 설명과 함께 실제 사진을 곁들인 형식으로 빠른 이해를 돕고 있다. 많은 정보를 담고 있지만 복잡해 보이지않는 이유는 넓은 역에 사용한 컬러가 그래픽 전체에 사용되어 차분한 컬러 톤을 이루고 있기 때문이다.

Page 4: Designnet > 09/11

DESIGNNET | 087086 | DESIGNNET

SPECIAL REPORT

이제는수많은통계적수치나정보도전문가만의전유물이아닌이상경제면에사용되는인포메이션그래픽

또한일반국민들이쉽게이해하고읽을수있도록디자인되어야한다. 소비와유통, 증권, 금융분야에

관련된정보는대부분숫자로구성된것이많아일반인이쉽게이해하기어렵다. 또는산업을기반으로의학,

과학, IT, 기술등부가가치산업이주는경제적 향력은막대하다. 따라서이를재구성하는것은인포메이션

그래픽의중요한 역이다.

경제

Frank Deboed / GOOD Magazine / 2009나라별로육류섭취량이높은나라육류 섭취량이 증가하는 것은 나라의 경제 발전과도 접한관련이 있다. 부유한 나라일수록 시민들의 육류 섭취량 비율이늘어났고, 단백질 섭취량도 후진국에 비해 월등히 높았다.하지만 전 세계에 육류 섭취 증가 비율은 너무 다른 모습을보여줬다. 몇몇의 햄버거 섭취로 인해 몸무게 또한 증가했다.이것은 매년 한 도시를 기준으로 가장 많은 고기를 섭취하는나라를 보여준 것이다.

Always With Honor / GOOD Magazine / 2009역사상가장큰파산 (Largest Bankruptcies in History)올해 GM은 역사상 최대 규모의 파산 절차를 밟기 시작했다.미국의 많은 회사들이 경제위기속에 려 바다 밑으로가라앉는 것을 보여 주는데 각 깃발마다 회사가 손실을 입은액수가 씌어져 있다. 이 그래픽에서 가장 큰 파산을 한 회사는작년 미국 서브프라임 모기지 부실사태로 인해 가장 큰손실을 입은 리먼 브라더스(Lehman Brothers)다.

Gapminder / Gapminder / 2003소득분배(Income Distribution)1970년부터 2000년까지 나라별국민소득을 모션그래픽화 한 것으로,오른쪽 체크박스에 원하는 국가를선택하면 그 나라의 연도별 1인당국민소득 비율을 볼 수 있다.

Albertson Design / GOODMagazine / 2008

월드닷컴은얼마인가?(How much for a world.com)웹사이트에는 10개의 가장 높은판매순위를 기록한 인터넷주소를

모아서 보여주고 있다.

Timko & Klick / GOOD Magazine / 2007 그래민은행재정(Grameen Bank Finance) 1983년 모하메드 유너스(Muhammad Yunus)에 의해 설립된 그래민 은행은 설립이래로 방 라데시의 소규모 대출을 제공하고 있었다. 그와 같은 해 그는 굉장한 유명세를 치르게 됐다. 이 그래픽원안에 그려진 것은 각 년도에 회사가 이룬 업적을 보여주고 있다. 즉, 각각의 원은 마치 기업 상패와 같은 느낌 일 수 있다. 원안에 있는 그들의 업적와 정렬은 이 회사가 거대하고 세계적인규모임을 보여주고 있다.

Page 5: Designnet > 09/11

DESIGNNET | 089088 | DESIGNNET

SPECIAL REPORT

Kay Coenen / BRIGHTMagazine / 2008콘셉트카 2010(Concept Car2010) 미래의 자동차는 어떤모습일까? 가까운 미래2010년을 배경으로 기발한콘셉트 자동차를 소개한다.

Gavin Potenza / GOOD Magazine / 2009중고차현금보상(The Cash for Clunkers)저연비 차량을 고연비 차량으로 교체 시 최대 4500달러까지환급해주는 ‘중고차 보상 프로그램’을 설명하고 있다. 그래픽은갈색과 녹색으로 중고차와 신차를 구분했고, 다양한 패턴으로신차의 제조업체와 비율을 표현해 이해를 돕고 있다.

Kay Coenen / Nuon Energy / 2009쓰레기를태워에너지생산(Garbage Burner and Energy)암스테르담 도시의 쓰레기를 태우는 동안 전기를 발생시킬 수 있는 기술로, 이 열은 도시에중앙난방 시스템을 통해 도시의 빌딩 온도를 높일 수 있다.

Brian McGill / The Tampa Tribune / 2008내일의자동차 (Car of Tomorrow)나스카(스톡 자동차 경주대회를 주최하는 가장 큰 공인단체) 레이싱리그를 위한 새로운자동차를 소개한다. 이 자동차는‘내일의 자동차’라는 콘셉트로 안전함, 합리적인 가격, 더 나은성능을 자랑한다. 그래픽은 자동차를 특성별로 정리해서 설명하고 있다.

민동기.차준홍 / 중앙일보 / 2009‘한국경제의힘’현대중공업울산조선소현대중공업 울산조선소 3도크. 이곳은 한마디로‘골리앗작업장’이다. 1000t 중량의 선박 블록을 실어 나를 수 있는트랜스포터, 1290t 무게의 중량물을 끌어 올리는 크레인은현대중공업의 힘을 상징한다. 그래픽은 앞서 말한 기사와 함께실린 인포메이션 그래픽으로, 현대중공업의 제작 작업장을 소개,설명한다. 여기에 선박제조과정, 발전과정 등을 덧붙 다.

민동기·차준홍 / 중앙일보 / 2009삼성 LED TV

삼성 LED TV 시리즈 신제품을 소개하고 있다. 특히 TV를 액자처럼 와이어 이용만으로벽에 걸 수 있어 벽의 간격이 1.5cm로 좁혀졌음을 말하고 있다.

Kay Coenen / Elsevier THEMA Magazine / 2008당신은간단한자동차기계장치를조립할수있다(Cargadgets you can build in)여러 가지 자동차용품들을 모아 용품별 가격과 설명을 덧붙 다. 가운데 투명한

자동차 그래픽은 용품들이 실제 사용되는 방법과 모습을 보여준다. 그래픽은 정보제공은 물론, 자동차를 마치 장난감 같이 조립할 수 있다는

재밌는 발상으로 즐거움까지 주고 있다.

Page 6: Designnet > 09/11

DESIGNNET | 091090 | DESIGNNET

SPECIAL REPORT

Rafal Piirkarski / Axel Springer Poland / 2007골격과근육시스템 (Skeleton and Muscle System) 인간의 몸에 대해 3D그래픽과 포토샵을 이용해 더 많은 학생들이 시각적으로 쉽게 이해할 수 있도록 디자인한 인포메이션 그래픽 포스터다. 왼쪽은 인간의 근육조직에 대해, 오른쪽은 뼈에 대해상세히 설명했다.

Belinda Long-Ivey / South Florida Sun Sentinel / 2008외상성뇌손상(Traumatic Brain Injury)심한 교통사로를 당한 브랜든 오툴(Brendan O’ Toole)의 뇌수술 설명을 위한그래픽이다. 뇌의 기본적인 기능을 포함해 뇌수술에 관한 정보, 브랜든이 받을 수술에관한 상세한 정보를 담고 있다. 일반인들이 쉽게 이해하기 어려운 정보인 만큼간단하게 표현된 그래픽과 깔끔하게 정리된 텍스트로 시인성을 높이고 있다.

Rafal Piirkarski / Dziennik / 2009프로테우스(Proteus)사람들의 치료를 돕기 위해 발명한 작은로봇을 정맥 안으로 집어넣는다. 과학적아이디어를 시각화 한 그래픽으로,로봇은 콜리(Coli)라는 박테리아와비슷한 구조를 가져 그 크기와 이미지를나란히 비교해 놓았다. 아래 오른쪽 1부터3까지 숫자는 로봇이 사람의 몸속에서어떻게 앞으로 나아가는지의 작동법이설명되어 있다.

Unknown / Edheads / 2007가상무릎수술(Virtual KneeSurgery)환자의 상태 확인부터 수술부위 표시, 절개, 인공 관절교체, 봉합 등의 일련의 시술과정을 사용자가 간접 체험할수 있는 인터랙션정보디자인이다.www.edheads.org

Rafal Piirkarski / Dziennik / 2008어떻게암을치료할수있나 (How to Cure Cancer?)암을 치료하는 새로운 방법은 림프구 세포의 DNA를 바꾸어좀 더 집중적으로 암세포를 공격하는 것이다. 복잡한 세포구조는 3D 그래픽으로 표현되어 이해를 돕고 있다.

Gary Newman/Santa Rosa Press Democrat/ 1999제랄드의심장 (Gerard’s Heart)제랄드는 선천적으로 약한 심장을 가지고 태어나 2살때 심장을 이식 받았는데 그 당시 심장 수술에 관한그래픽이다. 특수 장치를 삽입해 심장 근처의혈액순환이 정상적으로 복원됐다고 설명한다.

Gary Newman / Santa Rosa Press Democrat / 1997새로운에이즈테라피는사망을감소시키고희망을증가시킨다(New AIDS Therapy Decreasing Death Rate,Increasing Hope)그래픽은 전염가능성이 있는 에이즈 바이러스를 과학적으로 분석한것이다. 덧붙여 새롭게 개발된 에이즈 바이러스 치료제로 어떻게하면 에이즈 전염을 예방할 수 있는지 설명하고 있다.

Page 7: Designnet > 09/11

DESIGNNET | 093092 | DESIGNNET

SPECIAL REPORT

사회분야는날씨, 사건, 사고, 교육등전반적으로사회현상정보를제공한다. 따라서상황의변화를

설명하거나사건발생의흐름, 사물이나현상원리, 사건이벌어지는과정과상황의변화등을표현하는

그래픽이주를이룬다. 색과선으로표현하는상황도, 순차적흐름을구성하여설명하는흐름도를이용해

표현할수있다. 날씨정보는지역과시간별로기상변화를쉽게이해할수있어야하며수치, 지역등의

정보가잘표현되어야한다.

TIP과학이 다루는 전자,원자, 세포, 유전자등의 대상 또는현상은 사람의 눈으로인식해 정보를 얻기엔무리가 따르는분야다. 또한 과학용어와 표현도일반인이 이해하기어려운 것이 많다. 이학문을 다룬인포메이션 그래픽은전문적 정보를효율적으로 전달하는가장 좋은 방법으로,자연 현상의 본질과핵심이 왜곡되지않도록 시각화해야한다.

사회

University of Kansas Medical Center / GOOD Magazine / 2008줄기세포에관한모든것(All About Stem Cells)줄기세포는 신체에 있는 모든 세포의 원천이다. 그래픽은 올바른 조건, 즉줄기세포가 모든 신체의 서로 다른 세포 유형으로 나타나는 것을 설명하고있으며, 줄기세포 정의와 우리 몸에서의 역할, 치료 방법 등을 보여준다. 즉“당신 몸을 구성하는 한 가지 요점은 줄기세포다”라고 말하고 있다.

Rafal Piirkarski / Dziennik Daily Newspaper / 2007염색체(Immortal Worm)염색체는 진핵세포의 유전에 관여하는 물질인데 진핵세포의 유전물질은 히스톤 단백질과 꼬여 염색사형태로 핵에 흩어져 있다가, 분열기에 접어들면 염색사가 응축하여 염색체를 형성한다. 이 그래픽을 통해과학자들은 염색체가 어떤 방식으로 세포분열을 통해 생할 수 있는지 설명했다.

Lim yong / The Straits Times, Singapore / 2009싱가폴항공보잉 777-300ER(SIA Boeing 777-300ER)싱가폴 항공(Singapore Airlines)의 최신식 장거리 수송기인 보잉 777-300ER을 설명한다. 인간공학적으로설계된 최대 넓이의 좌석은 목적지까지 편안하게 갈 수 있음을 나타냈고, 좌석에는 개개인의 취향에 맞도록쉽게 좌석을 조절할 수 있는 좌석 조절 패널과 새로운 기내엔터테인먼트 시스템으로 1000여 개가 넘는 다양한옵션을 포함하고 있다.

Chris Korbey / GO0d Magazine / 2009출근은자전거로 (Biking to Work)이 그래픽은 자전거 출근을 권장하는 것이다. 북미 도시에서 가장 높은 자전거이용 도시인 포틀랜드(Portland)는 3.9%로 자전거로 가장 많이 출퇴근 하는도시로 뽑혔고, 그 다음 미네아폴리스(Minneaplis)가 그 뒤를 이었다.

민동기·차준홍 / 중앙일보 / 20094중창문에소음확줄인 KTX - Ⅱ한국형고속열차(KTX)가 다음 달 1일 출범 5주년을 맞는다.지난해까지 1억 6400만여 명의 승객을 실어 나른 KTX는 올해 우리손으로 만든 고속철도 차량으로 거듭난다. 바로 KTX-Ⅱ다. 그래픽은스낵바·장애인 화장실·가족실·수유실 등 승객 편의시설을소개한다.

Kibo / Daily Newspaper in Poland / 2008국제우주정거장, 키보부분 (International Space Station: Space Station, Kibo Part)지난 40년 동안 NASA는 독자적으로 모든 우주계획을 수립해왔다. 그러나 21세기에 NASA는 국제적인 협력을 모색하고 있다. 그 대표적인 계획이국제우주정거장(ISS)이다. 이 그래픽은 2004년 개발된 실험모듈(Japanese Experiment)인‘키보(Kibo)’의 3D그래픽 표현으로우주공간에 지어졌던 ISS 정거장에있는 칸막이 방들의 구조를 설명하고 있다.

TIP지식정보는 데이터의 명확성과 신뢰성이 중요하며 법률적제한 요건을 따라야 한다. 특히 식품과 의약품 정보의 경우정확성을 가장 우선하며 대부분 국가 검증 기관의 검사와실험으로 인증 받은 것만을 표시한다.

Page 8: Designnet > 09/11

DESIGNNET | 095094 | DESIGNNET

SPECIAL REPORT

Carlos Gomez Kindelan /Traffic Report교통리포트(Traffic Report)WHO는 전세계를 대상으로 자동차 속도와 죽음에 관해 조사했다. 왼쪽 첫 번째는 각 나라의 제한속도를 다른 컬러를사용해 나타냈고 두 번째 그래픽은 음주량을 그리고 마지막으로는 어린이 보호에 관련된 나라별 비율을 보여줬다.

Gary Newman /Santa Rosa Press Democrat/ 2003아이콘보완(Securing an Icon)1989년 샌프란시스코에 7.1 강도의 지진으로 큰 피해가 있었지만, 샌프란시스코의 명물금문교만은 무너지지 않은 채 그대로 다. 이 다리를 설계하려 했을 당시 이 지역의 기상조건은건설하는데 좋은 조건은 아니었다. 다리의 위치 또한 설계자들에게 어려운 도전이었다. 하지만,그들은 최신 공법과 새로운 건축양식으로 진행했다. 작업했던 엔지니어들은 강진이 발생하면무너질 수 있음을 걱정했다. 이 그래픽은 강진에도 견디는 금문교의 공법에 관한 디테일들을표시해 놓은 것이다.

정보공학연구소 /동아일보/ 2004수도권인구집중과교통체증통계만 놓고 보면 귀성길 교통 체증은 피할 수 없는 현실이다. 2003년 자동차 등록대수는 약1458만대로 1970년에 비해 120배가 늘었다. 한국의 인구 폭발은 증가했지만, 수도권 이외지역은 제자리걸음을 하고 있다.

Gary Newman /Santa Rosa Press Democrat/ 2001강가까이에빅딕(Big Dig by the River)

빅 딕(Big Dig)이란 보스턴의 중앙 및 간선 도로와 터널 건설 계획으로 크게 파헤쳐졌다는 뜻으로붙여진 별명으로, 이 건설계획은 미국 역사상 가장 크고 복잡한 프로젝트라는 것을 말한다. 그래픽은

강 밑에 터널 공법을 보여준 것으로 러시안 강 밑에 지어졌던 굴대와 터널이 어떻게 큰 송유관사이를 통과하는지를 보여준다.

Gary Newman /Santa Rosa Press Democrat/ 2004벨을울리다(Ringing in the Bell)샌프란시스코 자이언트 야구 경기장은 약 40억 달러를 들여 7년 동안 건설됐다. 그래픽은샌프란시스코 자이언트 야구팀의 고향인 파시픽 벨 파크(이후 AT&T 공원)를 특징적으로보여주기 위한 전시다. 그래픽이 완성 됐을 때 이 공원은 아직까지 공사 중이었다. 그리고아티스트들은 엔지니어들과 디테일에 관한 공사 계획을 인터뷰 했다.

Brian McGill /Springfield News-Leader/ 2004함몬필드(Hammons Field)스프링필드 다운타운에 새로 짓게 될 야구 경기장에 관한 것이다. 이 야구장은미국에서 개인 자금으로 짓게 될 경기장 중 하나다. 야구장의 특징은 교육시설에위치된 28개의 럭셔리 대기실, 풀 서비스를 갖춘 주방 그리고 미국 내 가장 큰마이너리그 점수판을 갖게 된다.

Carlos Gamez Kindelan /EL PAIS print edition, Spain / 2007아트와문화(Arts & Culture)그래픽은 2007년 7월‘지구의 날’동안 개최되었던 콘서트에 관한 것이다. 어떻게 그린 콘서트가 구성되는지그리고 전 세계의 일정을 보여주는 캘린더이다. 그린 콘서트까지 이용되는 차량의 60%는 하이브리드 친환경차량이고 전 세계 채널에서 상 될 콘서트 시간도 표시해 주고 있다. 물론, 콘서트 장에는 분리수거가 필수라는그래픽도 표시됐다.

Page 9: Designnet > 09/11

DESIGNNET | 097096 | DESIGNNET

SPECIAL REPORT

Atley Kasky/ Flowing Prints Company /2009미국을배운다(America Learns)미국 교육의 통계학적 수치들을 볼 수 있다. 각각의 컬러에서 옐로우는 스쿨버스, 그린은축구장, 레드는 벽돌 빌딩 그리고 블루는 답안지를 의미한다. 초등학교와 중학교 등록자수,고등학교 졸업비율, 정부의 지출비용, 교사들 연봉, 장애가 있는 아이들까지 교육의 다양한부분을 아이들의 장난감인‘지혜의 놀이판’에 표현했다.

Richard Saul Wurman/Understanding USA /1999(왼쪽)젊은사람들의독서경향,(오른쪽)미국대학의전공비율16-34세의 젊은 층이 한 달에읽는 독서의 양이 최근 몇 년동안 14%이상 급격하게 줄었다는정보와 미국대학의 전공을일러스트레이션과 색채로구분했다.

Gavin Potenza / GOOD Magazine/ 2009식량지원(Food Assistance)몇몇 경제학자들은 비록 스탁 마켓이 상승세를 보여도 경기가 후퇴할 것이라고 발표했다. 이그래픽은 경제 사다리를 표현한 것인데 즉 우리가 하루하루 살아가는데 최소한으로 줄여야 할 것들을보여준다.

Luca Masud, Mauro Napoli / Politecnico di Milano - Facolta del Design / 2009CPF이 인포메이션 그래픽 시리즈는 라노 폴리테크니코 대학 디자인학과(Design Faculty at Politecnico di Milano)에 속한 학생들의 등록된 학교에 대해 이과나 문과별로 통계를 내서 점수 별로분류하여 발전시킨 것이다.

Gonzalo Hernandez Arias / Diario Quequi QuintanaRoo / 2008속보(Breaking News)이 그래픽은 어린아이가 본인의 죽음에 대해 암시한이야기를 다루고 있다. 어린이는 처음으로 멕시코체투말(Cheumal)로 여행을 가는 중 갑작스런 사고로사망했다.

Gonzalo Hernandez Arias / Diario Quequi QuintanaRoo / 2009전신국폭행(Asalto Telegrafos)전신국에서 일어난 폭행사건에 관한 보도를 보여주고있다. 도둑들은 탁기용 작은 망치를 이용해 창문을 깨고물건을 훔쳐 미리 준비해 놓은 토요타 승용차로도주했다.

Gonzalo Hernandez Arias / Gonzalo Hernandez Arias / 2009심각한부상(Se Encuentra Grave)

요리를 하다가 압력기구가 폭발하는 사고 소식을 다룬 기사. 32살필립(Felipe)은 요리를 준비하는 중 끓고 있는 냄비의 뜨거운 파편에

화상을 입었다는 기사를 다루고 있다.

Gonzalo Hernandez Arias / Gonzalo Hernandez Arias / 2009자마쉬바그다드(Zamach Bagdad)그래픽은 폴란드 군인들을 위해 전쟁기간동안 무슨 일이 일어났는지 정확히 보여주었다. 많은사진들과 인공위성 사진들 그리고 군인들의 스케치들은 매우 엄 한 사건을 재구성해서사용되어졌다.

Page 10: Designnet > 09/11

DESIGNNET | 099098 | DESIGNNET

SPECIAL REPORT

Artist, Michele Graffieti; Designer, Luca Masud / Wired Italia / 2009미래의지도(The Map of the Future) 이탈리안 매거진 WIRED에 게재된 미국 캘리포니아주 서부에 위치한 도시 팔로 알토(Palo Alto) 연구소의 미래를 위해 개발했던시나리오다. 팔로 알토는 아이디어를 그물 안에 넣어 독자들이 알기 쉽게 했고, 전 세계 향력 있는 7천여 명의 사람들의 추측을바탕으로 미래를 설계했다.

Fogelson-Lubliner/ GOOD Magazine / 2009당신은얼마나많은물을사용하는가?(How Much Water Do You Use?)우리는 아마도 물 사용의 소비량 대해 알면 점점 더 놀랄 것이다. 이 그래픽은 물의 발자취를따라가 본 것이다. 물의 발자취를 계산한다는 것은 어려울 수 있다. 하루 동안 개인이 사용하는물의 양은 어느 정도일까? 당신이 모든 음식을 먹고 물을 구매해서 마신다. 예를 들어 고기를생산하기 위해 소에게 물을 먹이는 것 또는 당신의 핸드폰을 만드는 공장이 물을 사용하는 것등 우리생활에서 물은 필수적인 조건이다.

PieceStudio / GOOD Magazine /2008오일의역사(Oil: A History)고대 페르시안 군인으로부터 내려오는 석유의 짧은 역사가 과거에는 가득 찬 모습이라면오늘날에 마구 펌프질 해 점점 고갈되어 사라지는 모습을 보여주고 있다.

Ayda Turanli / MOP Scene / 2008그린은좋은것이다(Green is Good) 미국의‘현대 유기농 제품’의 출판을 위해 디자인된 이 매거진 광고는 독자에게환경의 지속성을 실천하기 위한 기업의 노력에 대해 소개하면서, 가정에서도 이러한환경보호를 실천할 수 있는 손쉬운 비결을 알려준다.

Office of CC / GOOD Magazine/ 2007마시자( Drink Up )이 세상에서 우리가 사용하는소중한 물 자원의 그래픽탐험을 보여주고 있다. 처음은물의 양이 양동이처럼 있다가국자 같이 되었다는 경각심의그래픽이 보여 진다. 미국의평균 물 소비량은 105.7 갤런,유럽은 52.8 갤런 ,개발도상국은 1.3 갤런을소비하고 있다.

Page 11: Designnet > 09/11

DESIGNNET | 101100 | DESIGNNET

SPECIAL REPORT

Daniele Guido, Luca Masud, Mauro Napoli, Donato Ricci, Gaia Scagnetti / Politecnico di Milano, Dipartimento Indaco,Agenzia SDI. / 2008디자인리서치지도(DRM - Design Research Maps)DRM은 이태리에서‘디자인 리서치’에 관한 연구를 한다. 다수의 인포그라픽 정보들을 조합해‘인포그래픽 지도(InforgraphicMap)’를 만들어서 그것으로 이미지의 스토리를 풀어 나가는 것이다. 지도는 시각적 결과물을 이야기로 전개해 나갈 수 있는중요한 도구로 여겨져 왔다. 이러한 작업은 설명이나 비교분석을 시각적으로 읽기 위해서다.

Daniele Guido, Luca Masud, Mauro Napoli, Donato Ricci, Gaia Scagnetti /University project / 2008이탈리아의운송기반시스템(Transport Infrastructure System)

Daniele Guido, Luca Masud, Mauro Napoli, Donato Ricci, Gaia Scagnetti /University project / 2008교통수단시스템(Transport Infrastructure System)이 프로젝트는 유럽연합 27개국 안에 있는 인터넷과 핸드폰 사이의 충돌을 감지하는목적으로 통계수치와 디자인의 합작품이다. 의사소통 기술이 사회생활을 개선할 수있을까? 비즈니스는? 정보를 주는 능력은? 사람들은 휴대전화로 통화할 기회를 놓치거나인터넷을 사용하지 않는 사람들에 대한 것인가? 유럽 여러 나라들의 통신기술은뛰어난가? 이 질문들에 대답하기 위해 유럽의회로부터 2008년도를 내다본: “유럽 시민에의해 내다본 사회정보”와“벤처마케팅 지시자: 광대역(broadband)의 발전”. 이후 통계학분석을 실시하 고, 그것을 지도에 표기했다.

Nicole Bergel, Alessandro Caire, Ornella Chiaveri, Gaia Daverio, Lucia Pigliapochi, Guido Tamino, Simone Trotti, Cristina Venanzetti, Veronica Zapelloni / Universityproject / 2008미디어시스템(Media System)이태리 미디어 시스템을 분석한 정보를 말해준다. 이 그래프가 갖는 목적은 유저 인터페이스(User Interface)의 주요 콘텐츠 제작부터 이탈리아 매스 미디어 콘텐츠까지를 물흐르듯이 자연스럽게 흘러나오도록 표현하려는 것이다. 미디어 시스템의 사용자가 여러 가지 방송 채널을 통해 몇몇 편집 그룹들(신문, 잡지 등)에 의해 도달될 수 도 있다는 것을보여주길 원했다.

Page 12: Designnet > 09/11

DESIGNNET | 103102 | DESIGNNET

SPECIAL REPORT

문화분야의정보를담는인포메이션그래픽은정치나경제분야의인포메이션그래픽보다흥미를끄는

요소를더가미하기도하며, 정확한정보전달이목적이라기보다생활속재미나취미, 추상적인정보의전달

등에목적을두기도한다. 문화인포메이션그래픽이담아내는범위가넓은만큼정보에대한주목성을

높이며웃음과슬픔등의감정표현까지담을수있고, 이를통해사용자의경험을풍부하게할수있다.

문화

민동기·박춘홍 / 중앙일보 / 2009비보이(B-Boy)강하게 울려 퍼지는 비트음악, 격렬하게 돌아가는 헤드스핀 그리고관객들의 환호성. 전 세계 비보이(B-Boy)들의 월드컵‘배틀 오브 더이어(Battle Of The Year, 보티) 2009’에 한국팀이 참여했음을 기사화하며 함께 실렸던 인포메이션 디자인으로 비보이 동작과 설명까지재미있게 담고 있다.

김주원·민동기 / 중앙일보 / 2009안전한등산건강해지려고 시작한 등산이라면 철저한 준비가 필요하다.국립공원관리공단이 2007년부터 실시한 조사에 따르면 경미한 사건부터사망에 이르기까지 크고 작은 사고가 많이 발생하는는 것으로 나타났다.그래픽은 등산하기 전 스트레칭 동작이나, 필요한 짐과 배낭꾸리는 법,등산에 알맞은 복장 등의 정보를 제공하고 있다.

Gonzalo Hernandez Arias / Diario Tabasco Hoy / 2006슈퍼맨(Superman)슈퍼맨‘리턴’의 특별시사회를 위해 디자인한 것이다. 그래픽 배경으로 쓰인 슈퍼맨 마크 왼편에는 주인공

‘클락(Clark)이 힘을 발휘 할 수 있는 것’이 표현됐고, 오른편에는 화속 등장 인물들을 보여주고 있다.중앙에 슈퍼맨 마크 양옆 부근에 슈퍼맨 마크의 변천사를 보여준다. 그밖에 슈퍼맨이 입고 있는 옷의 컬러 및기능적 측면까지 묘사하고 있다.

Lim yong / The Straits Times, Singapore / 2009조련사를공격한호랑이 (Tigers Maul Cleaner)호랑이 우리에서 치명적인 상처를 입은 조련사의 상황을 묘사하고 있다. 30명의 방문객이 지켜보는 가운데갑작스럽게 일어난 사고를 서술적으로 설명하여 정보 사용자의 순차적 이해를 돕고 있다. 벡터와 3D그래픽을주로 사용해 제작한 인포메이션 그래픽이다. Matt Owens, Jason Bishop / GOOD Magazine / 2009

에너지소비 (Burning Fuel) 자동차와인간의 평균 연료소비를 비교한 것이다. 마치 사람들이 음식을 섭취하는 것처럼 자동차 또한 스스로 힘을 발휘하려면 가스를 사용한다. 자동차와 인간을 서로 비교하며, 가스는 갤런 당얼마나 많은 칼로리가 있을까? 우리가 먹는 음식과 자동차 연료는 어떻게 다를까? 에 대한 해답을 찾고자 했다.

Infographic Media / DAG Newspaper / 2008개인에따라다른음악성향 (Personality and Music) 개인의 성격은 그 사람의 음악성향에 대해 말한다. 그래픽은주류 혹은 대세를 뜻하는 메인스트림(Mainstream), 고품격부류(High Brow), 록(Rock), 도시(Urban) 등 네 가지 부류로나눠 각 부류별 착용하고 있는 모든 것들을 음악의 성량과함께 표현하고 있다.

Gary Newman / Science & Spirit Magazine / 2002데시벨정보 (Decibel Info) 다양한 제품과 환경, 상황이 만들어내는 각각의 데시벨을크기별로 구분하고 있다. 라인별로 같은 크기의 데시벨을 찾을수 있어 편리하다. 일반적인 그래프와 다른 방식으로 정보를전달해 독특하고 재미있는 느낌이다.

Infographic Media / BRIGHT Magazine / 2008멋진드리프트 (Catching a Cool Drift) 드리프트는 자동차가 코너를 돌때 속도를 줄이지 않고자연스레 미끄러져 나가는 것을 뜻한다. 그래픽은 자동차의멋진 드리프트 방법을 가르쳐준다.

Page 13: Designnet > 09/11

DESIGNNET | 105104 | DESIGNNET

SPECIAL REPORT

Gary Newman/ Santa Rosa Press Democrat / 1995나쁜집 (Bad House)이 그래픽은 캘리포니아 로네 파크 (Rohnert Park)에 지어진 새로운 집들에 문제를 다룬 것이다. 집안에 벽에는9가지, 창문은 12가지, 지붕은 40가지, 화장실은 45가지 등의 불만이 제보된 사람들의 수와 문제점을 나타냈다.

Carlos Gamez Kindelan / lainformacion.com / 2009구 은(Google is)원형을 중심으로 구 의 인터넷 주요 콘텐츠들을 보여주고 있다.스페인에서는 90%가 검색엔진으로 구 을 사용한다는 도표또한 그래픽의 왼편에서 볼 수 있다.

Lim yong / The Straits Times, Singapore /2009F1 핏스톱(F1 Pitstop)Pit Stop은 자동차 경주에서 급유·정비를 위한 도중 정차함을 의미한다. F1차량이7초간 멈췄을 때 어떤 일이 벌어지는지를 그래픽으로 표현했다.

Robert A. Di Ieso, Jr. / GOOD Magazine /2009운송의간략한역사(Brief History of Transportation)운송역사의 간략한 역사를 보여준다. 세상에는 60억의자동차가 있다. 미국에서는 매일같이 1억대의 항공기가비행한다. 사회적으로 우리는 한곳에 있다는 것에 절대만족감을 느끼지 못한다.

Amunlevy / GOOD Magazine /2008단어(On Words)

“of”나“it”을 포함해 책에서 가장 자주 쓰이는 단어를 조합해 알파벳순으로 표기했다. 두 가지 책 중 하나는 앤콜터(Ann Coulter) <Slander:Liberal Lies About the American Right>이고 다른 하나는 알 프렝큰(Al Franken) <Liesand the Lying Liars Who Tell Them>다.

Ayda Turanli / Graphic Design The NewBasics /2009음악적성향(Musical Influences)도표는 음악 장르의 흔적을 찾아 세계 각지역을 연결시킨다. 그리고 그 결과로 폭넓은음악적 감을 시각화한다.

Gonzalo Hernandez Arias /Diario Quequi Quintana Roo/2009큐피트(Cupido) 발렌타인 데이를 기념하는행사에서 선물을 고르는데관련된 쇼핑 팁과 독자들이좋아하는 선물 리서치에 대한이야기이다.

Page 14: Designnet > 09/11

DESIGNNET | 107106 | DESIGNNET

SPECIAL REPORT

Carlos Gomez Kindelan/ ACB / 2009ACB스페인 농구경기에 관한 팀별 전략과 선수정보 등의 정보가 인터랙션으로 제공된다.

Unknown/ Nike/ 2007나이키바스켓볼패 리사이트(Nike Basketball Family Website)사용자 인터랙션을 이용한 나이키 바스켓볼 패 리 사이트.마우스를 클릭하면 나이키 농구화를 신는 NBA선수들에 관한정보를 제공한다. www.nike.com/nikebasketball/usa

Kay Coenen /Elsevier weekly magazine /2008비넨호프 3D분석도(Binnenhof Exploded Vew in 3D)비넨호프는 네덜란드 서부 조이트홀란트주 헤이그에 있는 건물의 복합체를 말한다. 건물의구성과 전경 등을 3D그래픽으로 표현했다.

Gonzalo Hernandez Arias / Prensa Libre, Guatemala /2001힘의중심(Centro de Poder)백악관 건물 설명으로, 지금껏 사용한 역대 대통령과 간단한설명을 더했다. 백악관의 이미지를 위에서부터 아래로이동하며 설명할 곳을 달리 하고 있다.

Gary Newman / Santa Rosa Press Democrat /2002슐츠박물관내부(Inside the Schulz Museum)스누피(Peanuts Cartoon)를 제작한 미국 만화가 찰스 슐츠의 명예 박물관을 세울 계획을설명하는 인포메이션 그래픽이다.

Brian McGill / SpringfieldNews-Leader /2004다운타운스트링필드르네상스(Downtown SpringfieldRenaissance)다운타운의 번 과정을말하며, 고객이 원하는 부분의히스토리를 보여주고 있다.

Kay Coenen /InforgraphicMedia /2007스히폴공항의미래(SchipholAirport in the Future) 네덜란드의 국제공항 스히폴의콘셉트 공간계획으로, 미래를목표로 둔 것이다. 사용자가어떤 기능을 사용할 수 있고,어떤 교통수단이 새롭게 마련될지 상상을 더해 설명하고 있다.

윤상현/ 동아일보 / 2008베이징올림픽 D-2올림픽 D-2 특집은 과감한 인포그래픽을 사용했다. 전 지면을 하나의 그래픽 요소로구성한 것. 시설물의 형태와 위치, 행사 일정 등 비교적 객관적인 수치를 중심으로정보를 하나의 대형 이미지로 만들었다.

Brian McGill / The TampaTribune / 2006월드컵 2006(World Cup2006)월드컵 2006의 정보와 팀별소개 등을푸스볼(Foosball)을 이용해소개한다.

TIP올림픽, 월드컵을 비롯해 국제적인 스포츠행사는 다양하고 재미있는 그래픽 요소를 가지고 있어더욱 흥미로운 인포메이션 그래픽을 표현할 수 있다. 경기장의 모습과 선수 배치, 역동적인선수들의 움직임, 경기장 선수의 배치 등 시각적 표현 요소가 가득하다.

Page 15: Designnet > 09/11

DESIGNNET | 109108 | DESIGNNET

SPECIAL REPORT

제품사용설명서는제품과그에따른서비스사용을위한지침서이며, 사용자중심으로디자인되어야한다.

기능설명, 제품묘사, 작동방법, 작동원리, 제원등의제품정보가효과적으로전달되도록하는것이

사용설명서디자인의특징으로, 소비자와대화하는하나의통로로써기업과제품의이미지에 향을미치는

중요한요소다. 대부분의사용설명서는텍스트와일러스트레이션, 사진이미지를조합하여제품이나

서비스의원리, 사용방법을설명하는인쇄책자형태가일반적이며, 같은내용을전자문서형식으로

제공한다.

사용설명서

‘Piekaryo’Piekarski /Dziennik Daily Newspaperin Poland / 20073D 프린터기계(Working of3dimensional PrintingMachine)컬러는 기계의 작동법의이해를 돕는다. 그것은특별한 힘에서 오는 3D오브젝트를 준비하고있었고, 벡터(Vector)그래픽은 그것을 가능한가장 깨끗하게 만드는 데에사용되었다.

Infographic Media/Elsevier WeeklyMagazine /2007피임약(Birth Control)오늘날 여러 유형의 피임약복용법에 관해 설명하고있다.

BMW / BMW / 2009BMW M파워월드온라인(BMW M PowerWorld Online)2009 BMW 프랑크 푸프트 모토쇼에 선보인BMW의 엑티브 하이브리드 7 럭셔리살롱(ActiveHybrid 7 Luxury Saloon)은 연소엔진과 전기의 결합이 지능적으로 사용되었다.이것은 실제 엔진사진을 그래픽과 결합시켰다.

Lim yong /The StraitsTimes, Singapore /2009실제로물이없는세탁기(Virtually WaterlessWashing Machine)더러운 빨래를 하기위해필요한 물의 양은 어느정도일까? 이 그래픽은 단지물 한 컵의 양으로 더러운빨래를 손쉽게 빨 수 있는원리를 설명한 것이다.실질적으로 물을 필요로 하지않는 미래의 세탁기이다.

Belinda Long-Ivey/Florida SunSentinel/2009백파이프(Bagpipes)이 그래픽은 백파이프를 불때 일어나는 공기의 흐름을분석해 어떻게 해서 독특한소리가 만들어 지는가를연구한 그래픽이다.

Carlos Gamez Kindelan/Proffesional School ofMusic Arts 'Cristobal deMorales' (Sevilla, Spain)/2008아트(Arts)세로로 긴 형식. 클래식피아노와 관련해 피아노가어떻게 구성되어 있는지그리고 그것의 작동법을자세히 보여주고 있다. 또한디테일한 설명을 위해중요한 열쇠가 되는 것은크게 확대했다.3D그래픽기술과멀티미디어를 사용해 악기의구성 재료들을 디테일하게표현했고 악기를 켤 때마다들리는 다른 기능들까지첨가시켜 구체화했다.

Wii / NintendoWii 사용설명서사용자가 제품을 파악하는데어려움이 무엇이고,생산자가 아닌 사용자입장으로 가장 이해하기쉽게 내용을 구성하는디자인이어야 한다. Will프로그램에서 가장 중요한컨트롤러 사용의 이해를높이기 위해 컨트롤러 사용동작을 세 하게 묘사했다.

Nigel Holmes / Wordless Diagrams /2005샴페인따는방법

샴페인 따는 방법을 순서적으로 이해될 수 있게 간략한 일러스트레이션다이어그램으로 표현했다. 마지막 재미있는 건배장면으로 시각적 유머를 전달한다.

나이젤 홈즈의 기발한 아이디어 발상이 독특하다.

문서세단기 / Amadana아마다나문서세단기일본의 아마다나는 기존 제품과 차별화 된 혁신적 디자인을 강조하는 사용설명서로 더욱 인기가높다. 고객들은 제품보다 오히려 사용설명서를 찾을 정도. 아마다나는 제품 기능에 대한 일반정보보다 그 제품으로 할 수 없거나 해서는 안 되는 행동 등을 일러스트레이션으로 표현, 차별화했다.

Alessi / Alessi / 2005미스터&미시즈신(Mr. & Mrs. Chin)이 세트의 구성은 소금통, 후추통그리고 베이스로 되어 있다. 소금과후추를 채우기 위해 머리 부분을열어야 한다. 통을 지탱하는 베이스는마그네틱. 사용방법을 간단하게표현했다.

Lego / Lego / 2007레고전투함레고의 사용설명서는 모두 일러스트레이션으로 표현되어 있다. 문자로 굳이 설명하지 않아도조립순서를 나타내는 숫자와 화살표만으로 모든 설명을 하고 있다.

TIP 사용설명서 디자인 5단계1. 제품의 기본적 성능에

대한 설명2. 제품 자체에 대한 묘사

3. 작동 방법에 대한 설명4. 작동 원리에 대한 설명5. 테크니컬 데이터

Page 16: Designnet > 09/11

DESIGNNET | 1 1 11 10 | DESIGNNET

SPECIAL REPORT

한국은처음인가? 디자인

전문가로서첫인상은

어떤가?

한국방문은처음이다. 어제

도착했는데모든것들이

신기하고놀랍다. 아직

주변을많이구경하지

못했지만머무는기간동안

좀더한국스타일의

콘텐츠를경험하고싶다.

며칠간서울에머물다가

경제협력개발기구(OECD)로

부산에내려간다.

개인적으로경제발전을

위해 OECD에기여할수

있는일을하려고

노력한다. OECD는정보디자인이통계나구성결정권자(Element decision

maker)에게유용하게쓰일수있다는것을알아야한다. 데이터를만들때찾고

있는모든것들을한눈에이해시키는작업은굉장히중요하다. 대화를통해

얻는정보나프린트된데이터를갖고모든과정을한번에이해하기는불가능

하다. 또한통계에필요한모든진행과정에는반드시결정권자가있어야한다.

결정권자는정치가가될수도있고, 산업에종사하는사람또는당신이나내가

될수도있다.

당신은국제정보디자인협회(IIID; International Institute of Information

Design) 설립자다. 설립목적과주로어떤활동을하는지소개해달라.

나는예전도지금도전세계와쉽게소통할수있는정보디자인개발의

필요성을느꼈다. 그것은국제사회에서서로교류하는기업들간에도반드시

필요한것이다. 내가오스트리아빈에서살았을당시, 지금과비교해보면정보

디자인마켓은정말초라했다. 나는그곳에서오스트리아협회와 GDA(Graphic

Design Austrian)에서대표이사를맡았다. 운좋게전세계많은친구들을알게

되었고, 다양한친구들사이에서모든세계가비교되고있다는것을알았다.

그것이내가 1988년국제정보디자인협회를세운계기가되었다.

국제정보디자인협회는제한된곳이고규모는작지만이곳에서국제표준화

기구(OSA: Organization Standard Associatiog)와함께공공상징물작업을했다.

구성은총 13개국제심포지엄으로나뉘어있다. 오스트리아, 일본, 국, 프랑스,

그리고미국과카불아일랜드(Kabul island) 등의나라가참여하고있다.

카불아일랜드같은섬나라는어떠한정보디자인이필요한가?

앞으로유니세프(UNICEF)의지원으로전세계에걸쳐아카데미가생겨날

것이다. 카불은개발이안된미개척지다. 우리와같은협회가버팀목이돼줄수

있어야한다. 그래서국제정보디자인협회는카불아일랜드와같은섬나라를

지속가능한관광산업으로발전할수있도록이끌것이다. 첫단계로그들만의

중요한본질을찾는것이었고카불에선그것이음악이라생각됐다. 반면, 그들은

낙후된기후조건으로농업에심각한문제를드러냈다. 비가자주내리지않았고,

또한부분적으로열대성기후를띄고있었다. 1년동안단한번의비도내리지

않은적도있었다. 그래서많은사람들이사망하고그곳에거주하는

이민자들은떠나갔다. 하지만, 오랫동안살던사람들은쉽게나라를두고떠날

수없기때문에이민자들이생활하는지역문제도심각하게대두됐다. 이러한

것들은돈으로해결될문제가아니었다. 우리는그들을어떠한역경도잘헤쳐

나갈수있도록돕는것이다. 사실기대가많은만큼걱정도된다. 우리가그곳을

지속적인관광자원으로개발한다면, 인포그래픽스트럭처(Infographic

Structure)도개발해야하고많은일들을함께해야할것이다.

현재진행중인것은무엇인가?

우리의초점은교통과운송이다. 현재 4개운송기관과작업을진행하고또한,

건강관리정보디자인도진행중에있다. 미래는금융과관광정보에중점을둘

것이다. 정보디자인분야의권위자로서내가굳게믿고있는것하나는‘당신이

무엇을위해디자인할것인지를반드시생각해야한다’는것이다. 마찬가지로

금융에관련된정보디자인을할때는본인이반드시정보를정확하게이해할

수있어야한다. 정보에대해이해가없는상태에서디자인을하면안된다.

2005년맥도날드에서 양소아이콘을개발했다. 그것에대해어떻게

생각하나?

많은디자이너들이아이콘개발에있어규격평가기준(Standard Test

Position)을인지하지못한다. 규격평가기준은아이콘을얼마만큼이해하는가,

혹은그렇지못한가에달렸다. 그것을획득하기위한두가지시험이있는데

하나는이해능력(Comprehensibility Attachment) 테스트, 다른하나는압축

능력(Compression Test) 테스트다. 압축테스트는디자이너에게동기가되는긴

설명을그림문자인픽토그램(Pictogram)으로증명할수있어야한다.

한국은 1990년대 IT정보기술과컴퓨터가보편화되면서일부대학은‘Visual

Communication Design’학과이름을‘Visual Information Design’학과로

변경하기도했다. 이두학과이름이어떻게다른것인가?

이질문은하나가다른하나보다좋을순없다는것을의미한다. 개인적으로

‘시각정보디자인’은‘시각커뮤니케이션디자인’보다좀더도전적이다.

대화만으로모든정보를한눈에알아볼수없다. 내가알고있는대학그룹중

하나는“시각커뮤니케이션디자인학과가흥미가줄어들수도있다”고말했다.

이것은우리가정보이해를첫번째관심사로두었어야했지만, 전달할수있는

실험적인것을먼저이해해야하기때문이었다. 정보의빠른이해를위해서는

즉각적인평가가절대적으로필요하다.

M I N I I N T E R V I E W

사진

한용환 언제부터인가국내신문들에서디자인이눈에띄기

시작했고, 그중인포메이션그래픽또한쉽게접하게됐다.

신문은정보를전달하는동시에정보의가치를전하는

매체로독자들의관심을사로잡는것이중요한요소가된다.

한마디로정보가눈에잘띄어야한다는말이다. 시대가

변할수록정보는넘쳐나고, 신문의페이지수도늘어나

독자의눈을끌기위한비주얼이필수가됐다. 그러나반드시

생존의측면을의미하는것은아니다. 지금접할수있는

많은정보들은여러면에서매우복잡하고, 이미비주얼한

요소들을담고있어 로풀어내는것은비효율적방법이라

정보를전달하는효율적인도구로서인포메이션그래픽의

사용이증가하는추세다.

신문인포메이션그래픽작업시중요하게여기는것은무엇인가?

정보전달이다. 신문에서의인포메이션그래픽은일목요연하게정보를나타낼수있어야한다.

효율적으로정보를전달하기위해사용하는것이인포메이션그래픽이지, 신문지면을화려하게

장식하기위한개념이아니기때문이다. 최근다양하고훌륭한인포메이션그래픽을자주접할수

있지만, 신문인포메이션그래픽이가진본질적인부분을고려해볼때색상과타이포는가능한

한절제하고, 어떠한의미를지닐때만사용하려고한다. 또한정보검색은필수인데, 우주와

관련된인포메이션그래픽을작업한다면나사(NASA) 홈페이지는물론, 외국언론사, 관련기업

등에서좀더정확하고세분화된정보를얻을수있기때문이다.

하루에진행되는실제작업과정이궁금하다.

작업의프로세스는급하게제작되거나, 시간을갖고계획을세워제작되기도하는등사안에따라

다르다. 예를들어, 어느날밤지방의한체육관이붕괴되어인명피해가발생했다면현장사진이

거의없기때문에큰사이즈로실리는인포메이션그래픽이필요하다. 현장에나가있는기자에게

가능한한구체적인상황을그림과설명을써서보내달라고요청한다. 그동안체육관전경사진과

구조도, 규모, 관람석위치등매체를동원해자료를취합하는데, 여기까지는공동으로작업하고,

이후부터각자역할을나눠진행한다. 종합작업을할메인디자이너를도와가며작업을하고, 큰

레이아웃이나오면사건담당취재데스크에서설명을넣고, 편집기자와구체적인전체사이즈를

협의한다. 이러한것들이확정되면세부적인완성도를높이고, 교정·교열을거쳐첫판을인쇄해

수정사항을체크, 더욱세부적으로다듬은뒤다음판을만들면끝이난다.

국내신문인포메이션그래픽이더욱발전하려면어떠한노력이필요한가?

우선디자이너의생각과태도가바뀌어야한다. 윗사람이시키니까, 편집구성상필요해서

작업한다는자세는지양해야한다. 크리에이터로서독자들에게말하고싶은것을전한다는

마음을갖는다면인포메이션그래픽수준이자연스레높아져많은수요를만들수있을것이다.

또신문을제작하는사람들의인식변화가필요하다. 아직도국내에서는단순히지면장식용,

사진대체물이라는인식이많은데, 정보를효율적으로전달하기위한필수요소임을알아야한다.

마지막으로신문사를운 하는사람들의생각이바뀌어야한다. 좋은인쇄시설에투자하는

것보다인쇄효과를단시간에높이는방법은디자이너확충임을알지못하는것같다.

BBC 정보디자인팀의

구성이궁금하다

우리는창의적으로

인포메이션그래픽을하는

디자이너들, 웹사이트를

관리하고디자인하는

인터랙션디자이너, 사용자

평가와개발을담당하는

유저빌러티엔지니어로

구성되어있다. 특히

시니어디자이너마레

플린(Maire Flynn)은업무

중그래픽과다이어그램으로구성되는콘텐츠와웹사이트

디자인, 구성, 편집디자인등의컨텍스트(Context)를담당하고

있다.

인포메이션그래픽작업시중요하게여기는것은무엇인가?

디자이너는인포메이션그래픽을구성하는요소들중타입과

컬러의사용에특히신중을기한다. 같은색의사용은어떠한

요소들이관계하고있음을나타내주는최상의방법이며,

이로써독자는그룹으로묶인요소들을보고그의미를추측할

수있다. 넓은지역들을표현할때는채도가낮은색을

사용하고, 대부분의데이터또한마찬가지로가능하면밝은

색을사용하지않는다. 밝고선명한색은전달하려는정보에서

가장중요한하이라이트에사용한다.

인포메이션그래픽은사용된매체별로어떠한차이를갖는지

말해달라.

매스미디어정보그래픽은다른특정매체들과는다르다. 매스

미디어그래픽은참여여부를선택할수있는리더로서주제에

따라만족할만한의미를부여한다. 다른의미로는균형이

이루어져야만한다는것이다. 콘텐츠의레이어와접근에서는

균형을맞출수있는훌륭한솔루션데이터지표가필요하다.

방송그래픽에서는시청자들로하여금시선을고정시키고

지속적으로집중할수있는요소또한중요하다. 그것은

전형적으로낮은선명도의데이터를사용하지만, 복잡한

이야기들의관계를말할수있어야한다. 웹에서그래픽은

사용자들에게그들스스로의데이터를찾게허락하고 을

구성하는기본적표제를지시하는것등이필요하다.

M I N I I N T E R V I E W M I N I I N T E R V I E W

최윤호 막스가드니(Max Gadney)

최윤호고려대 국어 국문과를 졸업하고 동아출판사를 거쳐 동아일보 기자로 활동을 시작했다. 20여 년간 동아일보 편집부차장, 뉴스디자인 팀장, 편집기획 팀장을 역임했으며 지난해 신문편집디자인 회사 동아E&D를 설립했다.

막스가드니BBC 온라인뉴스 수석 디자이너, BBC 디지털 프로덕트 디자이너를 거쳐현재 WWII 매거진의 에디터이자 일러스트레이터로 활동 중이다. 특히통찰력과 추진력을 바탕으로 한 인포메이션 그래픽은 인기가 높다.www.maxgadney.com

피터심링어(Peter Simlinger)

피터심링어오스트리아빈 공과대, 런던 대학원에서 건축을 전공하고,

1985년 국제정보디자인협회(IIID, International Institute ofInformation Design)를 설립, 세계적인 인포메이션 그래픽의

흐름을 주도해왔다. 오스트리아 그래픽디자인협회 회장을역임했고, 인포그래픽디자인 저널(Infographic Design Journal)

편집장으로서 실질적인 인포메이션 그래픽과 관련한국제학술세미나와 행사 등을 개최하고 있다.