Visual & Media Design

1, 개인 블로그 생성 후 여기에 댓글로 달아서 알려주기 댓글: 이름, 이메일, 블로그 주소 * 숙제는 블로그에 임베비드 코드로 발표화일, 논문, 영상 을 삽입 The Art Of Colors View more presentations from Elisa Giaccardi 뭐하고 싶은지에 대해서 블로그에 간단히 올리고, 리서치를 시작.... 중간고사 때까지... 중간고사는 리서치와 주제 까지 기말고사는 논문또는 프로젝트 다음주는 예술의 전당 타이포그라피 전시 모짜르트 12시 30분 점심

https://www.cuspconference.com/ 2010년도 컨퍼런스의 신 아담스강의가 인상적입니다. Sean Adams: Optimism and reassurance. Frank Chimero

2010 Designers" Forum Lecture Two on COLOR (pt1) from Carriage House Media on Vimeo. 2010 Designers Forum Lecture Two on COLOR (pt2) from Carriage House Media on Vimeo.

Perception Lecture Notes: Color Light & wavelengths Spectral power distribution Trichromacy theory Color matching experiment Photoreceptor spectral sensitivities Color blindness Color opponency Color constancy, chromatic adaptation, & simultaneous color contrast http://www.cns.nyu.edu/~david/courses/perception/lecturenotes/color/color.html online introduction to color vision, see "Breaking the C..

위 강의에서 이야기 하는 스네이크 오일 (건강보조제 관련 시각화) 프로젝트 사이트 http://www.informationisbeautiful.net/play/snake-oil-supplements/ 그리고 그의 정보시각화 작업을 볼수 있는 블로그 http://www.informationisbeautiful.net/

http://www.interaction-design.org/calendar/printerfriendly.html

블랙앤 화이트가 더 멋질때가 있다는것을 다시한번 상기해주는...

http://yoast.com/social-buttons/

http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/

Two common Android screen sizes. (Image from Google I/O 2010) 320x480이 안드로이드 디자인의 일반적 사이즈입니다. 아래 기사에 들어가시면 좀더 자세한 가이드가 나와있습니다. http://coding.smashingmagazine.com/2011/06/30/designing-for-android/

웹사이트의 페이지 로딩속도가 결국 인터넷 비니지스의 승패를 좌우한다라는 주장을 하는 책- book of speed 이 나왔습니다. 인터넷에 모든 컨텐츠가 공개되어 있습니다. 이중 웹디자인에서는 이미지 최적화 image optimazation부분을 눈여겨 보시면 되겠습니다 http://www.bookofspeed.com/chapter5.html 시간나는대로 번역해서 올릴예정입니다.

타이포그래피를 배울 수 있는 새로운 방법 http://typeinsight.org/ 기사 출처 : http://www.typographyseoul.com/magazine/project.asp?HT=view&page=1&idx=19

구미림 카모메식당 예고편 중간고사 이후로 중간작업을 많이 보지 못했었음 유리창에 붙은 느낌으로 영화제목을 조용하게 연출한것은 좋았음 영화의 부분을 편집하는쪽보다는 모션그래픽의 요소를 최대한 활용해서 궁금증을 조금더 자아내는것이 예고편으로써 좋지 않았나 싶음 영화의 제목이 나오기 전까지 예고편이라는 느낌이 들지 않음. 중간중간에 좀더 임팩트와 장면이 바뀌는 블랙또는 흰 화면으로 처리하는것이 더 좋았을듯. (프리젠테이션 슬라이드 UBL 추후 제출) (동영상 추후 제출) 김세희 스마트폰와 환경이라는 주제로 정보디자인을 전달하는 모션그래픽 작업을 함 중간고사때 이후 적어도 두번이상은 논의가 되었었어야 했을듯. 금요일까지 영상으로 작업해서 다시 프리젠테이션 요망 motion graphic final project..

