Visual & Media Design

닷홈의 무료호스팅http://dothome.co.kr/web/free/index_3.php워드프레스 설치를 선택 http://neofuture.dothome.co.kr/wordpress/wp-admin/ 자신이 원하는 워드프레스 테마를 다운로드 받은 후 /html/wordpress/wp-content/themesftp를 이용해서 위의 디렉토리 themes라는 폴더에 복사해 넣는다. http://www.dessign.net/simple-photo-responsive-theme/오늘 수업시간에 보여줬던 워드프레스 테마 http://api.mobilis.co.kr/webfonts/font_usage.html?fontface=NanumGothicWeb어드민 페이지의 스타일시트 (style.css) 에서 body..

지난주에 개인별로 드렸던 코멘트에 대한 진행상황을 블로그에 올리고 여기에 과제 댓글로 달아 제출해 주세요. 진행상황을 블로그에 올리지 않으면 나중에 평가에 반영되지 않습니다.

지난주에 각 개인에게 코멘트해 드린 과제를 여기에 댓글로 달아주세요.

오금영 평범한 코디 디자인이 되지 않도록 할것 기존의 비슷한 서비스와 어떤 차별화 점이 있는가? + 사람들에게 어떤 패션 서비스가 필요한가?+ 지금 현재 존재하는 패션 어드바이스 앱 서비스는 무엇이 있는가? 동작되는 화면을 인디자인으로 구현한다고 생각하고 작업할것 와이어 프레임까지 작업해올것 강문정 다이어트 웹디자인웹사이트의 특성을 살려 디자인하기 위한 전략을 다시 고심할것. 페이지만 나열한 느낌에서 벗어날것단순한 웹사이트가 아닌 다이어트를 잘 홍보하고 판매할수 있는 서비스를 구현한다는데 목표를 둘것 와이어 프레임까지 작업해 올것. 문소슬 잡지의 표지 디자인목차 페이지에서 파스텔톤의 디자인이 내부 디자인과 동떨어진 느낌. 전체 잡지를 완성한다는 느낌으로 표지와 목차를 만들고. 그중에 클릭 되는 부분만 구..

UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 다음이 포함되어 있어야 합니다. - 리서치 - 퍼소나- 시나리오- 타스크 모델- 유저 저니- 와이어 프레임 중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에 여기에 댓글로 해당 포스트의 URL을 달것! 참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb * slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨 프리젠테이션 템플릿은..

http://www.mprove.de/script/00/upa/_media/upaposter_85x11.pdf포스터 다운로드

Task Models, User Journey 그려오기. 이거 다그린 사람은 wireframe 까지 그려오기 바랍니다. wireframe을 그릴때는 템플릿을 프린트 하셔서 그리드를 그리고 이용하기 바랍니다. 와이어프레임 그리기 참고 포스트 http://visualcommunication.tistory.com/668 인디자인. 전자출판 템플릿 http://visualcommunication.tistory.com/574 http://visualcommunication.tistory.com/798 이 템플릿을 이용하면 좋을것 같음 http://interfacesketch.tumblr.com/ http://webdesignledger.com/freebies/10-free-printable-web-design-w..

보호되어 있는 글입니다.

어도비 DPS를 이용하는 방법 기초에 관한 한글 동영상입니다. (드뎌 한글 강의 동영상도 나오기 시작했군요 ^^;) 전자출판을 하시고자 하는 분들은 한번 영상을 보시고 투토리얼을 참고하시면 이해가 좀더 쉬울겁니다.

아래 포스트에 있는 템플릿을 이용하여 퍼소나(1명이상)과 시나리오(한주더 진행예정)을 써오기 사용자 리서치 좀더 보강해서 퍼소나를 만드시기 바라고. 사용자 리서치 자료도 잘 정리해 놓으시기 바랍니다. 실제 사용자의 인터뷰, 사용장면등을 찍고 글로도 정리하시기 바랍니다. 전자출판쪽을 하시는 분들은 아래의 포스트를 참고하시어 실제 화일을 만들어보고 테스트로 DPS 시스템에 올려서 지하 139호에 있는 아이패드로 확인까지 해보시기 바랍니다. 이과정을 안해보면 매우 어렵기때문에 꼭 해보시기 바랍니다. 잘모르시는것은 다음주에 질문하기 바랍니다. 다음주 10월 2일은 정상 수업진행합니다. 늦지않게 수업에 오시기 바랍니다.

