前端工程與Rwd _ 中原大學資管系
-
Upload
- -
Category
Engineering
-
view
479 -
download
1
Transcript of 前端工程與Rwd _ 中原大學資管系
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.