[디미컨1] 기말 크리틱

  • http://blog.naver.com/rimesign/220033910773

    1316397 이유림 2014.06.18 15:14
  • http://www.slideshare.net/sohyunyh/ss-36001457

    1316950 전소현 2014.06.18 16:03
  • http://bomtto.blog.me/220033923279 (서체와 행간 지적받은 거 조금 수정해보았습니다)

    1314587 신은빈 2014.06.18 21:39

김희선 

제철 농산물 

디자인적으로 면을 나눈것이 적절했는지... 

데이터를 비교하기에 최소 최대값의 범위를 극대화했으면 좋았을것 같음 

원 그래프 보다는 꺾은 선 그래프를 보여줬으면, 

용산구의 가까운 마트의 거리와 위치 데이터가 더 필요했음 

최소 최대가격이 얼마나 차이가 있었는지.. %로 표시가 더 필요 

모바일 화면 완성하기 

전체적으로 결과물에서 재미가 없어진 느낌이 있음

http://blog.naver.com/kjigogdk/20209718781  

-> 과제 URL  댓글 제출 할것 


전소현 

투표율

디자인을 변경하는 과정에서 문제가 있엇음 너무 많이 변화한것은 좋지 않음 

원형이 가운데 들어갔던것이 제일 나았음 -> 결과물로 이것을 선택하도록 

많은 내용보다는 주목성도 고려해야 함 

원형디지인에 최종 내용을 추가해서 완성할것 

http://sohyunyh.blog.me/220033938930

 

 


이유림 

화장품 다이어트

리서치에 비해.. 얼굴퍼즐이 비쥬얼적으로 부담이 많이 되는 디자인 이였음 

 http://blog.naver.com/rimesign/220033910773

 

 



이지연 

워킹맘

워킹맘의 크기가 좀더 컸으면 .. 공중에 떠 있음, 남녀 반반 느낌 가게 수정 

오른쪽 캐릭터 수정 

일러스트 느낌에 전체적으로 오도록 상단 하단 수정

포스터 수정하고, 앱은 좀더 완성도 있게 작업해서 포폴에 넣을 수 있도록 할것 

http://blog.naver.com/ya_micky/220033650038



송민경 

걷고 싶은 서울길 

중간발표 이후로 진행과정을 알기 어려움 

그래프의 범례가 표시되지 않음 

지도를 보는 방법이 명확하지 않음 

그래픽적으로 정리는 잘 되었으나 정보 디자인으로써의 유용성 측면에서는 떨어짐 

앱에서 인트로 화면하고 내용하고 일관성 없음 

http://blog.naver.com/alsrud0129/220034037213

 

 


신예지 

교통사고 과실비율 

작업 과정의 성실성이 돋보임 

크기에 대한 이슈에서 좀더 크게 표현할수 있는 방법을 고민이 어느정도 해결된것 같음 

하단의 주석부분 표시에서도 데이터의 과실율에 대한 색깔을 번호와 같이 표시 했으면 좋을것 같음 

주석에서도 과실율 데이터에 대한 표시가 함께 표시 되었으면 좋을것 같음 

나의 과실비율 아래의 화살표를 과실비율이 높아지는 다른 것을 대체 요망 

앱화면에서는 주석을 빼고 표현하면 좋을것 같음 DPS로 같이 표현하도록 할것 

리스트와 맵 두가지를 주는 방식으로 수정해 볼것 

http://blog.naver.com/0503_yj/220033978805


윤현경 

교복 

리서치 과정과 시각 표현 아이디어가 좋았음 

색상을 구분한것도 좋았고, 단계별로 계속 개선되어지는 과정도 좋았음 

추후에는 타이포에 대한 고민을 좀더 할것 

한글 타이포에 대한 고민이 좀더 필요함. 전체 검은색보다는 회색을 섞는것이 완성도를 더 높이는 방법 

하단의 text가 끼워넣은 듯한 느낌이 듬

http://blog.naver.com/hkyung_yun/220033712260


이인아 

AIDS

과정이 성실하게 진행되었으나

하단부분이 급하게 처리된감이 있음. 하단 부분의 퀄리티를 높여주면 좋을것 같음 

빨간, 녹색 박스보다는 회색으로 처리 

인체 일러스트 다리가 길도록 수정 

아이디어와 레이아웃 모두 좋았음 

http://blog.naver.com/ia01lee


조재현

돌고래

과정을 성실하게 수행했으나 데이터가 좀더 들어갔으면 함 

가운데 들어간 일러스트의 퀄리티를 더 많이 높이고 사이즈를 키웠으면 어땠을까?

제목서체의 고민 필요. 전체적으로 한글서체에 대해서 고민할것

그래프가 빨강 배경에 어울리게 수정

http://blog.naver.com/wogus0115

->  슬라이드쉐어에 올리고 댓글 달것 



박서영

청소년 유해환경 

리서치 과정과 작업과정에 성실성이 돋보임

