Visual & Media Design

반응형 웹으로 만들어진 워드프레스 포트폴리오용 무료 테마들free Responsive WordPress Themes http://www.dessign.net/

여기에 댓글달아주세요.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

어떤때 어떤 이미지 포맷 종류를 써야 할까? GIF : 일러같은데서 단순한 색을 이용하여 일러스트를 그린경우비교적 단순한 아이콘, 로고 텍스트를 그림으로 저장할때 JPG:투명한 이미지가 없는 사진같은 화일을 저장할때 쓰임 PNG : 복잡한 이미지, 또는 그림자가 있는 형태의 이미지를 저장할때 알파채널(투명)을 전부 살릴때 이용 => 포토샵에서 PNG 24로 저장. 투명 옵션 체크

자동으로 video tag 를 생성해주는 빌더 캡션 기능을 넣을 수 있습니다. HMTL5 Video Tag Builderhttp://videojs.com/tag-builder/

여기에 댓글과 무들에 과제를 제출해 주세요.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

출석 순서대로 발표 합니다. 오셔서 미리 30분전에 준비 바랍니다. 2시 부터 4분 모시고 발표 합니다. 인당 5분 발표에 5~10분 크리틱입니다. 젤 앞줄은 게스트 분들이 앉으셔야 하므로 비워둡니다. 1. 권혜은 2. 김모현 3. 김에덴 4. 김오령 5. 김지민 6. 이나연 7. 이남준 8. 이성혜 9. 이지수 10. 임유진 11. 임채림 12. 최아름 13. 한수진 14. 한지민 이것이 끝나면 그뒤에는 수업 진도를 나갑니다. 지난번에 움직이는 배너까지 했고, 오늘까지 움직이는 배너 원리를 이용하셔서 작업해 오시면 됩니다.

UX Design Communication - 성공적인 UX전략과 산출물을 위한 노하우 (원제:Communicating Design:Developing Web Site Documentation for Design and Planning) 이 책에 나오는 댄 브라운은 '1994년부터 인포메이션 아키텍처와 사용자 경험 디자인을 해온 웹 컨설턴트' 이며 'EightShapes'의 대표 http://www.eightshapes.com/ 사용자 니즈 문서: 1) 페르소나persona 2) 사용성 테스트 계획서 / 사용성 평가 계획서 3) 사용성 테스트 결과보고서 /사용성 보고서 4) 경쟁사 분석 전략문서: 4) 컨셉 모델 5) 콘텐츠 인벤토리 디자인 문서 6) 와이어 프레임wireframe 7) 플로우차트 flo..

보호되어 있는 글입니다.

인터렉티브 미디어 디자인 오늘 교재를 "만들면서 배우는 HTML5, CSS3, jQuery' 야무 저서 이것으로 결정했습니다. CS 5.5 아님 오늘 배운 HTML 5 관련 야무 강의 동영상 http://vimeo.com/37309913 CSS3 관련 야무 강의 동영상 http://vimeo.com/37332063 이거 두개 들어도 뭔말인지 이해가 안되시는 분들은 생활코딩님의 강의를 먼저들어보시기 바랍니다. http://opentutorials.org/course/11 http://opentutorials.org/course/45 숙제는 오늘 배운 HTML5와 CSS3의 기초를 이용하여 3페이지 이상의 연결되는 페이지들을 만들어오시면 됩니다. 자신의 포트폴리오 사이트를 만든다고 생각하시고 하시면 됩니다...

임채림 요리왕 김자취 View more presentations from Chaerm Lim 이나연 Ppt View more presentations from nayeonlee807 이성혜과제 URL : http://blog.naver.com/lsh_0710 0501 midterm - interative View more presentations from SungHye Lee 이남준 이남준_중간과제_인터랙_동화앱북_빨간모자 View more presentations from junepinky 김모현 0502 interactive app book View more PowerPoint from MoHyun 한수진 The blue moon View more presentation..

인터렉티브 미디어 수업에서 아무래도 아무것도 숙제로 안하면 아예 공부들 안할것 같아서 숙제 나갑니다. html 기본 배운것 기억하시지요?간단하게 자신의 홈페이지를 2장 이미지 디자인 합니다. 메모장을 꺼내서 위의 홈페이지를 html 로 만듭니다. 드림위버를 사용하셔도 됩니다. 이 2페이지를 닷홈 같은 무료 웹서버에 올리거나(이거 너무 어려우시면 안해도 되요. 다음주 수업에서 설명할겁니다.) zip으로 묶어서 본인 블로그에 달아놓으시면 됩니다. 여기에 링크 제출하세요! 지난번 수업 내용이 잘 생각나지 않는 분들은 여기서 좌측 메뉴를 눌러서 동영상들을 보세요. http://opentutorials.org/course/11생활코딩 사이트의 간단 html 설명 동영상

생각한 결과 인디자인에 html5와 CSS3를 배워서 넣는 방향쪽으로 기말까지 진행할 예정입니다. 테리화이트의 인디자인에서 에니메이션을 만든후 FLV화일로 추출하고 이를 어도비 랩에서 왈라비라는 프로그램을 다운로드 받아 html5로 변환한다음에 이를 인디자인에서 오버레이크리에이터>웹컨텐츠로 불러들여서 에니메이션을 구현하는 방법에 대해서 설명합니다. 이 방법을 쓰면 기본적으로 지금까지 작업했던 앱북위에 html 5와 CSS3를 더해서 동적으로 만들수 있습니다. 왈라비를 쓰지 않고 플래시에서 에니메이션을 작업한뒤에 html 5로변형하고 이를 인디자인으로 불러들일수도 있습니다.http://indesignsecrets.com/from-indesign-to-html5-via-flash.php 이런 작업을 할려면 ..

