Visual & Media Design

A Shared Encyclopedia of Typefaceshttp://typedia.com/

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

http://vimeo.com/64811872 마시모 비넬리가 책들을 만들다. 간단한 베이직을 이용한 책만들기의 정수를 보여줍니다. back to basic of design! Massimo Vignelli Makes Books from Pentagram on Vimeo. 이 동영상을 올린 펜타그램을 눈여겨 봐주세요~ http://vimeo.com/user3163512/videos/sort:likes/format:thumbnail 동영상들이 다 좋습니다. 디자인 할때 많은 도움을 받을 수 있어요. http://www.pentagram.com/work/#/all/all/newest/ 펜타그램사의 웹사이트 꼭 확인해 보세요~~~

http://www.wix.com/ 워드프레스가 아직 블로그 형태를 벗어나고 있지 못하다면...윅스는 웹사이트 형태로 자신의 사이트를 구축할 수 있는 것으로 보임. 한번 시도해 보시고.. 피드백 공유를...

6월 10일 화요일이 15주차로 이날 종강입니다. 한달밖에 남지 않았으므로 속도를 내시기 바랍니다. 5월말까지는 모든 인터페이스가 개발되어야 (앞으로 2주후) 6월 기말발표까지 움직이는 프로토타입을 완성할 수 있습니다. 다음주까지는 모든 인터페이스의 비쥬얼 디자인을 반드시 해오시기 바랍니다. 그리고 5월말까지 완성도를 높이는 작업을 진행하세요. 참고 iOS UI guideline http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html#//apple_ref/doc/uid/TP40006556-CH13-SW1 Android U..

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

다음주 금요일 5월 10일로 수업을 변경하여 미대 724호 연구실에서 10시 부터 1시까지 진행합니다. 아래의 코멘트 대로 과제를 진행하여 오시면 됩니다. 민정 중간발표 슬라이드화일 댓글로 달아 제출할것 화면 와이어프레임 완성하고, 3~5명에게 테스트 하여 볼것, 이후 초기화면과, 메인화면정도를 비쥬얼 디자인 작업까지 해 올것 기말은 프로토타입 영상으로 완성한다고 생각하고 작업할것 한솔 디자인을 넣은 화면을 넣기전에 와이어프레임 버전을 가지고 아이들에게 사용성 테스트를 해볼것 이를 토대로 화면 디쥬얼 디자인 작업을 해 올것 (아날로그적 감성을 어떻게 표현?) 추후 진행하면서 화면이 어느정도 나오면 네이티브에게 또는 영어교육하는 전공자를 찾아서 컨텐츠 (영어)에 대한 감수를 받을것 모글루로 구현하는것을 고..

UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 다음이 포함되어 있어야 합니다. - 리서치 - 퍼소나 - 시나리오 - 타스트 플로어 - 와이어 프레임 중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에 여기에 댓글로 해당 포스트의 URL을 달것! 참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb * slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨 프리젠테이션 템플릿은 De..

튈레의 상상력이 풍부한 그래픽 스타일의 어린이 일러스트를 보세요. http://www.herve-tullet.com/fr/accueil.html 아날로그 책이 어떻게 인터렉티브 앱북으로 바뀌었는지 비교해 보세요.

A-Camp 4기 참여자 모집을 시작 합니다. 신청하시고 저에게 연락바랍니다. 이번에는 참가비가 없는대신, 10만원 디파짓에 출석할때마다 1만원씩 돌려받습니다. A-Camp 4기 모집 안내 신청 기간 : ~ 2013년 5월 7일 23시00분 모집 대상 : 프로그래머 (18명) / 디자이너 (12명) / 서비스 기획 (3명) 지원서 접수 : https://www.facebook.com/acamphome/app_190322544333196 대상자 발표 : 2013년 5월 9일 ( 개별 통보 ) ... 참가비 : 무료 ( 참가보증금 10만원을 첫날 받습니다. 1회 결석에 1 만원씩 차감 후 돌려 드립니다. 남은 금액은 참가자 분들을 위해 사용 됩니다. ) 신청 문의 : yoon@appcenter.kr 프로그램..

제11회 스타트업 위크엔드를 시작합니다- 앱센터 모임기간 : 5월 24일 (금) 17시 00분 ~ 26일 (일) 19시 00분 등록기간 : 5월 1일 (수) 10시 00분 ~ 21일 (화) 22시 00분 모임장소 : 고려대학교 과학도서관 본 모임은 유료모임입니다. ?결제안내 ▪개발자 : 50,000원(40명) ▪디자이너 : 50,000원(20명) ▪기획자 : 50,000원(20명) 전 세계에서 진행되고 있는 “Startup Weekend” 행사는 스타트업을 꿈꾸는 창업가들이 모여 주말 54시간 동안 아이디어를 발굴하고 실제로 개발해 창업을 준비하는 이벤트로 국내에서는 "앱센터"가 함께하고 있습니다. 신청주소 : http://onoffmix.com/event/14506 시각영상디자인학과에서 재학생에게 50..

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