해외 극복 사례 및 한국 사례가 복합적으로 이야기되어 결론이 보강되었으면 함

블릿에 표시한 원이 다른색으로 표시되어 결론의 타이틀 색상과 연결된다면... 결론의 이야기를 한국 설명 아래에 있어야 할것 같음 

한국이야기를 오른쪽으로 이동

범계 표시 위험 삼각형으로 수정 

http://seoyooung.wordpress.com


안진영 

다이어트법 선택

비쥬얼적으로 좀더 재미있는 방법을 선택하면 좋았을것 같음 

분홍과 회색에서 벗어나지 못한 아쉬움이 있음 

그래프나 흐름은 좋았음 

하단의 원 다이아그램은 기호가 너무 두꺼움 

상단의 머리부분의 공간활용에 대한 고민 필요 

http://blog.naver.com/wlsiddl2109/220033740862

 

최예린 

직접 데이터를 모으려는 노력이 돋보임 

수업후에 데이터를 보는 방식에 대해서 한번더 이야기할것 

앱화면은 네비게이션으로 보여주는 방식으로 택하는것이 더 좋았을것 같음 

http://blog.naver.com/cyrin228


김윤혜 

쓰레기 어디로 갔을까?

중간과정을 알기 어려움 

위의 파이그래프와 오른쪽의 건설 폐기물의 데이터 변화를 알기어려움. 꺾은선그래프등을 추가로 넣어야 했음

명사형으로 끝나는 문자뒤에는 마침표를 찍지 않음 

블릿을 문서에서 쓰는 일반적인 스타일과는 다르게 디자인 할것 

앱은? 본인 블로그 댓글로 제출할것 


최수영 
SNS 알고 사용합시다. 
회색 면들이 좀더 바탕에 묻히는 디자인으로 수정
좌측 상단에 네모 박스로 처리 
하단의 그래프 배경빼고 묻히게 수정. 작게 만들고 오른쪽에 설명이나 추가 정보 삽입
앱화면은 ? 
http://blog.naver.com/top0077/220033975346


신은빈
가족을 꿈꾸는 사람들 
캐릭터로 인하여 정보가 묻히는 느낌임. 정보를 표현하는데 좀더 주력했더라면. 
스타일보다는 정보 전달 부분에서 고민할것 
글줄의 행간이 붙었음 
타이포를 두꺼운것 말고 가독성이 좋은 서체를 선택하는 것이 필요 

황민연

고령 산모 주의보 

전체 과정에서 성실성이 돋보임 

아이소타입을 잘 정리하였고, 필요한 데이터를 잘 정리하였음 

일러스트와 어울리는 정보디자인으로 잘 개발하였음 

http://hmy6053.blog.me/220033689689


최다은 
장기 기증
전체과정에서 성실성이 돋보임 
타이포에 대한 고민을 좀더 할것.  어떤 타이포를 크게 가면 좋을지? 선택한 한글 타이포가 제목으로는 적절하지 않음 
일러스트를 적절히 사용하였음  다만 몸 모양에서 좀더 일러스트 를 다듬는 모양으로 되었으면 함 
앱화면 개발에서도 사용자의 사용성을 고려한 부분이 돋보임 
http://blog.naver.com/ekdms1467/220033767054


엄정민 
어르신 안전보행 프로젝트 
아이디어는 좋았음.  
과정에서 피드백을 반영하려는 노력
일러스트 크기를 줄이더라고 라인의 크기는 일정하게 유지할것 
꼭 지켜주세요. 부분을 크게하고 각각에 관련된 사고데이터를 넣었다면?
더 자세히 알아볼까요?가 너무 큼 
앱은? 본인 블로그 댓글로 제출할것 



이선주 

건강은 달콤하다 

전체과정에서 성실성이 돋보임 

백설공주는 저작권이 있음 가져다 쓸수 없음 

레이아웃 측면에서 좀더 과감한 디자인이였다면. 

서체나 색상은 좋음 

가운데 원을 좀더 키우고 자세한 정보를 추가했더라면... 

http://blog.naver.com/apherial8477


이주희 

범죄자 
일러스트와 그래픽의 독특함이 좋음 
데이터를 모으는 노력과 지속적으로 개선해 내려가려고 했던 점이 돋보임 
그리드를 전체적으로 맞추지 못한 문제가 있음 
폰트의 행간이 각각 틀릭 
스타일은 유지하되 기본 그래픽의 원리를 향상 시키기 위해서 노력할것 
http://blog.naver.com/juhee6920


강소미 