최혜송 : Portfolio PC 사이트의 메인 theme이 book 이였다면 이것을 계속 끌고 나갔어야 되지 않을까.... 모바일 메인 맨처음이 너무 오래걸리는것 같음. 로딩에 시간에 대한 고려가 있어야 될것 같음. PC 사이트와 모바일 사이트 동작하는것을 화면으로 찍어서 블로그에 금요일까지 올릴것. Finalproposal View more presentations from Hyesong Choe 웹 : http://yysongyy.dothome.co.kr/menu 모바일:http://yysongyy.dothome.co.kr/menu/m_index.html 포스팅 : http://songcomm.egloos.com/666092 오현아 : 흑백을 유지하는것이 더 좋았을듯. 회색이 들어가면서 완성품이라기..

17 Motion Graphic Animations sure to Inspirehttp://designm.ag/inspiration/17-motion-graphic-animations-sure-to-inspire/25 Inspiring Motion Graphic Sequenceshttp://designm.ag/inspiration/25-inspiring-motion-graphic-sequences/2011년 6월 15일 기말 프리젠테이션기말때 발표자료를 slideshare.net에 올리고 링크를 블로그와 기말 포스트에 댓글로 제출합니다. 다음의 내용이 포함되어 있어야 합니다. - 모션 그래픽 분야, 콘텐트 어떤 분야, 어떤 컨텐트를 모션그래픽 디자인할것인지 정한다. 예) 뮤직비디오 - 황병기의 침향무- ..

6월 14일 화요일 기말 과제 제출및 발표를 합니다. 기말때 발표자료를 slideshare.net에 올리고 링크를 블로그와 기말 포스트에 댓글로 제출합니다. 최종으로 작업한것의 sitemap, navigation 및 최종 스크린 캡쳐 화면이 포함되어야 있어야 함. - 포트폴리오사이트 (모바일 or PC 버전) URL 과 캡쳐받은것 or 구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것 - 프로젝트 모바일웹 프로포잘(슬라이드쉐어에 등록하고 블로그에 임베디드로 삽입) + URL 과 캡쳐받은것 or 구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것 한 블로그 포스트안에 - 프리젠테이션 slideshare.net 임베디드 코드 - PC 사이트 화면 캡쳐 or 구동 동영상 - 모바일 사이트 화면 캡쳐 ..

What is UX Design? View more presentations from Ji Lee.

The 2011 trends in interactive design View more presentations from Prophets Agency http://sour-mirror.jp/

Add to home screen message for iphone and ipad 아이폰과 아이패드에 홈스크린 메시지를 더하기 스크립트 다운로드 받기 https://github.com/cubiq/add-to-homescreen/tarball/master 데모화면 http://vimeo.com/19090508 한글도 지원하므로 풍선말에 나오는 해당 텍스트가 자동으로 한글을 지원함 사이에 아래 스크립트를 삽입 위에서 다운로드 받은 스크립트의 폴더 "src"와 "style"폴더를 같이 업로드해서 각각 add2home.css와 add2home.js의 링크를 정확하게 표시해주어야 함.

모바일에 flickr 슬라이드 쇼를 넣는 방법 http://freejavascriptslideshow.com/flickr-javascript-slideshow-for-mobile.html 소프트웨어를 다운로드 받아서 구동시키면 코드를 자동 생성해 주고 원하는 부분에 넣으면 됨. 주의할것은 관련 폴더들을 모두 가져와야 함 flickr 사진을 PC 웹사이트에 슬라이드 쇼로 가져오는 방법 임베디드코드를 생성해서 원하는 부분에 가져다 넣기만 하면됨. http://www.flickrslideshow.com/ 예: 특정셋을 가져다가 넣었음 http://www.flickr.com/photos/jisunlee/sets/72157625948886045/ Created with flickr slideshow from so..

Lisa Strausfeld: Keynote from Interaction Design Association on Vimeo.

http://www.adobeawards.com/us/community/aboutGallery/ Trusted Computing from ADAA Gallery on Vimeo. SURFACE from ADAA Gallery on Vimeo.

벡터이미지는 마스크 패쓰를 이용하면 쉽게 몰핑이 가능합니다. http://www.youtube.com/watch?v=-fu-le2vfhI http://www.youtube.com/watch?v=iMfMvdJyeSA 픽셀 몰프 기법에 대해서 설명합니다. http://tv.adobe.com/watch/creative-cow-after-effects-tutorials/paint-stroke-morph/ http://library.creativecow.net/articles/zwar_chris/morph.php http://www.adobe.com/designcenter/dialogbox/animatorstoolkit/

