Visual & Media Design

http://www.flickr.com/photos/densitydesign/8676962963/sizes/h/ 백정숙 과제 참고.

토드 교수님이 공유해준 인터렉티브한 정보시각화 사이트들 http://www.makinguse.com/

다음주는 학생지도의날로 수업이 없습니다. 수업이 없는 대신 다음 수업시간까지 비쥬얼 디자인을 완성해 오시기 바랍니다! 15주차시까지 본 수업이 진행되므로 보강은 따로 없고 16주째인 6월 18일이 기말 발표 입니다. 5월 둘째주까지 정보디자인 비쥬얼 디자인 완성해오기 5월 14일까지!!! 5월 넷째주까지 정보디자인 완성 - 공동 책자를 만들기위한 결과물 제출 데드라인 6월 둘째주까지 포스터 사이즈로 출력해서 과제전에서 전시 결과물로 프린트 버전은 반드시 제출해야 함 인터렉티브 버전 구현은 옵션 디미컨 2에서 인터렉티브 버전을 배울 것임 ** 안드로이드 폰 있는사람 People Colors 앱 다운로드 받아서 설치하고 칼라코드 찍어서 협업 요망 안드로이드 앱 다운로드 링크는 추후 공지 예정 https://..

통계학: 자료 시각화하기 학습단위 5: 자료와 같은 이미지 — 블레즈 아게라 이 아카스의 포토신스 데모 (Blaise Aguera y Arcas demos Photosynth) 우리는 사회 환경과 함께하는 일을 행할 수 있다. 이것은 모든 사람과 -- 전체의 집단적 기억에 의한, 시각적으로, 지구와 같아 보이는 무엇인가에 의한 -- 모든 함께하는 링크로부터 현재 획득하고 있는 자료이다. 모든 사진은 결부되어지고, 그들은 그것의 부분의 합계보다 큰 뜻밖의 무언가를 만든다. – Blaise Aguera y Arcas From TED: 2007 TEDTalk “Blaise Aguera y Arcas demos Photosynth 블레즈 아게라 이 아카스의 포토신스 데모”를 보라. TED의 “가장 놀라운”으로 ..

강지연 plumpplum.egloos.com/870892 첫번째 스케치의 꺽은선 그래프, 파이그래프의 표현이 너무 평이한것을 내러티브하게 바꾼것은 좋음 가로 시간순으로 나열될때 그래프에만 너무 치중하지 않도록 주의 할것 여자 캐릭터를 사용할때 유치해지지 않도록 할것 시점을 사용한다면 모두에 적용되게 사용할것인지. 최문정 http://blog.naver.com/sabina9797/70166182667 아프리카수질이 왜 산업화된 지역보다 나쁜가? 다양한 데이터를 분석 통해 본인만의 스토리라인을 잘 잡았음 엑셀로 데이터를 다시 마이닝해서 다시 그래프를 만든점을 높이삼 일러스트와 그래프를 합치는 과정에서 색상, 명암처리, 시선처리, 그리드 등을 효율적으로 이용하기 바람 신한솔 http://www.slidesha..

서울 열린 데이터 광장 http://data.seoul.go.kr/

중간 발표 목차 1. 정보디자인 목적 Goals of Information Design 자신의 정보디자인 프로젝트가 전달하고자 하는 메시지, 목적등을 정리하여 2~3문장으로 요약하여 표현합니다 2. 정보디자인 프로세스 Process of Information Design 2.1. 데이터 수집 Gathering data 수집한 데이터들을 요약문과함께 보여줍니다. 2.2. 스토리 찾기 Finding Narrative 데이터를 통하여 얻은 인사이트, 스토리를 정리하여 적습니다. - 레퍼런스가 있다면 함께 정리 2.3. 문제 정리 Identifying Problems 스토리를 정한후에 이와 연결된 데이터를 더 조사하고, 다루고자 하는 문제를 정교하게 만든것에 대해서 정리하면 됩니다. - 레퍼런스가 있다면 함께 ..

데이타 시각화와 정보디자인 from Ji Lee 2012년 kmobile 발표 자료 - 데이터 시각화 - 정보 시각화 - 정보디자인과 인포그래픽 - 정보디자인의 10단계 프로세스 - 정보디자인과 빅데이터

보호되어 있는 글입니다.

http://www.guardian.co.uk/news/datablog/2012/mar/16/infographics-data-visualisation-history

위의 몇가지는 초보자가 쓸수 있을정도로 간단한 코드를 사용하여 색다른 차트를 만들어 낼 수 있습니다. http://www.netmagazine.com/features/top-20-data-visualisation-tools 이중에서도 D3가 눈길을 끄네요.

인포그래픽 프로세스 다이어그램이 있는 인포그래픽 http://infographicslab203.com/b/ 인포그래픽 리소스를 찾을 수 있는 사이트 http://visual.ly/ http://datavisualization.ch/ 다음주 과제 1. 정보디자인의 시각화 과정을 진행합니다. 시각표현의 스케치를 진행합니다. 자세한 설명은 추후 강의 화일을 첨부해서 비밀글로 다시 공유 예정 이번주에 코멘트를 못받은 사람은 다음주에 진행합니다. 2. TED 강의 질문 답하기 http://visualcommunication.tistory.com/918 3. 4월 23일 중간평가가 있습니다. - 정보디자인 목적 - 사용자가 어떤 결과를 얻기를 바라는지 - 데이터 수집 내용 - 데이터의 분석 내용 - 시각적 표현 방..

