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

Interaction Design 2015_02

제작자 중심의 인터랙션 구현과 실습

학습 목표

1. 콘텐츠 제작을 위한 Digital media 편집 및 제작과정을 학습.

2. 콘텐츠 제작을 위한 설계 및 Prototype 제작

3. 클라우드 서비스를 통해 콘텐츠를 제작한다.

4. Html 5 기반환경 ( html, css, js ) 을 이해하고 코딩한다.

5. Wordpress 기반으로 결과물 콘텐츠를 전시한다.

인터랙션 콘텐츠 구현을 위한 제작자 중심의 컴퓨터

작업환경을 경험한다.

2015 Interation Design

01 8 15

font

Pattern

brush

Design

basic

Illust

drawing

HTML5

Layout

Color

style

10

Prototype

wireframe

Cloud

service

Word

press

Digital media 편집 및 제작과정

Brush site

font site

Modern Collage

Modern Collage

Mixed media

Mixed media

Half tone

duo tone

duo tone

Grid

설계 및 Prototype 제작

Graphic User Interface http://www.louisvuitton.eu

Graphic User Interface

클라우드 서비스와 구현

http://timeline3.knightlab.com/

보관 공유 편집

모든 컴퓨팅 자원을 인터넷으로 사용하는 서비스 (Computing as a Service)

배포

정적

https://timeline3.knightlab.com/examples/houston/index.html

동적

Html 5 기반환경과 Coding

구조 동작 장식

http://colly.com/ 반응형웹

https://jhj2015inter.wordpress.com

온라인 공유

결과물 공유

https://plus.google.com/u/0/ communities/115845699904060766049