지난주 중간과제 평가에서 받은 코멘트에 대해서 수정한 사항을 댓글로 달아주세요.

여기에 댓글을 달아 제출해 주세요. 그리고 jisunlee@sookmyung.ac.kr 로 폴리오 화일 공유해 주세요. 현재 공유자 - 아빠가 고장났어요 - 희망어록

앱북 인터렉션디자인 문서 가이드 라인 1단계 전략수립(strategy / research)1-1. Mission- 개발 하고자 하는 앱북의 미션은 무엇인가? 몇문장으로 정리1-2. Objectives- 개발 하고자 하는 앱북의 목적은 무엇인가? 몇문장으로 정리1-3. Target Users- Primary Target 사용자와 Secondary Target 사용자를 정의 1-4. Scope of the Project- 마케팅 세일즈 측면의 유사/ 경쟁 앱북 벤치마킹 내용을 정리하여 기입  - 디자인 측면에서 참고할만한 앱북도 이 섹션에서 정리하여 기입 2단계 디자인 및 스펙결정 (design / Ideation)2-1. Concept Development- 개발하고자 하는 앱북의 디자인 컨셉을 세문장 이..

진행한 프로젝트 과정 여기에 댓글 달아 제출해주세요. 질문도 미리 알려주시면 내일 수업시간에 답변해 드리겠습니다. 인디자인사용법, 디지털 퍼블리싱 이용문제등 질문해 주세요.

http://speckyboy.com/2011/12/29/our-50-favorite-web-designs-from-2011/

사운드 녹음 및 편집 http://audacity.sourceforge.net/download/ 무료 사운드 이펙트 다운로드 사이트 http://www.freesound.org/ 앱마지막에 저작권 레퍼런스 부분 만들것 => Creative Commons 라이센스가 붙은 사운드 효과를 제공하는 곳으로 저작권 표시를 하셔야 합니다. 사진을 쓰는경우에도 저작권 표시를 하셔야 합니다. http://www.creativecommons.or.kr/xe/?mid=condition 해당 페이지에 넣주시거나 sound by ljudman CC BY 맨 마지막 페이지에 reference 페이지를 만드셔서 넣으셔도 됩니다. 1 page - sound by ljudman CC BY http://www.freesound.org..

아이패드 디자인 실전 체크 http://www.informationarchitects.jp/en/designing-for-ipad-reality-check/

http://uxdesign.smashingmagazine.com/2012/01/31/ten-things-think-about-designing-ipad-app/

유명 신문 가디언의 아이패드 에디션 디자인 프로세스에 관한 기사 The Guardian iPad edition, design process http://halfblog.net/2011/10/17/the-guardian-ipad-edition-design-process/ 아래를 눌러보시면 더 많은 슬라이드 쇼와 함께 보실수 있습니다. The Guardian iPad edition: 'Put the newspaper on the iPad' http://www.guardian.co.uk/media/gallery/2011/oct/13/guardian-ipad-edition-design-evolution#

웹사이트를 앱으로 개발할때 참고하면 좋은 기사 실제 디자인 결과물에 가까운 페이퍼 프로토타이핑 테스트를 통하여 오류를 최소화함 http://www.snd.org/2010/04/inside-the-design-process-for-nprs-ipad-app/

지난주에 이어 이번주에 좀더 작업된 화면들을 캡쳐하시거나 이미지로 만드시거나 동영상으로 만드셔서 올려놓으시기 바랍니다. 지난주에 코멘트 받은순서에 역순으로 이번주에 개인코멘트를 드릴예정이오니 준비바랍니다. 문제가 있거나 기능을 알고 싶은것이 있다면 여기에 댓글로 질문을 미리 해주시면 내일 수업시간에 해결방안을 찾아 설명드리도록 하겠습니다. moodle에 5주차 과제까지 올라와 있습니다. 5주차 과제 누락되신분은 위키글에서 직접 수정하실수 있습니다. http://moodle.sookmyung.ac.kr/

테리화이트의 폴리오 패널에 대한 기초 강의 이때까지 제가 설명했던 모든 내용을 다시 찬찬히 보실수 있습니다. 거의 같은 내용으로 린다닷컴에서 제공하는 동영상 인터렉티브한 웹갤러리 플러그인을 인디자인으로 가져와서 이용하는 투토리얼 Adobe InDesign Digital Publishing Suite - Slideshow with Object States (Tutorial by VOXLAB) http://www.youtube.com/watch?v=u83Vwpcrc8k&list=UU7hKSrVTby-0fuXKIaGlJWg&index=7&feature=plcpAdobe InDesign Digital Publishing Suite - Scroll Text with Pan (Tutorial by VOXLAB)Fr..

이번주에는 지난주에 이어 앱북으로 만드는 내용을 완성하시고 일부를 인디자인으로 작업하기로 했습니다. 인디자인작업이 잘 안되시는 분은 저에게 질문하여 주시면 수업시간에 최대한 같이 해결방안을 찾아보도록 하겠습니다. 인디자인으로 업하신 내용을 캡쳐하시어 작업시의 문제점과 어떻게 작업하고 있는지를 적으셔서 자신의 블로그에 댓글로 올려주세요. 무들은 사용방법이 어려운것 같아. 우선 조교에게 지난 업데이트를 요청했고. 시간을 내서 교수학습센터 신영수 선생님에게 간단한 작동방법에 대한 설명을 요청드릴예정입니다. 무들은 당분간 사용방법이 다시 확정해서 알려드리겠습니다.

http://www.yes24.com/24/goods/6181731