CH02. App UI App UX

&RWD http://about.me/divaka

workshop

Q1

2

KTV

2

3

QQQ3

4 215 .

4

5

Q5

PM7

8

9http://ohbear.taiwan.net.tw/

10http://www.digitalpoetry-zcy.ntpu.edu.tw/

11

http://www.roc-taiwan.org/JP/mp.asp?mp=201

workshop

Q12

13http://www.taopic.com/

http://en.viens-la.com/

D3.js15

Google 16https://www.google.com/design/spec/animation/delightful-details.htmlhttps://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-material-response

17

Diablo 80 #18

19

20

RWD

Responsive Web Design

workshop

Q22

Yahoo!24

26

.27

RWD 28

RWD 29http://alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html

30

31

http://responsive-jp.com/32

RWD 33

RWD 34 RWD 1day ~ 1

APP N

APP / RWD 35

APP / RWD 36

http://pedia.cloud.edu.tw/37

38

39

1024px 800px40

/41http://www.w3schools.com/css/css_rwd_images.asphttp://www.w3schools.com/css/css_rwd_videos.asp

iconMenu +

42

43

PC/Mobile 44

45

45

46

47

48

49

Native APPWeb APP

iOS : Objective-CAndroid : JavaHTML5CSS3JavaScript

1. 2. 3. 4. UI1. 2. 3. 4. APP

1. 2. UI1. ( GPS)2. UI3. 4.