2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall...
Transcript of 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall...
![Page 1: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/1.jpg)
Interaction Design 2015_02
제작자 중심의 인터랙션 구현과 실습
![Page 2: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/2.jpg)
학습 목표
1. 콘텐츠 제작을 위한 Digital media 편집 및 제작과정을 학습.
2. 콘텐츠 제작을 위한 설계 및 Prototype 제작
3. 클라우드 서비스를 통해 콘텐츠를 제작한다.
4. Html 5 기반환경 ( html, css, js ) 을 이해하고 코딩한다.
5. Wordpress 기반으로 결과물 콘텐츠를 전시한다.
인터랙션 콘텐츠 구현을 위한 제작자 중심의 컴퓨터
작업환경을 경험한다.
![Page 3: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/3.jpg)
2015 Interation Design
01 8 15
font
Pattern
brush
Design
basic
Illust
drawing
HTML5
Layout
Color
style
10
Prototype
wireframe
Cloud
service
Word
press
![Page 4: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/4.jpg)
Digital media 편집 및 제작과정
Brush site
font site
![Page 5: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/5.jpg)
![Page 6: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/6.jpg)
Modern Collage
![Page 7: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/7.jpg)
Modern Collage
![Page 8: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/8.jpg)
Mixed media
![Page 9: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/9.jpg)
Mixed media
![Page 10: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/10.jpg)
Half tone
![Page 11: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/11.jpg)
duo tone
![Page 12: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/12.jpg)
duo tone
![Page 13: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/13.jpg)
Grid
![Page 14: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/14.jpg)
설계 및 Prototype 제작
![Page 15: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/15.jpg)
![Page 16: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/16.jpg)
![Page 18: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/18.jpg)
Graphic User Interface
![Page 19: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/19.jpg)
클라우드 서비스와 구현
http://timeline3.knightlab.com/
보관 공유 편집
모든 컴퓨팅 자원을 인터넷으로 사용하는 서비스 (Computing as a Service)
배포
![Page 20: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/20.jpg)
![Page 21: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/21.jpg)
정적
![Page 22: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/22.jpg)
https://timeline3.knightlab.com/examples/houston/index.html
동적
![Page 23: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/23.jpg)
Html 5 기반환경과 Coding
구조 동작 장식
![Page 24: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/24.jpg)
http://colly.com/ 반응형웹
![Page 25: 2015 02 Interaction Design - WordPress.com · 2015. 9. 2. · Every Teardrop is a Waterfall Coidplay Mylo Xyloto 1:30/3-30 z Hurts Heaven 4. Charlie Brown 5. Us Against the World](https://reader035.fdocument.pub/reader035/viewer/2022071414/610e27978d54a508854767ab/html5/thumbnails/25.jpg)
https://jhj2015inter.wordpress.com
온라인 공유
결과물 공유
https://plus.google.com/u/0/ communities/115845699904060766049