비만도 측정 
정보디자인의 흐름은 좋음. 주제도 구체적이고 유용성 측면에서 좋음 
레이아웃에서 재미가 없음. 
전체가 모두 꽉 차 보임에도 불구하고... 그래픽 적으로 타이포등에서 퀄리티를 높일만한 부분을 놓쳤음 
좀더 타이포와 공간 배치를 공부할것  재미있는 그래픽 디자인에 대한 고민  필요 
http://blog.naver.com/o___o515/220033949355
피지 아일랜드 
일러스트나 색상은 좋음 
그러나 타이포가 잘 보이지 않고, 정리되지 않는 느낌이 강함 
점더 많은 정보다 텍스트로 추가되는 것이 필요
여행 1일차 2일차 3일차에 대한 설명이 좌측하단에 필요 
http://blog.naver.com/cess1220/220033705844


김수연 
식품 첨가물 
본인이 데이터를 시각적으로 정리하려는 노력이 돋보임 
가운데의 복잡한 선은 선인 아닌 다른것으로 정리하면 어떠했을지. 
1234그룹에 따라서 그룹 색상을 다르게 표현하는 것은?
시각표현방법을 고민하는 과정을 통해서 이번학기에 많이 배웠을것이라고 생각됨 
http://suhyeonkim.dothome.co.kr/?p=176

김지혜
유방암 
정보디자인 발전과정이 돋보임 
전체 레이아웃에서 일관성을 가져가면서 공간을 활용하는 것을 고민하기 바람 
그리드를 이용하고 전체적으로 행간을 기준으로 작업하도록 할것 
라인의 굵기를 일정하게 맞추는 것이 필요 
http://blog.daum.net/kimjh9337


-------------------------------------------------------------------------------------

오예나

사랑에 빠진다

 스타일링에 한정되어서 계속 작업하는 것을 지양하도록 할것 

타겟 사용자가 한국인인지 미국인지? 타이포때문에 영어를 선택하는 것이 옳은가? 

영어와 한글에 대한 고민이 필요함 

데이터를 더 자세한 정보와 함께 발전 시켜 나가는 것이 필요 

http://blog.naver.com/ruru3593/220033950974

 


박상지 

서울시 침수지역 
작업을 잘 하다가 끝부분에  가서 왜 힘이 빠진건지? 
저작권 표시 방법 다시 볼것 
우측 상단의 비어보이는 부분의 효율적인 활용 필요
우측 박스의 그리드 수정 . 행간이 좁음 
앱은? 
http://blog.naver.com/minitime7/220034239842
posted by jisunlee

[디지털 미디어 컨텐츠 1]기말 발표 가이드 및 제출

  • 이전 댓글 더보기
  • http://blog.naver.com/ekdms1467/220033767054

    슬라이드쉐어,비메오 링크는 댓글로달면 차단되었다고 그래서 블로그에 달았습니다.

    최다은 2014.06.18 08:55
  • http://blog.naver.com/ya_micky/220033650038

    이지연 2014.06.18 10:22
  • http://blog.naver.com/juhee6920

    1312188 이주희 2014.06.18 10:32
  • http://blog.naver.com/wogus0115

    1315303조재현 2014.06.18 11:18
  • http://blog.naver.com/wogus0115

    1315303조재현 2014.06.18 11:18
  • http://blog.naver.com/ia01lee

    1316540 이인아 2014.06.18 11:33
  • 기말 최종과제입니다

    1316397 이유림 2014.06.18 11:39
  • http://blog.naver.com/wogus0115

    1316397 이유림 2014.06.18 11:39
  • http://suhyeonkim.dothome.co.kr/?p=176

    1315979 김수현 2014.06.18 11:42
  • http://blog.naver.com/cyrin228

    1210380 최예린 2014.06.18 11:52
  • http://slidesha.re/1l1HjrB
    모바일버전 영상 : http://ka.do/m6Vj

    1314587 신은빈 2014.06.18 11:57
  • http://seoyooung.wordpress.com

    1010141 박서영 2014.06.18 12:03
  • http://www.slideshare.net/ssuserf09280/1313032-35997459

    http://blog.naver.com/o___o515/220033949355

    1313032 강소미 2014.06.18 12:35
  • http://sohyunyh.blog.me/220033938930

    영상도 블로그에 올렸습니다.

    1316950 전소현 2014.06.18 12:45
  • http://blog.naver.com/top0077/220033975346

    1213362 최수영 2014.06.18 12:55
  • http://blog.naver.com/ruru3593/220033950974

    1213120 오예나 2014.06.18 13:27
  • http://blog.naver.com/0503_yj/220033978805

    모바일용 플루이드 프리뷰
    https://www.fluidui.com/editor/live/preview/p_DBoxHwtToJOVFNoCcEhNc5m1NxXoVVom.1403060217929

    신예지 2014.06.18 13:46
  • http://blog.naver.com/alsrud0129/220034037213

    송민경 2014.06.18 14:05
  • http://www.slideshare.net/sohyunyh/ss-36001457

    1316950 전소현 2014.06.18 15:31
  • http://blog.naver.com/minitime7/220034239842

    박상지 2014.06.18 17:08

기말 발표


- 정보디자인 목적

- 사용자가 어떤 결과를 얻기를 바라는지

- 데이터 수집 내용

