Visual & Media Design

이나연 - 느리게 성공하기 이지수 - 한식 세계를 요리하다. 한지민, 이성혜 - 영화는 좋은데 과학은 싫다고? 권혜은 - 퀴리부인은 무슨 비누를 썼을까? 최아름 - 이소휘 평전 김모현 - 미국으로의 출발 박시원 - 아시아를 빛낸 노벨상 수상자 빨강으로 표시한 책의 PDF를 메일로 받았습니다. 아래의 동의서 PDF를 다운로드 한뒤 자신의 사인 이미지를 붙여서 보내주시면 화일을 보내드리겠습니다. 그리고 406호 조교실에 동의서를 한번더 내주시기 바랍니다.

디테일한 화면스케치를 완성하셔오시고 재료로 쓰일 이미지를 찾거나 그리거나 해서 확보해 오시기 바랍니다. 여기에 댓글달아주세요. 사진이미지 저작권 허용된것 플리커에 찾는방법은 아래 URL에 있습니다. http://visualcommunication.tistory.com/121

한국도로공사 교통정보 정보시각화 data visualization 산학 연구참여 원하시는 분들 여기에 비밀 댓글 달아 이름과 이메일, 연락처를 남겨놓으시기 바랍니다. 결과물 예시 http://datavisualization.ch/showcases/timeline-based-exploration-of-traffic-patterns/ http://www.nytimes.com/interactive/2010/04/02/nyregion/taxi-map.html http://senseable.mit.edu/copenhagenwheel/

http://help.adobe.com/en_US/digitalpubsuite/home/영문 투토리얼이 좀더 최신버전이 반영되어 있음 Create links to other articles Folio articles are stored on a server, so any link that specifies a path to an InDesign file is broken when previewed. Use the “navto” format to link to other articles. When creating either a button or hyperlink, you can replace “http://” with “navto://” in the URL field. Then specify the ta..

Prophets trends in Interactive Design 2012 View more presentations from Prophets Agency

3주차 과제에 도움이 될만한 샘플이 있는 기사 : http://www.onextrapixel.com/2010/09/29/40-brilliant-examples-of-sketched-ui-wireframes-and-mock-ups/ http://inspirationfeed.com/inspiration/25-examples-of-wireframes-and-mockups-sketches/ http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups 참고 : (인디자인을 사용한 예는 아니니 작업 프로세스만 봐둘것) http://webdesignledger.com/tips/getting-started-in..

3주차 과제는 선정한 책 또는 주제에 따라서 좀더 세밀한 스케치를 하여 오는것이 숙제였습니다. 특히 인터렉션에 대해서 한정적이니 이를 주지하시고 진행하시면 좋겠습니다. 또한 이번것은 중간고사까지는 마무리가 되어야 하니 미리 작업 소스를 다 확보하는것이 중요합니다. 여기에 과제 댓글을 달아주세요. 지난번에 발표 못했던 럭스미디어 책을 선정하신 분들 부터 발표하도록 하겠습니다.

럭스미디어 1. 과학샤베트 스피드암기술 생명과학I 2. 과학샤베트 스피드암기술 화학I : 이 두권은 최신간으로 앱북으로 만들면 학생들에게 꽤 인기가 있을 것 같습니다. 3. 원칙으로 승부하라 4. 느리게 성공하기 5. 이휘소평전 6. 행복하고 행복하고 또 행복하라 7. 한식, 세계를 요리하라 8. 플라토닉 러브 9. 최신 유엔가이드북 10. 미국명문대학 합격비밀 11. 나보다 똑똑한 우리 12. 미국에서 서바이벌하기 13. 미디엄레어: 북에서 온 스물 한 살 리성의 미국 망명기 14. 외교관은 국가대표 멀티플레이어 15. 브로드웨이의 노래를 들어라 16. 행복한 에세이 17. 움직이는 실험실 한승 1. 소매치기도 뉴턴은 안다 2. 퀴리부인은 무슨 비누를 썼을까 3. 산업공학 : 공학의 마에스트로 4. 영..

http://www.nabi.or.kr/project/current_read.nab?idx=386 5호선 광화문역과 1호선 종각역 사이

A3 또는 A4 2 장으로 자신이 만들고자 하는 프로젝트의 컨셉과 설명을 담아서 발표 앱 이름 어떤 종류의 앱? 타겟 사용자가 누구? 이 앱을 왜 만드는가? 메인과 서브 페이지를 자유롭게 스케치하여 오기 자신의 블로그에 올리고, 프린트도 하여 옵니다. 블로그 글 URL 여기에 댓글로 답니다. 무들에도 올려주세요. http://moodle.sookmyung.ac.kr/mod/workshop/view.php?id=549

