Visual & Media Design

교과목명 (Course Name) 시각·영상기초디자인II VISUAL AND MULTIMEDIA BASIC DESIGN II 주 (Week) 강의(실험/실습/실기)내용 (Theme) 강의방법 (Method) 진도계획(페이지) 비고(Pages) 1 Week 1: Introduction of Visual Media Design 디자인이란 무엇인가란 질문에 대해서 생각해 보고 이에 대한 토의 2 빅터파파넥의 인간을 위한 디자인 개인발표 강의 3 하라켄야의 디자인의 디자인 하라켄야의 강의 동영상 그룹발표 강의 4 부르노무나리의 디자인 부르노무나리 디자인 동영상 그룹발표 강의 5 바우하우스의 디자인 바우하우스 다큐멘터리 그룹발표 강의 6 기초 그래픽 디자인 원리 1 그룹발표 강의 7 기초 그래픽 디자인 원리 2 ..

- 강의 목표와 취지 설명 - 개인 디자인에 대한 의견 발표 - 강의 계획서는 디자인 서적 리딩과 이에 대한 라이팅 및 토론으로 수정되어 다음주에 다시 공지 예정 - 다음주에 발표 자료를 중심으로 팀을 짤 예정 과제 9월11일 목요일 오전 8시까지 제출 발표 자료로 10장이상 준비함 빅터파파넥의 "인간을 위한 디자인" 책을 읽고 각자 디자인에 대한 본인의 견해, 또는 하고자 하는 방향, 철학등에 대한 의견을 정리하여 발표자료로 만듬. http://en.wikipedia.org/wiki/Victor_Papanek http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788940803325&orderClick=LA..

타이포그래피 강연

미국에 사치앤사치에서 일하는 친구 랍이 만든 브로콜리 폰트 귀엽습니다. http://www.pentacom.jp/pentacom/bitfontmaker2/gallery/?id=999 폰트 메이커를 이용하면 폰트를 직접 만들어서 쓰는것이 가능합니다. http://fontstruct.com/비트맵 폰트http://www.pentacom.jp/pentacom/bitfontmaker2/핸드라이팅 폰트http://www.paintfont.com/

안상수 선생님 저서원유홍 타이포그래피 천일야화안그라픽스 사이트 http://www.ag.co.kr/

• MyFonts (premium fonts) http://www.myfonts.com/ • FontSquirrel (free fonts) http://www.fontsquirrel.com/ • Typekit (fonts as a service) https://typekit.com/ • ILoveTypography (typography blog) http://ilovetypography.com/ • Fonts In Use (real-world examples) http://fontsinuse.com/

책표지와 디자이너를 브라우징 할수 있음 http://bookcoverarchive.com/

A Shared Encyclopedia of Typefaceshttp://typedia.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/ 펜타그램사의 웹사이트 꼭 확인해 보세요~~~

Typographic Hierarchy from tonypritchard on Vimeo.

http://www.behance.net/gallery/experimental-id-for-american-airlines/4258225 A new experimental identity created for a Victors and Spoils project aiming to help American Airlines reinvent itself after filing for Chapter 11 Bankruptcy protection in 2011. 아메리칸 에어라인 항공사 실험적 아이덴티티 작업

great typography lecture http://www.youtube.com/watch?v=OheCakSQSxk&feature=related

http://www.smashingmagazine.com/2012/01/09/high-quality-free-fonts-2012/ Bree Serif Regular Novecento Bariol 이쁜 무료 영문 폰트 레귤러만 무료로 다운로드 받아서 쓸수 있습니다. http://www.bariol.com/ 유경 참고http://www.behance.net/ahmericarnation세번째

http://offree.net/entry/Free-Hangul-Font#dcomz 무료한글서체를 이용하세요.

겨울방학 동안 잊지 마시고 각 그룹별 구성원끼리 수정하셔서 인쇄하시고 나누어서 개인 포트폴리오로 만들것 그룹별로 칭찬받은 멤버들은 학점을 받는데 반영될것 임 1그룹 : 지속가능한 디자인 목차페이지 없음 표지 글짜 나타나는 에니메이션, 글자 스크롤, 누르면 커지는 부분을 적용 나눔명조, hevetica 글자크기 14pt, 간격은 23pt

전반적인 그리드 시스템 http://www.thegridsystem.org/ 그리드 템플릿 자동생성 http://netprotozo.com/grid/ http://modulargrid.org/#app (Grid라는 상단 메뉴를 누르면 보임 ) CSS 까지 포함해서 웹사이트 그리드로 빌딩하는것을 순차적으로 설명한것 http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css 아이폰용 그리드 시스템 템플릿을 다운로드 받을 수 있음 http://www.vcarrer.com/2010/06/iphone-grid-system.html http://www.lapegna.com/2010/10/iphone-and-iphone-4-grid-system..

수업은 광화문 광장 지하의 해치 전시관에서 한글 어울림전에서 합니다. 참고 전시 사이트 : http://www.eo-ulrim.com/ 그리고, 숙제는 두가지 입니다. 오늘 그룹별로 제목, 본문 한글 영문 서체를 몇가지 정하고 이것을 각자의 디자인했던 화일에 적용해서 프린트해서 가져온뒤에 최종적으로 정하는것입니다. 다른 하나는 디지털 퍼블리싱을 어떤 형태로 할것인지 스케치를 해오는 것입니다. 네비게이션은 어떤식으로 구성할지, 이미지 슬라이드는 어디에 넣을지, 영상은 어디에 넣을건지를 생각해보시면 돕니다.

