Visual & Media Design

다음주 : 기하학 모션 중간버전중간발표  준비- 자신이 작업한 과제 소개, 플립북, 키네틱타이포, 기하학으로 모션 (동영상 틀기)- 중간발표 이후에 작업할 프로젝트에 대한 프로포잘중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에  여기에 댓글로 해당 포스트의 URL을 달것! 참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb Webdesign2 mobileweb View more presentations from rorymai  * slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 Embe..

슬라이드 쉐어에 못올린사람들은 나중에 올려서 알려줄것 파워포인트에서 pdf로 바꾸어서 올려볼것 백수지 포트폴리오 웹사이트 무지 사이트 의 영향을 받아서 디자인함 가로사이즈 줄일것 원래 자신의 아트웍을 적용해서 디자인해올것 좀더 다양한 기능을 넣는것을 시도해볼것 플래시나, 게시판 등등. 기말을 위해서는 tweety0224.dothome.co.kr 이정민 Non-private Designer's website 포트폴리오 공유 사이트 현재는 자신의 포트폴리오 사이트를 IA로 가져왔음 공유사이트를 만들것이라면 그것에 맞추어 IA와 UI를 스케치할것 (다음주까지) Media design project proposal View more presentations from joey1106 안지은 포트폴리오 웹사이트를 ..

http://vimeo.com/6520450 Web Design Tutorial Part One Web Design Tutorial Part One from andrew on Vimeo. 1. 와이어 프레임을 손으로 먼저 자세히 그린다. 2. 포토샵에서 먼저 새로운 도큐먼트에서 Web을 선택하고 거기서 사이즈를 선택 3. proof setup에서 monitor RGB 선택, proof color 를 선택 4. grid system generator를 이용하여 그리드 이미지를 만들고 이것을 가져다가 포토샵에 넣고 사용 5. 포토샵 레이어 폴더를 만들어서 각각의 로고, 메인메뉴 등등의 폴더를 만들어서 따로 따로 디자인해서 이용함 . 이것은 와이어 프레임을 그렸던 것에 기초해서 만든다. 그런다음에 종류별로 다..

http://colorschemedesigner.com/