스테판사그마이스터의 미생물을 이용한 타이포 그래피 http://1mix.blogspot.kr/2009_02_01_archive.html 뇌 뜨게질 시각화 작업http://harbaugh.uoregon.edu/ 가구디자이너 찰스레이임스의 powers of 10 과제1. 데이터 마이닝과 시각화 스케치 정해진 주제에 대해서 데이터 두세개 셋을 종합하고 다양한 변수들을 적용하여 본인의 그래프를 만들어보시기 바랍니다. 다음주에는 본인의 그래프를 만들어서 제시합니다. 그래프가 아닌 다른 일러스트를 이용하는 경우 이에 대한 1차 스케치를 해옵니다. 2. 정보디자인 벤치마킹 자신의 정보디자인과 유사한 주제의 인포디자인 3개 이상자신의 정보디자인과 비슷한 스타일(디자인적으로...) 3개이상을 검색하여정리합니다.

원문 첨부 통계학: 자료 시각화하기 학습단위 3: 과학적 데이타 재상상하기 — 폭풍으로 만든 예술 내가 이 작업에 대해 사랑하는 것은 그것이 과학과 대조하여, 예술의 세계에 사는 시각 표현 수단의 어떠한 종류에 대한 우리의 가정에 도전하는 것이다. 여기 이 부분을 매우 다르게 읽는 것은 당신이 그것을 어디에 두느냐에 좌우되고 있다. 당신이 그것을 예술 박물관에 두면, 그것은 조각이 된다. 당신이 그것을 과학 박물관에 두면, 그것은 자료에 대한 세 가지 차원의 시각화가 된다. 당신이 그것을 음악 홀에 두면, 그것은 돌연 음악적인 악보가 된다. – Nathalie Miebach From TED: 2011 TEDTalk의 “Nathalie Miebach 나탈리 미에바크:폭풍으로 만든 예술”을 보라. 예술가 N..

http://prezi.com/user/haawwdjgghch/정보디자인 앞부분, 아이소타입 전까지의 사진 자료 최초의 백과사전 자료 http://en.wikipedia.org/wiki/Encyclopédie illustrated newspaper 사진 자료 http://www.google.co.kr/search?hl=en&newwindow=1&q=illustrated+newspaper&bav=on.2,or.r_qf.&bvm=bv.44342787,d.cGE&biw=1280&bih=624&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=OgNRUarAGY31iQL2o4E4 technical illustration 사진 자료 http://www.google.co.kr/s..

통계학: 자료 시각화하기 학습단위 2: 자료 이동하기 - 당신의 세계관을 바꾸는 통계학 스웨덴의 수석 학생들은 침팬지보다 못하게 세계에 대하여 더 낮게 통계적 유의도를 이해한다. – Hans Rosling From TED: 2006 TEDTalk “Han Rosling: 한스 로슬링이 이제껏 보지 못했던 최고의 통계를 보여준다.”을 보라. 통계학 권위자 Han Rosling은 공적자금를 자유롭게하고 에니메이션(움직여서 보여주는) 것에 대한 사명을 가지고 있다. 이러한 경이로운 대중적이고 장난스런 TEDTalk, Rosling의 상호작용의 묘사는 세계를 개발하는 것에 대한 신화를 폭로하는 아동의 사망률, 출생률, GDP과 더 많은 다른 자료의 수 십년간 을 활성화여 보여준다. 주요 키워드: 산점도 Scat..

정보디자인 교과서 1장 정보디자인 정의 강의 진행 다음주 정보디자인의 역사 강의 진행 예정 블룸버그 억만장자들 인터렉티브 정보디자인 사례 http://www.visualizing.org/full-screen/47714 뉴욕타임즈의 인터렉티브 정보디자인 사례 How Different Groups Spend Their Day http://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics-graphic.html?_r=0 오늘 본 한스 로슬링 강연 영상 강의 관련 질문지(영문) : http://media.wiley.com/assets/7081/58/TLG-Module-2.pdf 한글로 번역된 질문내용은 오늘 저녁이나 내일 아침에 포스트 될 예정 ..

황윤주 학생의 질문과 답변에 대해서 공유합니다. 아래에 각각의 분량이 얼마나 더 의미 있는 상대적인 비교를 위해 허락하는 것에 기준화될 수 있는지 묘사하라. (하나 이상의 조건에 맞는 답이 있을 수 있다!) ->"상대적비교를 위해 허락하는 거에 기준화"가 어떤 의미인지 이해가 잘 안갑니다 ㅠㅠ 맥캔들리스의 '국가별 인구대비 군인수'처럼 아래 질문들도 전체수를 고려해서 비교를 하라는 것인가요? --> 맥캔들리스의 인구대비 군인수나 GDP등의 다양한 잣대가 있다는거죠. 총액 또는 한가지 숫자만 보지말라는... 서로 관련이 없는 기준도... 두개의 기준을 통해서 또다른 해석을 할수 있게 한다는걸 깨달으라는 질문들입니다.... a) 리터(liter)로, 국가 안에서 날마다 소비된 커피에 대한 전체의 총액 -> ..