화성에서 온 개발자, 금성에서 온 기획자 View more presentations from Yongho Ha

무들 사이트 학생 계정 등록이 완료되었다고 합니다. moodle.sookmyung.ac.kr 에 본인 학번을 아이디와 비번으로 치고 들어가시면 본 수업의 무들을 보실수 있습니다. 무들 사용방법 문서 첨부하니 참고바랍니다. 매주 수업 숙제를 여기 블로그와 무들 두군데 모두 다시기 바랍니다.

http://www.cafe24.com/?controller=product_basic_autoban 카페24에서 설치방법 http://blog.naver.com/PostView.nhn?blogId=s2une&logNo=140152519594 닷홈에서 워드프레스 공짜설치방법 http://dothome.co.kr/web/free/index_3.php http://dothome.co.kr/my/manual/zeroboard/13.php#01 멋진 워드프레스 테마 찾기 google에서 best design wordpress theme 또는 smashing magazine에서 wordpress라고 찾을것 공짜 테마들 http://wp.smashingmagazine.com/2011/07/05/free-wordpre..

확실히 과거보다는 촌스러움을 많이 벗어나긴 한것 같습니다. 윈도우즈 블로그 링크입니다. 피씨를 쓰신다면 직접 설치해 보실수도 있어요.. http://windowsteamblog.com/windows/b/windowsexperience/p/intro_windows8_consumer_preview_kor.aspx 그리고 관련 Article들 입니다. http://www.wired.com/gadgetlab/2012/02/windows-8-consumer-preview/all/1 http://pogue.blogs.nytimes.com/2012/02/29/a-review-of-the-windows-8-beta/ 한번 사용들해보세요~

1주차 과제는 아이패드를 대여하시고, 인터넷을 확인하신후에 아래 과제를 하시고 자신의 블로그 또는 웹사이트에 게시하신후 게시글 URL 을 아래에 댓글로 다시면 됩니다. 이름과 블로그 주소로 달기 - 중간과제까지 할것 주제 정해서 한장으로 써오기. 스케치하면 더 좋고 http://www.luxmedia.co.kr/ 럭스 미디어 출판사의 책중에 골라서 기획하거나 자신이 가지고 있는 컨텐츠중에 골라서 해오기 - 위 과제에 참고가 될만한 아이패드 앱을 다운로드 받아서 체험해 볼것 다운로드 받은 앱중에 3가지 이상 골라서 소개사이트나 다운로드 사이트를 찾아서 URL 을 적고 썸네일이나 화면캡쳐등을 받아서 정리한뒤 리뷰를 넣을것 아이패드 대여 관련 정보 추가사항!!!! 필독 제가 UBL 조교를 통하여 내일 오후 2..

http://www.the-girl-store.org/

http://awardlook.com/oneshow/integrated/pedigree/dogalike/ Dog-A-Like http://itunes.apple.com/au/app/dog-a-like/id441893795?mt=8&ls=1

증강현실을 이용한 캔버스화 아이폰용 앱 간단한 인터페이스이면서도 제품선택에서 구매까지 구현 http://judgeseyesonly.com/converse-sampler-app 다운로드는 여기에서 http://itunes.apple.com/us/app/the-sampler-by-converse/id392276032?mt=8

기존에 강의 계획서를 입력하였으나 강의계획서가 블루리본시스템에서 사라졌으므로 다시 올립니다. 또한 본수업은 2012년도에는 UBL 수업이자, 시범강의로 진행됩니다. 과목개요 : 인터렉티브 미디어인 인터넷, 모바일기기에 적합한 디자인을 구현하기 위한 기술적인 기법과 프로세스을 배운다. 이를 바탕으로 디지털퍼블리싱을 활용한 앱북과최신 기술을 적용한 모바일 앱 디자인 프로젝트를 디자인한다. 교육목표 : 인터렉티브 미디어 디자인에 필요한 프로세스를 포함한 이론을 배우고 이를 구현할수 있는 디자인 기술을 익혀 실제 프로젝트를 개발하는 것을 목표로 한다. 주교재: 전자책 앱만들기, 김부연/유소미 공저, 황금부엉이 출판, 2011년 만들면서 배우는 html5, css3, jQuery, 야무 저, 한빛미디어 출판, 2..

코딩을 하는데 완전 좋을 사이트를 찾았습니다. 이번 인터렉티브 미디어 수업에 활용할 예정입니다. http://opentutorials.org/course/1 완전 좋습니다. 웹코딩을 체계적으로 배우실수 있는 아주 좋은 기회! 게다가 오픈교육 컨텐츠로 누구나 참여해서 함께 할수 있어서 더 좋은것 같습니다. CCK 살롱 기획단의 메일을 읽다가 발견했습니다.