진행한 프로젝트 진행상황에 대해서 정리해서 블로그에 올리고 여기에 댓글을 달아 제출하세요.

어도브사 주회의 ADAA 가 시즌2를 시작하였습니다. 각 카테고리에 맞게 지원의사가 있으신분은 저에게 연락주시면 저와 토드 교수님이 등록을 도와 주겠습니다. 전년도 수상작을 보시고, 여기 블로그 댓글에 이름, 학년, 연락처, 이메일을 달아주세요. 해외 수상작의 기준은 창의성이 첫째라는것을 전제로 하시고 생각하시면 도움이 됩니다. http://www.adobeawards.com/us/compete/submitNow/ Call for Entries Submission Session 2: April 12, 2013 - June 21, 2013 Semifinalists announced in July 2013

일러스트 모션그래픽 등을 좋아하시는 분은 가보면 재미 있을듯~ http://characterized.cutandpaste.com/events/seoul_2013#competitors

박장미 http://www.slideshare.net/ciao8864/mandala-19782701 와이어프레임을 빨리 끝낼것 이번주 일요일까지 와이어 프레임 끝내서 다음주 사용성테스트 3명 이상해 올것. 현재 30개의 만다라를 제공 포함할것 신한솔 http://www.slideshare.net/slideshow/embed_code/19830703 리서치와 시나리오가 충실해서 좋음 처음가는 사람에 대한 와이어 프레임 이번주 일요일까지 끝내고, 다음주까지 사용성 테스트 3명 해올것. 무엇이 문제인지에 대해서 알수있도록 사용성 평가를 설계할것 나혜연 http://www.slideshare.net/slideshow/embed_code/19834698 지난번과 비슷함 디데일한 데이터를 모으고 분석하는 작업을 해..

여기에 댓글로 중간 발표 자료를 달아주세요

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

보호되어 있는 글입니다.

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

참여디자인 다음주까지 2장을 읽어옵니다. 김민하 선생 - 실험을 진행하고 결과 정리 이지영 조교 - 논문 검색 후 다시 한번 목차 상의 다음주는 수요일 24일에 수업 2주후에는 29일 월요일에 수업

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

오늘 수업시간에 communicating the user experience 에 나오는 user journeys 와 task models 를 설명함 결석자는 이 두가지에 대해서 중간에 프린트 물을 받아갈것 다음주 과제 1. user journeys 를 완성하고, 여기 각 step에 해당하는 화면을 종이 템플릿에 스케치 하여 올것 템플릿은 아래에서 다운로드 받을 수 있음.http://visualcommunication.tistory.com/922 다음 수업시간에는 페이퍼 프로토타이핑의 개발과 이를 테스트하는 사용성 테스트에 대해서 배우고, 실제 수업시간에 테스트 스크립트를 완성한 뒤에 파일럿 테스트를 돌아가면서 해볼예정.

http://sneakpeekit.com/ 웹, 아이폰, 아이패드 용 페이퍼 템플릿, 그리드 있는것 없는 것을 다운로드 받아서 프린트 하여 쓸수 있습니다. 프린트용패드도 주문할수 있고... http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.html 브라우저용, 모바일용 나누어서 프린트 가능한 템플릿을 정리해놓을 글

2주뒤에 중간평가까지 진행을 서두를것. 중간평가때에는 정해진 주제에 대한 비쥬얼 이미지 메인정도는 나오는 작업이 진행되어야 함 1. 앱 - 페이퍼 와이어프레임 디자인 완성, 사용성테스트 파일럿 테스트까지 앱만드는 프로젝트는 페이퍼 목업까지는 작업을 해서 1~2명정도 사용성 테스트를 하여 올것 다음의 링크에서 사용성 테스트 스크립트 샘플을 다운로드 받아서 참고할것. http://visualcommunication.tistory.com/920 잘 모르는 사람들에게는 페이퍼 프로토타입 사용성 평가 방법에 대해서 다시한번 다음수업시간에 설명해 주겠음. 2. 정보디자인 - 정보를 종합하여 아이디어 스케치 해 올것 정보디자인 프로세스에 대하여 다음주에 다시한번 설명하겠음. 참고 : http://visualcommu..

데이타 시각화와 정보디자인 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가 눈길을 끄네요.

작년에 우리과에서 상받았던 OpenOASIS 교통자료 활용 공모전이 올해에도 열립니다. https://docs.google.com/forms/d/1Rc9X0XSjZEF6yYQrUUhiY_MXQLSSfs3FKPdaq6NBX4A/viewform 아직 결정된것은 아니지만 이와 관련한 산학도 생겨나게 될것 같습니다. 위 교통자료를 이용해서 정보디자인을 하고 싶은 분은 위에 공모전에 참여에 입력하시고 여기에 댓들을 달아 저에게 알려주시기 바랍니다.