오늘 강의자료를 따로 정리해서 추후에 공유 예정. 데이비드 맥캔들레스강의에 대한 질문..http://visualcommunication.tistory.com/870 지난주 1주차 과제http://visualcommunication.tistory.com/868여기에 과제 추가로 하신분들은 여기에 댓글 달아세 제출요망 추가적으로... 오늘 수업 마지막에 보여준 맥캔들레스의 마지막 4가지 질문 (사람 그룹으로 분류하는...)에 대한 데이터를 조사, 분류하고 간단한 그래프로 그려보기... 질문이 있는 경우 문의할것

통계학: 자료 시각화하기 학습단위 1: 대량의 자료를 사용해 감각 만들기: 자료 시각화의 미(美) 우리는 정보 과부하나 자료 과다로부터 비롯된 모든 괴로움에 있는 것을 느낀다. 좋은 소식은 그것에 대한 쉬운 해결이 있을지도 모른다는 것이고, 그것은 우리의 눈을 더 사용하는 것이다. - David McCandless From TED: 2010 TEDTalk “David McCandless: 자료 시각화의 미(美)”를 보라. 정보 시대에서, “자료는 새로운 토양이다”, 라고 David McCandless는 선언한다. 저널리스트에서 디자이너에 이르기까지 이 토양에서 - 그것이 군용으로 쓰이는 것이거나 Facebook 상태를 업데이트 하는 것이든지 - 놀라운 방법으로 뒤섞인 정보를 시각화하여 수집하는 일을 한다..

1주차 과제 1. 자신의 과제를 공유할 블로그 개설

http://columnfivemedia.com/ 우리과 특성에 가장 근접한 회사. 미래에 유망있는 분야이기도 하고. 일러스트 능력이 필요하고. 모션그래픽도 하고 정보디자인도 하면서 인터렉션 구현까지.

차트 그래픽 디자인을 프린트해서 판매하는 사이트. 괜찮은 그래픽들을 꽤 볼수 있습니다. 이미지를 클릭하고 바깥으로 마우스를 빼면 전체 이미지를 볼수 있습니다. http://popchartlab.com

지난 2012년 봄 K모바일 컨퍼런스에서 발표했던 자료 데이타 시각화와 정보디자인 from Ji Lee

보호되어 있는 글입니다.

5월 2일자로 한국도로공사와 숙명여자대학교 시각영상디자인과의 도로교통공사 데이터 공유및 활용에 대한 MOU 체결이 이루어졌습니다. 이 MOU 체결에 의해 한국도로공사의 도로교통관련 데이타를 가지고, 뉴욕주립대학교(통계), KAIST(도로교통연구소), 단국대(통계), 그리고 우리 시각영상디자인과가 논문연구 및 프로젝트를 진행하게 됩니다. 이와 관련된 향후 일정은 아래와 같습니다. 6월 상반기 공개 세미나 - 정보시각화 기법 소개 및 프로젝트 프로토타이핑 소개 9월 추석 주요도로 정보 시각화 프로젝트 언론발표 (미정) 9~10월 하반기 공개 세미나 12월 연내 대규모 컨퍼런스 위 행사는 4개 대학과 한국도로공사 공동주최로 치루어지게 됩니다. 시각영상디자인과에서는 도로교통공사에서 제공하는 분석된 도로교통정보를..

정보 시각화 관련 동여상을 모아놓은 채널 http://vimeo.com/channels/datavisualization The Perfect Athlete from Duncan Elms on Vimeo. 운동과 관련된 영상에 모션이 적용된 예 영화와 디자인을 고민하시는 분들에게도 좋은 자료들...

출처:http://www.designdb.com/dtrend/trend.r.asp?order=new&dStyle=&MenuCode=&keyword=&relation_keyword=&menupkid=235&pkid=11224&Category=&page=1 멀티미디어가 넘쳐나는 이 시대에서 우리가 정보를 경험하는 방식은 끊임없이 바뀌고 있다. 구글을 이용해 논쟁거리나 페이스북을 스토킹하는 옛 애인을 즉시 해결하는 일은 디지털 포맷이 전통적인 플랫폼을 대체하면서 가능해진, 순수하게 현대적인 몇 가지 일반적인 현상에 불과하다. 또 다른 자연적인 파생물인 인포그래픽과 밈 (meme) 지향형 도표 등은 막대한 양의 자세한 정보에 대한 집착의 증가와 우리가 세상을 이해하는 방법을 이루는 엄청난 잠재력을 반영하기도 한..

Ultimate Guide to Business Cards http://www.coolinfographics.com/blog/2011/12/30/ultimate-guide-to-business-cards.html

http://shop.gestalten.com/visual-storytelling http://vizualize.tumblr.com/post/11606703852/visual-storytelling-from-gestalten-a-new