포트폴리오 사이트에 들어가야 할것들... 단순한 로고. 어떤 디자이너인지 간략하게 전달 포트폴리오나 이력서를 다운로드 받게 제공 http://speckyboy.com/2011/05/08/building-a-great-web-design-portfolio-%E2%80%93-10-best-tips-40-examples/ 상단 네비게이션으로 많이 유도. 홈으로갈수있도록. 세로 네비게이션만. 최소한의 클릭. 세로로 많은 컨텐트 배치 http://www.mobileawesomeness.com/ 모바일웹을 만드시는 분은 QR 코드를 만들어서 연결시켜면 좋습니다. URL에 모바일웹 URL 만드시고 generate 버튼을 누르면 나오는 이미지를 일러스트레이트에서 image trace기능을 이용하여 벡터로 바꾸어서 쓰시..

UX에 대해 공부해보려고 책을 찾던 중 처음으로 읽게 된책 (왼쪽:한국에 나온책, 오른쪽: 원문) 읽고 나니 뭔가 좋은 얘기가 많았던거 같지만 나의 기억력이 얼마나 갈지 모르기에 정리를 해보려고 한다. 빌 벅스턴 | Bill Buxton 원래 음악가였던 빌 벅스턴은 30여 년 전부터 컴퓨터를 이용한 예술 활동을 해왔다. 무대와 스튜디오에서 음악을 하며 기술이 미치는 긍정적인 영향과 부정적인 영향을 절절히 경험했다. 이 러한 경험을 바탕으로 디자인과 리서치 분야에 몸담고 나서 '인간의 얼굴을 한 기술'과 '사용자 인터랙션'에 천착하게 되었다. 30여 년 동안 다양한 디자인 리서치에 참여하면서 기술을 사용자에 맞게 디자인하는 방법을 다수 연구했다. 또한 음악, 영화, 산업 디자인 등 창의적인 분야에 기술을 ..

디지털 테크놀로지는 콘텐츠를 인터넷이라는 '디지털 하이웨이'에 실어 세계 곳곳으로 실어나름으로써 인류에게 지금까지 경험해 보지 못한 '콘텐츠 세례'를 선사하기 시작했다. 스위치를 켜고 모니터를 들여다보며 마우스를 놀리고 있자면 '콘텐츠의 정거장'인 웹사이트들을 통해 무엇이든 원하는 정보를 쉽게 얻을 수 있을 것만 같았다. 그러나 대부분의 사용자들은 콘텐츠를 습득하고 사용하기에 난감함을 표한다. 그 존재 방식이 사용자에게 친절하지 못하기 때문이다. 따라서 디자이너들은 콘텐츠의 존재 방식을 어떻게 디자인할 것인가라는 새로운 과제에 직면했다. 하지만 한때 봇물처럼 터져 나오던 웹사이트 디자인과 이를 둘러싸고 벌어졌던 활발한 논쟁들은 어느덧 자취를 감춰버린 채 새로운 미래를 준비하고 있지 못하는 듯하다. 이에 ..

과제전 제출자 : 강소희, 강지연, 권서윤, 김지은, 박민우, 신수연, 신혜윤, 이성혜, 임수빈임채림, 장선영, 황인혜 과제전 미 제출자 여기에 댓글 달아주세요.

http://www.flickr.com/photos/paulhughes/sets/ IDEO사의 디자인 사고에 관한 스케치 & 노트

Brothers Chris and Kirk Bray have been producing leather goods for the last ten years. They launched Billykirk from Los Angeles in 1999, learning their craft from a third generation leather maker. A simple leather strap kick started the business, a decade later their collection has flourished into other offerings that consists of bags, belts, shoes, wallets, hats and other accessories. Billykirk..

디켄팅을 출시하기 위해서 얼마나 정교한 프로토타입(거의 완제품에 가까운)을 만드는지. 그리고 그 옛날에도 디자인에 대해서 직접 고객에게 피드백을 받는것이 얼마나 중요했는가를 눈여겨 보기를 바랍니다. Design story: The Decanter from Landor Associates on Vimeo.