글꼴 파일의 종류에는 여러 가지가 있습니다. 윈도우즈에서 사용되는 글꼴은 크게 3가지 종류가 있는데, 래스터(비트맵) 글꼴, 벡터 글꼴, 트루타입 글꼴이 그것이지요. 래스터(비트맵) 글꼴은 말 그대로 글자 형태를 점들의 조합으로 저장해 둡니다. 일정한 크기로만 출력할 때, 즉 글꼴의 크기를 변경할 필요가 없을 때 사용되는 형태이구요. 요즘 주위에서 볼 수 있는 예를 들자면 사인보드나 휴대폰 액정화면 등에 사용되는 글꼴이 여기에 속한다고 할 수 있겠군요. Vecter은 자유롭게 크기를 변경시킬 수 있도록 고안된 것으로 글자 형태를 여러 개의 직선으로 표현하는 것을 의미합니다. 실제 표현되는 것은 곡선 형태라 하더라도 이것을 여러 개의 직선으로 표현하다 보니 데이터량이 많고 속도가 느리다는 단점이 있습니다...

http://onhangeul.tistory.com/469 http://www.fontclub.co.kr/atTypo/typoview.asp?boardtype=42&boardnum=7945

메릴랜드 대학의 Ellen Lupton가 쓴 Thinkg with Type 이라는 책도 있고 이것에 대한 사이트 http://www.thinkingwithtype.com/ 책의 내용 및 학생들의 프로젝트도 볼수 있고 교수자료도 공개되어있음

기초 수업 11/16 수 워크샵 참여로 대체 합니다. 연세대에서 10시30분부터~ 수업시간에만 참여하셔도 됩니다. http://visualcommunication.tistory.com/558 원래 5만원 하루종일인데, 씨네21에서 일하는 김아영 동문이 3만원으로 할인가능하게 해주어 학과에서 1만원, 제가 1만원을 보조하여 여러분은 1만원만 내시면 됩니다. 화요일 오후 4시까지 아래 블로그 댓글에 기초로 표시하시고 1만원을 학과에 납부하신분에 한해서만 할인 가능합니다.

오늘 까지 숙제였던 기초 디자인 수정한 것 pdf 로 만들고 slideshare.net에 올린것 여기에 댓글 달아주세요. SNOW 위키 페이지에도 올려놓아주세요. 다음주 숙제는 자신이 쓰고 싶은 폰트를 조사해서 A4 한장에 붙여 오면 됩니다. 타이틀, 본문, 주석 용 서체, 어떤 서체인지도 알아오세요.

Trip Print Press & The Making Of FreshSox from Brought To You By ... on Vimeo. 서체를 직접 찍어내는 핸드 프린트 방식에 관한 짧은 다큐멘터리 아름답습니다. 정병규 북디자이너 TV 영상에서 보았는에 한글도 고양시에 이런 서체를 직접 찍는곳이 있더군요. 한번 다 같이 가볼까요?

11월 2일 수요일 오전 10시 TDC 전시 참관합니다. 여기서 수업예정입니다. 삼원페이페갤러리에 종이와 제본에 대한 특강도 같이 진행됩니다. 기초 수업아니신분도 참석가능합니다. 기초 수업자 이외 참석을 원하시는 경우 댓글 달아주세요.

수업 시작하면 제게 팀별로 만들어진 책자를 제출합니다. 위의 책자 pdf와 팀별로 이때까지 발표했었던 자료들의 pdf를 Slideshare.net에 올리고 임베디드 코드를 원래 작성한 SNOW 위키 하단에 올려주세요. (이번주 금요일 10월 25일까지) 유니버설 디자인 http://www.snowwiki.or.kr/wiki/culture/art/design/read.html?psno=*8F21367A23D118C46B3BF9FBC0E71C533D8C439B http://www.snowwiki.or.kr/wiki/culture/art/design/read.html?psno=*84BCB298EF650F2000851B9EC6B4318497CC1039 http://www.snowwiki.or.kr/wiki/cu..

정미슬 6개 최성록 3개 윤민정 1개 황주은 1개 백정숙 2개 김은정 1개 하예린 3개 김지혜 1개 전혜원 1개 임지연 5개 김연서 3개 김연지 2개 김소희 6개

지난주에 디자인했던것, 베이스라인과 그리드에 맞추어 10월 19일 수요일 오전수업에서 프린트하여 제출합니다. 그리고 추가적으로 이번것 포함하여 이전에 과제 진행하는것도 그림화일로 만드셔서 본인의 블로그에 지속적으로 업데이트 하여 놓으시기 바랍니다.

한글 타이포그래피 관련 블로그 http://onhangeul.tistory.com/ 그중 우헤하아 료스케 작업 http://onhangeul.tistory.com/568 윤폰트 http://yoonfont.co.kr/ 산돌글자은행 http://www.sandoll.co.kr/ 안그라픽스 http://www.ag.co.kr/ 한명수 웹사이트 http://www.extra-project.com/

오늘 편집 디자인 한것 다시 수정해서 다음주까지 가져올것 그리드 얹은것도 함께 프린트 해올것 이번주 과제와 다음주 과제 동시에 포스팅 하기