- 데이터의 분석 내용

- 시각적 표현 방법 레퍼런스 (내용적으로 참고한것, 디자인적으로 참고한것 )

- 자신의 정보디자인 (맨처음 디자인과, 이후 달라진 디자인을 시간순서별로 보여주면서 어떻게 개선이 되었는지를 설명합니다. )

- 모바일용 정보디자인 (pop 등을 이용한 시연영상, vimeo에 올리고 링크 삽입 )

화면사이즈는 본인 핸든폰 화면사이즈를 캡쳐 받은뒤에 이메일로 보내고, 포토샵에서 해상도를 확인하고 작업하면 됨 

https://t1.daumcdn.net/cfile/tistory/2142E94051D2540602

http://www.behance.net/search?search=mobile+infographic

스크롤을 할건지. 클릭해서 넘기게 할건지를 고려 

- 사용자 피드백 (타겟 사용자 세명 이상... 자신의 디자인을 다른 사람에게 보여주고 받은 피드백을 정리합니다. 보는 사람이 어떻게 정보디자인을 이해했는지 설명하도록 한것. 그리고 유용하다고 느끼는지에 대한 척도 등을 포함합니다.)





- 최종디자인

 

1. 이날 앞에 있는 강사 컴퓨터에 자신의 이름 폴더를 만들고 ppt와 포스터(A2사이즈 기준 작업 요망)를 PDF로 복사하여 제출합니다. 폴더에 넣어놓습니다. 

2. A1에 최종 프린트하여 벽에 붙이기 

- 일러나 포토샵(300dpi)에서 A2사이즈를 기준으로 작업, 원하는 사람은 A1으로도 가능 

3. 모바일 용으로 사이즈를 작업해서 작업,  fuid 또는 pop에서 작업하고 영상으로 캡쳐 

https://popapp.in/

https://www.fluidui.com/


여기에 댓글로, 슬라이드 쉐어 링크, 본인 블로그 링크를 제출합니다.

 

가이드 라인은 수업시간에 다시한번 설명합니다.   



추가... 이번과제전에 필수사항은 아니지만 이름을 넣고싶다면 아래와 같이 8pt 보다 작은 사이즈로 자신의 작업 가장하단에 한줄로 작게 삽입하시면 됩니다. 너무 크면 촌스러움

 

(c) 2014 CC BY-NC-ND 3.0 본 결과물은 *** 자료와 *** 데이터를 기반으로  숙명여자대학교 시각영상디자인학과 디지털 미디어 컨텐츠1 수업(지도:이지선 교수)에 진행된 본인이름(abc@gmail.com)의 정보디자인 결과물 입니다.

 

추후에 cc 라이선스를 직접 생성하셔서 링크와 함께 pdf에 삽입하여 기말에는 최종 제출합니다.

http://www.creativecommons.or.kr/xe/?mid=condition2



박상지 참고

http://www.slideshare.net/neofuture/ss-28812068


피지 인포그래픽 지도 일러스트 참고

http://www.behance.net/gallery/17527351/Cachaca-Brazil-World-Cup-Panorama-

posted by jisunlee

[디지털 미디어 컨텐츠 1] 6월 11일 과제 제출

  • http://sohyunyh.blog.me/220028755259

    1316950 전소현 2014.06.13 01:51

A3 사이즈로 프린트해서 교실벽에 붙일것 


프린트는 407호에서 12시까지 가능


posted by jisunlee

