Visual & Media Design

과제 댓글 달아주세요.

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

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

http://help.adobe.com/en_US/digitalpubsuite/using/WS67cb9e293e2f1f60-21ba9a4512e5e5e0b8d-7ffe.html

인디자인 디지털 퍼블리싱 수트 인디자인 템플릿 http://gilbertconsulting.com/id_templates/iPad_templates.zip 해상도 72 ppi 1024*768 http://indesignsecrets.com/image-resolution-for-ipad-publishing.php 해사

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

DIV 중앙정렬 완벽 해결법 지금 소개해드리는 코딩은 IE7과 FF2와 Opera9.25와 Safari3.0.4에서 모두 구현됩니다. 지식iN의 어떤 웹 디자이너가 답변한 것을 보고 배웠어요. 우리가 div를 배울 때 div의 스타일을 margin-left:auto; margin-right:auto;로 하거나, 좀 쉽게 하려면 margin:0 auto;로 놓으면 div가 브라우저의 가운데에 놓이게 된다고 배웠습니다. 제로보드 메뉴얼도 그렇고 팁 공유에 올라온 글들에도 그렇게 나오죠? 제 경우엔 IE에서 먹히지 않더군요. 나머지 브라우저들은 다 잘 보이더만. 그래서 찾다가 아래 방법을 찾았어요. 코딩은 직접 했습니다. 내용 html에서 이렇게 하고 여기에 들어가는 css에서 다음과 같이 코딩합니다. 코드를..

보호되어 있는 글입니다.

여기 과제 진행한것 댓글 달아주세요.

http://vimeo.com/9873910 Japan - The Strange Country (Japanese ver.) from Kenichi on Vimeo. http://vimeo.com/24243147 beet cake from tiger in a jar on Vimeo. http://vimeo.com/29273575 Diego Stocco - Music From A Dry Cleaner from Diego Stocco on Vimeo.

여기에 댓글 달아주세요. 스토리보드 완성한것, 지금까지 작업된것 참고 향수 타이틀 박초희 작년 가을 학기 학생 Perfume : The story of a murderer opening title. from cho hee Park on Vimeo.

여기에 댓글로 달아 제출하세요.

http://sinbd.com/index/hompy/study.php?mid=69&r=view&uid=22625 css이용한 웹표준 코딩의 예. http://ugpapa.tistory.com/176 http://ugpapa.tistory.com/177 http://ugpapa.tistory.com/179 http://ugpapa.tistory.com/180 http://ugpapa.tistory.com/184 여기의 예제를 참고하시면 보다 명확하게 알수 있음 위의 웹표준코딩에 모바일의 값들을 넣어서 적용한 css화일을 첨부하니 참고바랍니다.

메릴랜드 대학의 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만원을 학과에 납부하신분에 한해서만 할인 가능합니다.

지난주 금요일에 열린 취업역량강화 워크샵에 강연자로 참석하셨던 씨네 21의 김아영 동문이 씨네21과 안그라픽스의 론리 플래닛이 주도하는 타블릿 PC 아이패드용 매거진앱 제작을 배울수 있는 워크샵을 소개해 주셨고, 저희 시각영상디자인학과 재학생에 한해 할인혜택을 주신다고 했습니다. 이용 툴 : Adobe InDesign CS5.5 에 Digital Publishing Suite를 함께 이용하면 된다고 하네요. http://www.adobe.com/products/digitalpublishingsuite/ 관련 동영상 일시: 11월 16일 수요일 10:00~17:30 장소: 연세대학교 공학원 대강당 프로그램: http://www.hanter21.co.kr/jsp/huser2/educulture/educult..

최근에는 978 가로 사이즈에 12 칼럼을 적용하는게 가장 인기라고 합니다. http://978.gs/ 다운로드에 가시면 템플릿을 다운로드 받아 이용하실수 있습니다. 960 가로사이즈 그리드 적용 http://960.gs/ 하단에 각 사이트 예제에서 show grid 버튼을 눌러보면 어떻게 그리드를 적용했는지 볼수 있습니다. 소스코드 다운로드 css 화일로 간단하게 본인이 디자인하고자 하는 사이트에 적용가능 http://net.tutsplus.com/articles/news/a-detailed-look-at-the-960-css-framework/ 사용 설명 동영상

에프터이펙트 크로마키 http://kokoko333.blog.me/120976701

작업진행된것 여기에 달아주세요.

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

http://www.youtube.com/user/TheDesigntv#g/u 300개 이상의 영상이 있습니다. 웹사이트 http://www.designtv.co.kr/

오픈지식강의 v23 드림위버 Dreamweaver CS5.5 활용기-1 ~ HTML5, CSS3, jQuery, Widget Browser from Jungle Communications Co.,Ltd. on Vimeo.