아이폰 어플이나 모바일웹을 2학기 웹디자인에서 시도하려고 합니다. 디자인 하실때 다음의 재료들을 쓰셔서 디자인을 시작할수 있습니다. iPhone Safari Browser Download File (.psd) iPhone GUI Elements iPhone Status Bar: Gray Download File (.psd) iPhone Status Bar: Black Download File (.psd) iPhone Title Bar: Blue Download File (.psd) iPhone Title Bar: Black Download File (.psd) iPhone Title Bar Buttons Download File (.psd) iPhone Icon Bar Download File (.psd..

중간과제 여기에 댓글로 달아주세요. 1. translation 번역 숙제, 2. designing interaction books 1장 2장 써머리, 3. 자신의 인터렉티브 미디어 디자인 프로젝트 프로포잘 쓰기 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. ..

http://webzone.k3.mah.se/k3jolo/visCat/

http://www.informationisbeautiful.net/

http://www.crowdspring.com/browse/

http://iamalwayshungry.com/VERS7/index.html#/INTRO/ http://www.iamalwayshungry.com/index09.html http://www.resn.co.nz/#/work

여기에 댓글로 달아주세요.

A Brief History of Title Design from Ian Albinson on Vimeo.

국내의 무료 웹호스팅을 제공하는 업체들 리스트 입니다. 닷홈. 사용방법도 아래에있어요. http://ilryu.tistory.com/113 해외의 무료 웹호스팅 대용량 http://blog.naver.com/PostView.nhn?blogId=parangbee&logNo=80120844021 국내 무료웹호스팅 라온넷 http://www.raonnet.com/

http://www.000webhost.com/order.php 계정을 신청하시고 파일 질라(다운로드: http://filezilla-project.org/download.php )에 가서 파일 > 사이트 관리자 를 선택하시고 자기가 만든 URL을 입력함 호스트(H) : www.(자신이입력한값).(랜덤주소값).net 사용자 : 입력하고 부여받은 번호 비밀번호 : 자기가 임의로 정한 비번 화일 5000개까지 공짜이고, 압축포맷은 잘 열리지 않음. 주의 할것 무료이면 언제든 날라갈수 잇으므로 반드시 백업을 자신의 컴에다가 해놓을것.

여기에 과제를 댓글로 달아주세요.

마지막 주 프리젠테이션 템플릿은 Design Research by Brenda Laurel 책중 BJ FOGG가 만든 Conceptual Design Template에서 가져왔음 이책의 내용중 이에 해당하는것을 PDF로 첨부하니 좀더 자세한 내용을 보고 싶으신분은 아래의 PDF를 다운로드 받아서 읽어보기 바람 1. The Title Page [Concept Name Here] design by [your name here] 2009 spring 2. The Overview [Name of Project Here] Persuasive Purpose -To [put design challenge summary here] [put a visual image of your concept here] 3. User..

에니메이션 투토리얼... 간단한 에니메이션 만드는... 일러로 만드는 방법 또는 참고할만한 영상 간단 에니메이션 투토리얼 단계별로 다 있음 아래 재생목록에서 볼것 http://www.youtube.com/user/thenewboston#grid/user/4C7FF93BF4770A10 그중 에니메이션 부분 Logorama Logorama from Marc Altshuler - Human Music on Vimeo. http://library.creativecow.net/articles/stern_eran/Blowing_Flowers.php 꽃이 날라가는 투토리얼 http://abduzeedo.com/reader-tutorial-starting-after-effects 간단 에니메이션 투토리얼 공튀기는것 투..

typo 에니메이션 한것 사운드 까지 완성한것 블로그에 올리시고 여기 댓글로 달아주세요.

중간고사는 기 공지한대로 2주 후인 4월 19일 입니다. 지금 디자인하신 웹페이지를 html 을 이용하여 모두 코딩하여 ftp에 업로드 하는것까지가 중간고사 범위입니다. 따로 테스트 보는것은 없습니다. ^^; table 한글로 설명한것 http://bms.unionsteel.co.kr/union/webzine/academy/html12.asp 한글로 설명하는 동영상 http://imlcc.com/14 Adobe TV 드림위버 강의 http://tv.adobe.com/show/learn-dreamweaver-cs4/ 기본적인 드림위버의 기능을 알수있습니다. 포토샵에서 드림위버로 이미지를 슬라이싱 해서 가져오는 방법에 대한 동영상 입니다.

1. designing interactions 의 챕터 2까지 한명골라서 2~3 문단으로 summary 해올것 다음시간에 발표합니다. 2. http://www.snow.or.kr/lecture/culture/creative/7959.html 렉쳐의 영문 스크립트 한글스크립트 5~10분 번역이나 딕테이션하기 3. 디자인 더 보충해서 가져오기 자신의 웹사이트 오늘 여기에 디자인 보충한 자신의 웹사이트 숙제내용 댓글로 포스트 올려주세요.

에피소드 6까지 수업시간에 했고, exporting video 는 투토리얼을 찾아서 추후에 올릴것입니다. http://tv.adobe.com/show/learn-after-effects-cs4/ http://www.lynda.com/After-Effects-CS4-tutorials/getting-started/699-2.html SNOW.or.kr에 올려놓았고 동영상의 아래쪽의 SNOW에서 보기를 누르시고 해당페이지에 가셔서 한글 스크립트 탭을 누르면 동영상을 간단하게 요약하신 내용을 볼수 있습니다. 영문 스크립트도 함께 올렸으니 동영상을 보실때 참고하세요. animating transition 과 맨마지막의 render 부분은 공개되지 않습니다. 이것은 다른 자료를 찾아서 공유토록하겠스니다. http:..

모션그래픽 과제 타이포 하신것 여기 중간과정 블로그에 올리시고 여기에 댓글로 달아주세요.

communication arts magazine interactive annual winners http://www.commarts.com/annuals/2011-interactive The Current State of Web Design: Trends 2010 http://www.smashingmagazine.com/2010/05/04/web-design-trends-2010/

2주차 과제를 여기에 댓글로 달아주세요. 사운드까지 입혀서 완성한 동영상을 블로그에 임베디드로 넣고 그 포스트 UBL(블로그 URL 말고...)을 여기에 댓글로 달아주세요.

http://www.w3schools.com/tags/ref_entities.asp FTP 접속프로그램 http://filezilla-project.org/download.php?type=client

Interaction Design History View more presentations from Marc Rettig Designing Interactions 책 공식 사이트 Visit Official Web Site of Designing Interactions Download Chapter 1 of the Book, PDF Format Download Chapter 2 of the Book, PDF Format Download Chapter 3 of the Book, PDF Format Download Chapter 4 of the Book, PDF Format Download Chapter 5 of the Book, PDF Format Download Chapter 6 of the Book, P..

Cooper-Hewitt: Bill Moggridge- What is Design? http://www.snow.or.kr/lecture/culture/art/6050.html Bill Moggridge: Designing Interactions 번역숙제 나갔던것. 다음주까지 입니다. http://www.snow.or.kr/lecture/culture/creative/7959.html

TED에서 이번 2011 컨퍼런스에 맞추어 우수한 광고를 뽑았습니다. 한번 보세요~ http://www.ted.com/aws

1. 이름, 이메일, 블로그 주소/ 배우고 싶은 툴을 이 포스트의 댓글로 달아주세요. 2. Flipbook animation을 손으로 그리거나 사진을찍거나 하여 만든다. 이를 포토샵에서 레이어로 불러들여 gif 화일로 만들거나 after effect에서 동영상으로 만든다. Handmade Flipbooks http://thecurio.us/blog/?p=14 After Effects Animated Flipbook http://www.formattmag.com/2010/04/15/after-effects-animated-flipbook/ 오늘 본 동영상 A Brief History of Pretty Much Everything http://www.youtube.com/watch?v=gNYZH9kuaYM ..