[디지털 미디어 컨텐츠 1] 6월 4일 과제 제출

  • http://sohyunyh.blog.me/220019212726

    1316950 전소현 2014.06.03 16:27
    • 전체적으로 둥둥 떠보이는 느낌을 해결해 볼것. 참고 : http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2012/08/paralympicsaa.jpg
      각 항목내부의 스페이스를 줄이고 묶어줄수 잇는 방법을 고민해 볼것. 거의 모든 오브젝트들의 간격이 비슷해서 생기는 현상. 가운데, 원형의 일러스트를 좀더 키우고, 일러스트의 퀄리티를 높여볼것. 갈색을 쓸때도 통일할것

      jisunlee 2014.06.08 11:29 신고 DEL
  • http://blog.naver.com/juhee6920

    1312188 이주희 2014.06.03 22:24
    • vintage illustration infographic을 검색해 볼것. 색상톤을 좀더 조절했으면 함. 일러스트가 너무 드래프트함. 일러스트 수준을 높일것. 특히 풍선말 라이이 엉성함. http://thumbs.dreamstime.com/z/vintage-infographics-design-elements-grunge-texture-placed-separate-layer-fully-editable-vector-illustration-33830786.jpg

      jisunlee 2014.06.08 11:38 신고 DEL
  • http://hmy6053.blog.me/220019309812

    황민연 2014.06.03 22:45
    • 산모 일러스트 퀄리티를 높여볼것. 가운데 배 부분에 들어간 숫자들을 확 키워보는 것은 어떨지? 고령산모 이것만은 꼭 부분을 좀더 일러스트로 표현하는것은... 전체적인 아이소타입의 스타일을 통일할것

      jisunlee 2014.06.08 11:43 신고 DEL
  • http://blog.naver.com/cess1220

    한혜리 2014.06.03 22:56
    • 맵위에 피지에 대한 이전에 넣었던 정보들을 박스 등으로 추가하도록 해 볼것. 전체적으로 섬 일러스트 요소들을 그리드에 맞추어 정렬해 보는 것은 어떨지? 참고 : http://www.pinterest.com/pin/289567451011186373/, http://blog.shawnielsen.com/wp-content/uploads/2011/05/denverMap2.jpg

      jisunlee 2014.06.08 11:58 신고 DEL
  • http://blog.naver.com/rimesign/220019404938

    1316397 이유림 2014.06.03 23:56
    • 전체적으로 색상이 맞지 않는 것이 문제. 얼굴 일러스트 위주로 가려고 하면 얼굴 일러스트 톤에 맞추어 나머지를 디자인 할것 . 전체적으로 배경울 구성하는 요소들의 형태가 제각각 이라서 일관성이 없어보임. 참조 : http://www.drmulholland.com/wp-content/uploads/800x2780xThe-Anti-Aging-Empire-800.png.pagespeed.ic.wvU-CX3I5F.png

      jisunlee 2014.06.08 12:03 신고 DEL
  • http://blog.naver.com/wlsiddl2109/220012716554

    안진영 2014.06.04 00:03
    • 여자 옆모습 일러스트가 수정되어야 함 참고(구글 이미지서치-shadow women : https://www.google.co.kr/search?q=shadow+women&newwindow=1&source=lnms&tbm=isch&sa=X&ei=w9KTU-ezB4WWkgXQ-oDACQ&ved=0CAYQ_AUoAQ&biw=1366&bih=673 )
      귀를 그리지 않고 위치만 가져가도 될듯, bar graph 와 pie graph를 좀더 단순하게 디자인적으로 처리하는 방법을 고민해 볼것 참조 : http://ibrandstudio.com/wp-content/uploads/2013/06/Vector-Infographic-Elements-1.jpg

      jisunlee 2014.06.08 12:09 신고 DEL
  • http://blog.naver.com/wogus0115

    1315303조재현 2014.06.04 00:21
    • 가운데의 사람과 돌고래를 2배 정도 키우고, 이걸 일러스트로 자세히 그려서 표현하였으면 함 참조 : http://markcnewton.com/wp-content/uploads/2011/02/fMYAEq.jpeg, http://markcnewton.com/wp-content/uploads/2011/02/fMYAEq.jpeg 들어가는 문구를 명사형으로 하고 끝에 마침표를 뺄것. 전체적으로 벙벙한 느낌이 강함. 글자크기를 고민해 볼것

      jisunlee 2014.06.08 12:16 신고 DEL
  • http://blog.naver.com/hkyung_yun

    1316656 윤현경 2014.06.04 00:40
    • 영어타이틀대신 한글 타이틀로 크게 표기하고. 시선을 끌수 있는 문구로. 볼드 폰트로 두꺼운 것을 선택할것. 아래의 교목에 겹치는 것도 박스안에 넣고 한글볼드 폰트를 고민해 볼것. 박스를 좀더 단순하게 깔끔하게 표현하는것을 고민해볼것. http://www.dr4ward.com/.a/6a00e54fd9f0598833014e8b40efc1970d-pi http://www.infographicsmaze.com/wp-content/uploads/2012/03/WilshireInfographic1.jpg

      jisunlee 2014.06.08 12:30 신고 DEL
  • http://blog.naver.com/ia01lee

    1316540 이인아 2014.06.04 00:47
    • 지난주 레이아웃이 더 나은것 같음. 다만 지시선의 부분이 어색했음. 사람의 좌우에 이번에 했던 주제를 가로 시선이 가도록 배치하면 좋을듯. 지금의 일러스타일에서 더 디테일하게 하면서 내용을 보충하는 방향으로 갈것. 일러스트가 아직 드래프트함.

      jisunlee 2014.06.08 12:42 신고 DEL
  • http://blog.naver.com/ekdms1467

    1315798 최다은 2014.06.04 01:34
    • 몸일러스트 비율을 수정할것 얼굴을 위로 올리고, 몸의 비율을 늘일것. 머리위의 그래프는 다른곳으로 이동. 몸 일러스트의 퀄리티를 높이면 훨씬 나아보일것. 각 장기에 좀더 자세한 설명을 풍선말등으로 추가해 보는 것은?

      jisunlee 2014.06.08 12:51 신고 DEL
  • http://blog.naver.com/cyrin228

    1210380 최예린 2014.06.04 04:07
    • 좌측 하단쪽의 붉은색으로 표시된 범례를 회색 색으로 교체해 모든것에 적용되는것으로 할것. 좌측 상단의 화학성분에 들어가는 아이콘들의 색상도 화장품의 색상과 다른색이나 무채색으로 할것. 어떤식으로 원에 주석을 달건지... 그리드를 맞추어서 넣을것

      jisunlee 2014.06.08 12:55 신고 DEL
  • http://blog.naver.com/o___o515/220019964286

    1313032 강소미 2014.06.04 12:18
  • http://seoyooung.wordpress.com

    1010141 박서영 2014.06.04 14:44
    • 타이틀이 한번에 내용을 파악하기 어려움, 유해환경에 대한 관련 교육여부 부분의 그래프 나열 형태를 변형하여 스페이스를 효율적으로 이용할것. 하단의 반원으로 그린 이유는? 각 단체의 비율을 표시하기 위한것인지? 반원의 형태를 효율적으로 이용하도록 할것

      jisunlee 2014.06.08 13:01 신고 DEL
  • http://bomtto.blog.me/220020579494

    1314587 신은빈 2014.06.04 21:53
    • full time father 영문 제목이 이상함. 직업을 가진 남자를 지칭하는것같음. 어색하면 한글로만 갈것. 일러스트가 드래프트함. 도로의 굵기가 일정하지 않음. 참고 : http://image.shutterstock.com/display_pic_with_logo/680374/680374,1331095338,1/stock-vector-robot-factory-infographic-vector-illustration-factory-map-and-information-graphics-96923657.jpg http://24.media.tumblr.com/tumblr_m5v95dRVIF1qa4vlqo1_500.jpg

      jisunlee 2014.06.08 13:06 신고 DEL
  • http://blog.naver.com/ppp___ppp/220020685575

    1012801 엄정민 2014.06.04 23:26
  • http://suhyeonkim.dothome.co.kr/?p=164

    1315979 김수현 2014.06.05 01:34
    • 선의 굵기의 변화도 주는 것은 어떤지? 그리고 앞의 검정 색선보다 다른 대안을 찾을 것. http://www.mediabistro.com/alltwitter/files/2013/04/ShortyAwards-FakeTwitter-Infographic-NEW.jpeg 우측의 1 2 3 4 숫자가 겹치는 디자인의 대안을 찾아볼것.

      jisunlee 2014.06.08 13:14 신고 DEL
  • http://blog.naver.com/0503_yj/220020857636

    신예지 2014.06.05 05:32
    • 위의 좌측에만 색상으로 표시하는 것이 더 나아보임. 그래프도 진한것이 더 나음 참고: http://psd.fanextra.com/wp-content/uploads/2011/01/beautiful-infographics-16.jpg

      jisunlee 2014.06.08 13:21 신고 DEL
  • http://blog.naver.com/ya_micky/220021213734

    이지연 2014.06.05 14:38
    • 주분와 옆의 대야 일러스트를 좀더 잘 그려볼것. 이것때문에 유치해 보이는 경향이 있음 도임현황의 건물에 표시한 창문의 녹색이 눈에 띄지 않음. 범례를 표시할것. 백분율에서 %를 표시한 것인지?

      jisunlee 2014.06.08 13:24 신고 DEL
    • 도넛 그래프 좌측하단의 네개 시계방향으로 오른쪽으로 돌아가는 순서로 수정. 원의 크기가 작아지는데 기준은? 범례 표시할것. 우측의 상단의 파이그래프도 12시 방향부터 시계방향으로 값이 작아지면서 표시되도록 수정.

      jisunlee 2014.06.08 13:27 신고 DEL
  • 1315795 이선주

    http://blog.naver.com/apherial8477 2014.06.09 20:04
  • http://blog.naver.com/ruru3593/220028772336

    오예나 2014.06.13 02:37

6월 4일까지 진행된 과제를 제출하시고 

컨펌받으세요. 

posted by jisunlee

[디지털 미디어 컨텐츠 1] 5월 19일 과제 공지

  • 이전 댓글 더보기
  • 1315795 이선주

    http://blog.naver.com/apherial8477/220012848358 2014.05.28 01:35
    • http://www.glantz.net/wp-content/uploads/Zettwoch_Coffee_Spread.jpg

      이지선 2014.05.28 13:53 DEL
  • http://blog.naver.com/cess1220

    1311548 한혜리 2014.05.28 01:48
    • http://m1.behance.net/rendition/modules/4828668/disp/8a477b9bd4c52c729b975a894b27255a.jpg

      이지선 2014.05.28 13:55 DEL
  • http://blog.naver.com/wogus0115

    1315303조재현 2014.05.28 05:25
  • http://blog.naver.com/wlsiddl2109/220012716554

    안진영 2014.05.28 05:28
  • http://blog.naver.com/ia01lee

    1316540 이인아 2014.05.28 06:09
    • http://sitearm.files.wordpress.com/2010/11/leftright_us_14161.gif

      이지선 2014.05.28 14:02 DEL
  • http://blog.naver.com/ppp___ppp/220012918529

    1012801 엄정민 2014.05.28 07:04
  • http://blog.naver.com/ekdms1467

    최다은 2014.05.28 07:22
    • http://visualoop.com/media/2013/09/Body-Systems-for-children-750x743.png

      이지선 2014.05.28 14:10 DEL
    • http://image.guardian.co.uk/sys-images/Guardian/Pix/pictures/2012/3/15/1331836200473/Taschen-book--008.jpg

      이지선 2014.05.28 14:11 DEL
  • http://bomtto.blog.me/220012925191

    1314587 신은빈 2014.05.28 07:32
  • http://suhyeonkim.dothome.co.kr/?p=155

    김수현 2014.05.28 07:33
  • http://blog.naver.com/0503_yj/220012943030

    신예지 2014.05.28 08:30
  • http://m.blog.naver.com/sohyunyh/220011906598

    1316950 전소현 2014.05.28 08:50
  • http://blog.naver.com/o___o515/220013002684

    1313032 강소미 2014.05.28 10:06
  • http://blog.naver.com/hkyung_yun

    1316656윤현경 2014.05.28 10:12
  • http://blog.naver.com/cyrin228

    1210380 최예린 2014.05.28 10:34
  • http://blog.naver.com/minitime7

    박상지 2014.05.28 11:24
  • http://seoyooung.wordpress.com

    1010141 박서영 2014.05.28 12:31
  • http://blog.naver.com/rimesign/220012996037

    1316397 이유림 2014.05.28 12:58
  • http://blog.daum.net/kimjh9337

    김지혜 1315826 2014.05.28 13:08
  • http://blog.naver.com/ruru3593/220012292836

    오예나 2014.05.28 14:22
  • http://blog.naver.com/o___o515/220019964286

    1313032 강소미 2014.06.04 12:17

그리드에 맞추어 작업 하는 과정을 계속 진행합니다. 

진행된 비쥬얼 디자인을 여기에 제출합니다. 


어떤 사항이 변경되었는지를 같이 블로그 포스트에 적어주세요. 


나탈리 미에바크 강의 질문 숙제는 2주에 걸쳐서 나갈 예정이니 미리 숙제 하고 싶으신 분은 미리 해주세요. 

http://visualcommunication.tistory.com/900


posted by jisunlee

[디지털 미디어 컨텐츠 1]5월 7일 과제공지

1. 그리드 위에 와이어프레임 잡고

그래프 그리고, 넣고 싶은 데이터 넣어서 가져오기 

두개의 이미지를 블로그에 올릴것 (그리드 얹은것, 그리는 없는 것)


2. 한스로슬링 문제 풀어오기 

http://visualcommunication.tistory.com/886

posted by jisunlee

[디지털 미디어 컨텐츠1]4월 30일 과제

여기에 댓글로 달아 주세요. 

1. 자신의 인포그래픽 스케치


2. 세월호 

진실과 진실이 아닌것에 대한 시각화

SNS에는 올리지 않고 제출한 숙제를 토론하는 것으로 함


3. 데이비드 맥캔들레스 2개의 질문 


6. MacCandless는 얼마나 절대 값의 숫자(군용 예산과 각 국가의 상비 군대와 같    )가 오해하게 할 수 있는지를 보여준다가끔 그것의 GDP에 대한 백분율처럼 국가의 군용 예산과 같은 상대적인 숫자또는 전체의 인구에 대한 백분율 같은 군대       는 더 의미가 있다상세하게절대 값의 분량은 사람들에 대한 전체의 숫자에 의해 나눌 때 사람들의 집단을 묘사하는 것에 더 의미 있을 수 있다;라틴어의 표현 per capita(거칠게 번역하여 “사람에 따라서”)는 가끔 그러한 상대적인 분량을 묘사하는 것에 사용되어진다.

 

아래에 각각의 분량이 얼마나 더 의미 있는 상대적인 비교를 위해 허락하는 것에기준화될 수 있는지 묘사하라. (하나 이상의 조건에 맞는 답이 있을 수 있다!)

              a)         리터(liter)국가 안에서 날마다 소비된 커피에 대한 전체의 총액

              b)         핸드폰 사용자가 가진 부재중 전화에 대한 전체의 숫자.

              c)         사람들이 자선에 기부한 돈에 대한 전체의 총액.

              d)         농구 선수가 만드는 자유 투구에 대한 전체의 숫자.

 

 