보호되어 있는 글입니다.

생활코딩10월중에 강의특강 모실 계획 http://opentutorials.org/html & css 참고로 여기를 보세요. HTML > CSS > HTML5 > CSS3 > JAVA SCRIPT > JQUhttp://www.w3schools.com/ YAMOO9.COM지금 닫혀있어요. 대신 동영상 강의는 아직 볼수 있어요. http://vimeo.com/yamoo9

10월 2일 샌드위치데이에 지방에 가는사람이 있는지?12월 18일 화요일(한국도로공사 시상식) 대신에 12월 21일 금요일 또는 토요일 발표가 가능한지?

어떤 형태든 큰 문제는 없으나 실제 사용자가 자신이 생각하는 디바이스나 서비스를 이용하는것을 관찰해 오거나 그외의 방법을 동원하여 리서치를 해오는것이 이번 주 과제 입니다. 기존의 비슷한 것을 쓰는것을 비교분석한 리서치도 좋고. 관련된 서비스의 리서치도 좋습니다. 중요한것은 5장 이상의 리서치 결과서를 가져오시고. 자신이 하고자 하는 프로젝트에 도움이 되는 방향으로 적극적으로 해오시면 됩니다. 리서치한 결과자료를 마찬가지로 자신의 블로그에 올리고 링크를 여기에 댓글로 다시면 됩니다.

취업분야별로 가장 영향력 있는 디자이너 50인을 한번 조사해 두면 좋을듯. Ji Lee 라는 나랑 이름이 같은 사람은 페이스북 아트디렉터라는군. ㅎㅎ 한국사람인듯. http://www.fastcompany.com/design/2011/50-most-influential-designers-in-america# 그중 정보디자인 디자이너 Nicholas Feltonhttp://feltron.com/ 또다른 정보디자이너 Eric Rodenbeck http://stamen.com/ 웹 인터렉션 콜라보레이션 하는 두 디자이너 King & Coyle http://www.kingcoyle.com/

Tablet, mobile, & email iPad: 1024x768 Landscape orientationiPad: 768x1024 Portrait orientationiPhone: 640x960 Portrait orientationEmail: 640px Desktop environments Standard: 972px Widescreen: 1144px IAB-Friendly: 1000px (Allows for a 320px-wide sidebar that can house a 300x250 unit with 10px of padding.)출처 :http://www.ravelrumba.com/photoshop-grids/ 위의 출처에 가면 아래쪽에 각각의 해상도에 해당하는 포토샵 화일이 들어있는 zip..

스매싱 매거진에 재미 있는 아티클 하나 강물은 다시 되돌아 가는것이고, 사다리를 생략하고 바로 이후 단계로 직행하는것. 주사위 놀이판하고 같다고 생각하면 됨 개발의 범위나 성격에 따라서 다른 UX를 적용해야 한다고 생각하던차에 발견한 공감할만한 포스터 아래의 URL에서 그림을 누르면 PDF 버전으로 다운로드 받아볼수 있음 http://uxdesign.smashingmagazine.com/2012/08/29/beyond-wireframing-real-life-ux-design-process/

과제는 자신이 하고자 하는분야의 개발프로세스 리서치그리고 자신이 하고자 하는것에 대한 컨셉 스케치 또는 아직 결정되지 않았다면 좀더 리서치 이 둘다를 블로그에 올리시고 여기에 댓글을 다시면 됩니다. 오늘 봤던 돈 노만의 미래세상의 디자인 영상http://www.snow.or.kr/lecture/culture/creative/5566.html 돈노만 테드강의 애플 아이폰 첫번째 광고