http://webdesignledger.com/freebies/11-ui-kits-for-iphone-and-ipad-development 다운로드 페이지 http://www.teehanlax.com/downloads/

Interaction Award Winners 2012 | IxDA Interaction Awards http://awards.ixda.org/interactionawards2012

스콧 다디히의 설명이 역시나 인상적 와이어드 잡지를 모른다면 SNOW 에서 스콧다디히의 잡지 표지 만드는 과정에 대한 동영상을 볼것. 한글 스크립트가 있었던 것으로 기억...

http://speckyboy.com/2011/12/14/our-50-favorite-web-developers-resources-and-tools-from-2011/ 웹하고 관련해서는 역시 그리드 시스템을 쉽게 할수 있는 CSS 소스들이 대세 1280 모니터 사이즈를 위한 1140 px CSS Grid 5 http://cssgrid.net/ 다양한 기기에서 구현가능한 프로토타입을 도와주는 Foundation. 다양한 사이즈와 형태의 그리드 구현가능 http://foundation.zurb.com/ 앱 에니메이션을 쉽게 구현해 주는 센차 CSS3 Animator & HTML5 Animations http://www.sencha.com/products/animator/

한수진 블로그 http://blog.naver.com/rabbit_sj/10126626744 슬라이드 링크 -http://www.slideshare.net/SujinHan/bluemoon 한학기동안 정말 열심히 했던것을 높이 사고 싶음. 컨셉도 유니크하고 프로토타입 동영상도 매우 좋습니다. 글씨가 없었다가 나오게 한다면 좀더 좋았을것 같음 누르면 사운드나 글씨가 나타나는것을 표시했으면 좋았을것 같음 앞으로도 지금처럼 열심히 아이디어를 생각하고 디자인한다면 정말 좋은 디자이너가 될거라고 생각합니다. 영어공부도 꼭 열심히!!! 최예지 1. 모바일 웹 프로토타입 http://woobigirl76.dothome.co.kr/giftforyou/m_index.html 2. PPT URL http://www.slid..

최예지 : visual interface design을 css 를 적용하여 디자인한후 사용영상을 찍어서 기말에 발표할것 이정민 : visual interface style을 맞추고, 그림을 줄이고 css 로 적용해보도록 노력할것 link를 수정해서 코드가 꼬이지 않도록 할것, 문제가 생기면 메일로 질문할것 이지인 : visual interface design을 css 를 적용하여 디자인한후 사용영상을 찍어서 기말에 발표할것 김유경 : 삼각형을 빼고, 가이드에 맞게 수정할것, 폰트가 작으니 원래 폰트 사이즈를 고려해서 모바일웹 사이트를 캡쳐 받아서 비교해서 폰트를 디자인할것 배민경: 화면 해상도 확인하고 아이패드 해상도로 맞출것 버튼스타일이나 아이패드 스타일에 대한 리서치를 조금더 해서 비쥬얼 디자인을 맞..

테리 화이트의 글자가 스크롤 되는 투토리얼 입니다. http://www.youtube.com/watch?feature=player_embedded&v=HlxqsN7HZyU http://www.youtube.com/user/terrywhitetechblog?feature=watch 수업시간에 본것은 유료 사이트 http://www.lynda.com/tutorial/82408

기본적으로 인디자인에서 에니메이션이 플래시 화일로 만들어주기때문에 안됨 이것을 html 5로 바꾸어서 됨 아래 링크 참고 http://digitalpublishing.tumblr.com/post/3898796141/animate-headlines-or-other-things

윈도우즈에서는 아래에서 찾을실수 있습니다. After importing and updating my folio using the latest release of DPS under Windows XP, I found all my articles as individual folio files in a folder on my local hard disk in this location: C:\Documents and Settings\[your user name]\Application Data\StageManager.[very long serial number]\Local Store\dmp\ http://help.adobe.com/ko_KR/digitalpubsuite/using/WS9293e1fb3b977c5c..

앱센터 목요일 스터디에서 전무익님이 발표해주신 내용입니다. 출처 : http://uxuistudy.tistory.com/14 발표 슬라이드 http://slides.html5rocks.com/#css3-title (출처: http://www.html5rocks.com/ - 구글에서 제작한 슬라이드입니다.) 참고자료 Safari CSS Reference: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariCSSRef/Introduction.html Mozilla CSS Reference: https://developer.mozilla.org/en/CSS/CSS_Reference 예제 http:/..