8. 그들의 전후관계를 반영하는 방법으로 데이터의 자료가 돕는다예를 들어, McCandless는 국가의 군대의 크기를 설명하는 것에 장난감 군인의 크기 사용한다그는 또한 US 경제의 상대적인 크기를 설명하는 것에 대한 미국 대륙의 영역처럼 독일영국중국 그리고 일본의 GDP를 표시한다이러한 시각화는 표준   도표가 하지 못하는 방법에서 자료의 전후관계에 직접 연결한다.

 

국가국토도시등에 대한 자료 상황을 설명하는 것에 좋은 방법은 지도를 사용하는 것에 있다예와 마찬가지로우리는 지도에서 몇몇의 남미 국가의 percapita GDP를 표시하는 것에 Google에 의한 토지 도표 시각화 도구를 사용할                   것이다이 단계를 따르라:

 

 

             a)          Internet browser에서 Google Code Playground를 열어라:

             https://code.google.com/apis/ajax/playground/?type=visualization#geo_chart

 

             b)          부호화 영역 수정에서아래에 본문을 복사하고 붙여넣으라.

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([

['Country', '2011 GDP per Capita (US $)'],
['Argentina',10941],
['Bolivia', 2421],

['Brazil',12594],

['Chile',14394],

['Columbia',7067],

['Ecuador',4569]
]);
var options = {region: '005', displaymode: 'region', heig ht: 650};
var geochart = new google.visualization.GeoChart(
document.getElementById('visualization'));
geochart.draw(data,options);

}

 

             c) 연속 부호 단추를 누르라. per capita GDP에 의해 색-부호화된 남미의상호작용 지도는 window 출력에서 나타날 수 있다당신이 당신의  cursor를 국가 위에 움직일 때국가의 per capita GDP가 나타날 것이다.

 

 

             d)  위에 도표는 불완전하다. Peru, Paraguay, Uruguay 그리고Venezuela의  per capita GDP를 포함한 것 또한 그 이상으로 부호를 수정하라세계   은행으로부터의 2011 per capita GDP에 대한 자료를 사용하라.

                           http://data.worldbank.org/indicator/NY.GDP.PCAP.CD.

 

             e) (임의의여기 지침을 읽어라:

                  https://developers.google.com/chart/interactive/docs/gallery/geochart.

                  그 다음에당신을 흥미롭게 하는 자료로부터 당신만의 토지도표를만들어라!


 오늘 본 링크 


 

http://www.nytimes.com/interactive/2012/12/30/multimedia/2012-the-year-in-graphics.html


http://www.nytimes.com/newsgraphics/2013/12/30/year-in-interactive-storytelling/

posted by jisunlee

[디지털 미디어 컨텐츠1]8주차 과제 공지

오늘 강의 내용은 아래의 두개의화일에 나누어 들어가 있습니다.

 

http://visualcommunication.tistory.com/1161

 

http://visualcommunication.tistory.com/1160

 

아래의 목차로 이후 지속적으로 정리

 

- 정보디자인 목적

- 사용자가 어떤 결과를 얻기를 바라는지

- 데이터 수집 내용

- 데이터의 분석 내용

- 시각적 표현 방법 레퍼런스 (내용적으로 참고한것, 디자인적으로 참고한것 )

- 자신의 정보디자인 (맨처음 디자인과, 이후 달라진 디자인을 시간순서별로 보여주면서 어떻게 개선이 되었는지를 설명합니다. )

- 사용자 피드백 (자신의 디자인을 다른 사람에게 보여주고 받은 피드백을 정리합니다. 보는 사람이 어떻게 정보디자인을 이해했는지 설명하도록 한것. 그리고 유용하다고 느끼는지에 대한 척도 등을 포함합니다.)

- 최종디자인

 

 

1. 이전 정보디자인을 계속할지

아님 새로할지에 따라서 진행과정에 대한 차이가 있을 수 있음

공통.

아래에 대한 물음에 대해서 텍스트로 정리할것

- 이 데이터를 통해서 사용자들이 어떠한 정보를 보기를 원하는가?

- 자신의 정보디자인을 통해서 사용자들이 얻는 메시지나 정보에 결론은 무엇이라고 예상하는가?

 

기존것으로 계속하는 경우

앞으로 일정에 대해서 짜오고, 어떤 문제점이 있는지 파악해서 리스트업하고

보충사항에 대해서 진행해 올것. 다음주에 컨펌받고 이후 과정 진행할것

-> 본인주제와 같은 또는 유사한 주제의 인포그래픽 3개이상 확보

-> 본인이 정보디자인으로 참고하고 싶은 인포그래픽 3개이상 ... 왜? 를 기술할것  

 

새로 조사하는 경우

주제에 대하 데이터를 수집하고 정리한뒤에 스케치 하여 올것. 레퍼런스도 찾아서...

http://visual.ly/

 

 

2. 오늘 본 영상에 관한 몇가지 질문이 나감.

http://visualcommunication.tistory.com/870

비번은 문자로 공지

답변을 개인 블로그에 올릴것  


오늘 수업시간에 본 영상 

데이비드 맥캔들리스의  데이터 시각화의 아름다움

http://www.ted.com/talks/lang/ko/david_mccandless_the_beauty_of_data_vi


Snake Oil

http://www.informationisbeautiful.net/visualizations/snake-oil-supplements/

 

posted by jisunlee