블로그나 워드프레스등에 숙제를 포스트한뒤 포스트한 URL을 여기에 댓글을 달아 숙제를 제출해주세요. 1. 자신이 하고 싶은 프로젝트 (디지털 베이스)에 대한 리서치 해오기 2. Donal Norman (돈 노만)에 대해서 조사해 오기 수업에 못들어 온 학생들에게. 첫째 주에는 인터렉션 디자인, 인터페이스 디자인, UX 디자인, 정보디자인에 대한 용어를 정의하고 설명하였습니다. 관련 강의화일은 여기에.http://visualcommunication.tistory.com/623

1. 자신이 하고 싶은 또는 만들어보고 싶은 디지털 분야의 프로젝트, 서비스 등을 2~3개 골라 리서치 한 후 발표 2. Don Norman 돈 노먼 에 대해서 조사하여 발표하기 - 다음 수업시간에 추가적으로 강의를 진행할 예정임 여기에 댓글을 다세요.

ILUVUXDESIGN part I from lyle on Vimeo. ILUVUXDESIGN part II from lyle on Vimeo.

great design and art video from offbook/PBS http://www.youtube.com/user/PBSoffbook

보호되어 있는 글입니다.

보호되어 있는 글입니다.

http://www.maedastudio.com/ http://burak-arikan.com/ 타이포그래피 참고해서 볼것 http://johnlikens.com/ 모션그래픽 포폴 http://www.formtroopers.com/ http://www.teoskaffa.com/ 일러스트 포폴 http://www.joshsender.com http://www.area17.com/ 웹디자인 포폴 한국 포폴 http://inggoon.tistory.com/ http://www.extra-project.com/ http://www.ag.co.kr/ http://www.stickymonsterlab.com/ 블로그형태 참고 http://bloggertip.com/2657

한지민http://jmini91.tistory.com/ ㅡ블로그ㅡ http://jmini.dothome.co.kr/ ㅡ홈페이지ㅡ사용한 워드프레스 테마 출처: http://www.dessign.net/simple-grid-theme-responsive/ 카테고리 향후에 늘려가면서 작업할것, 일러스트 작업을 하나로 묶어서 컨셉과 과정을 설명하는것을 넣을것 이남준 http://blog.naver.com/junepinky/130140645987 ㅡ블로그ㅡ http://junepinky.dothome.co.kr/ ㅡ홈페이지ㅡ 상단에 각 포트폴리오 카테고리를 만들어서 제공할것 갤러리를 여러개 만드는 방식으로 각 그림마다 결과물을 만들기까지의 과정을 담도록 노력할것 임채림 http://joundr.dothome.co..

수업에서 언급한바와 같이 1024*768을 기준으로 하는 경우가 대부분이며 이때 모든 종류의 브라우저에서 스크롤이 안생기는 영역에서 디자인이 되려며 상단의 브라우저 메뉴를 제외한 영역을 고려한 사이즈로 작업되어야 합니다. 849*507 을 기준으로 작업합니다 reference : http://www.designerstoolbox.com/designresources/safearea/compare/?PHPSESSID=404371441f30ebc39a52d2b901e571cd Screen Resolution 1024 x 768 Browser Safe Area Download File Mac OS X: Safari 909 x 519 Safari Window (.psd) Mac OS X: Firefox 909 x..

여기에 기말과제 댓글 달기 자신의 블로그 포스트 주소(여기에 작업하신 블로그 화면 켭쳐를 받아서 올려놓으시면 됩니다 워드프레스 theme를 쓰신경우에는 출처 URL을 적어놓기 바랍니다. ) 자신의 홈피 URL

보호되어 있는 글입니다.

구글에서 free jQuery plug-in이라고 검색하면 됨 다양한 트렌지션 효과의 무료 슬라이드 플러그인 http://www.pixedelic.com/plugins/camera/ 다양한 무료 플러그인 있는곳 http://www.instantshift.com/2012/03/26/80-useful-jquery-plugins-to-enrich-your-sites-user-experience/ http://codeknows.com/jquery-plugins/useful-jquery-plugins/ 박스형태로 썸네일을 구성하고 썸네일을 누르면 큰 이미지를 볼수 있도록 한것 http://tympanus.net/codrops/2011/10/07/draggable-image-boxes-grid/ Light box ..