UIUX Flow and Dimensions Mark

iPad App Flow

帳號管理

訓練員登入

學員登入

所有學員運動紀錄

學員個⼈運動紀錄

個⼈帳號管理

課程資訊

動作資訊

1

登入

E_01 L_02

L_00

L_04

管理員畫⾯

空⽩ L_01

1秒後進入

L_03

E_02 成功登入

錯誤

學員畫⾯

2

E_01

運動紀錄

E_05

E_03

① 其他學員

④

②

③

彈出⾝體數據

E_04

訓練員登入 1.搜尋學員/選擇學員 2.觀看運動紀錄 3.運動⾏事曆及搜尋運動紀錄 4.編輯學員⾝體數據

E_02

②

③

④

E_06

彈出運動⽇期 該天運動情形

學員登入

優先跳轉到時間較（晚/新/近）的運動項⽬

2.觀看運動紀錄 3.運動⾏事曆及搜尋運動紀錄 4.編輯學員⾝體數據

3

運動紀錄 E_07

⑤

E_06

E_08 ①

②

切換⾄前⼀個運動⽇

該⽉運動情形

③

切換⾄後⼀個運動⽇

④

該年運動情形 E_09

該⽇運動情形 E_01

E_10

回到E_01

彈出運動⽇期

往上滑

該運動項⽬⽇期 運動⾓度數據 4

課程資訊 C_01

C_02

E_01 ③

①

③

② C_03

④

C_04

回到C_01 往上滑

5

放⼤影片

動作資訊 M_01 C_01

M_02 ② ①

M_03

往上滑

6

放⼤影片

帳號管理

A_05 A_01

M_03

A_04

① ③

往左滑

②

A_07

④ A_03

A_06

A_02

往左滑

學員介⾯

④ 往左滑

A_07

僅能編輯學員帳號

7

A_08

帳號管理

A_01

A_09

A_10 ①

A_11 ②

藍芽搜尋到裝置

A_13 A_12 ③

A_14

④ 回到A_01 更新完成

8

登出

A_01

L_05

L_01

9

iPad App Dimensions Mark a.使⽤者 訓練員、學員

b.運動紀錄 學員⾝體數據、運動⾓度次數時間紀錄

c.課程資訊 建立之課程、動作介紹

d.動作資訊 各動作介紹、教學⽰範

e.帳號管理 新增刪除管理、學員資料編輯

＊登入登出

字體 蘋⽅＿繁 regular

W:1024 x H:190

10

ArtBoard : W1024pt x H768pt

X:置中, Y:42pt, W:598pt, H:648pt

登入

Login background.png Vertical-align:Middle X:0pt, Y:0pt, W:548pt, H:366pt, BG Color: rgba 255 255 255, 0.8 Borders:3pt, Color: rgb 255 245 133, 圓⾓半徑13pt

（之於畫⾯為X:置中,Y:置中）

X:0, Y:0 X:20pt, Y:15pt, W:84pt, H:40pt, Font-size:28pt , Txt-align:Left, Color: rgb 0 0 0 X:20pt, Y:121pt, W:84pt, H:40pt, Font-size:28pt , Txt-align:Left, Color: rgb 0 0 0

20

20 X:104pt, Y:15pt, W:300pt, H:40pt, Font-size:28pt , Txt-align:Left, Color: rgb 0 0 0

70 36

X:478pt, Y:186pt, W:50pt, H:50pt, Vertical-align:Middle

70

Open eye.png Close eye.png

120 X:104pt, Y:121pt, W:300pt, H:40pt, Font-size:28pt , Txt-align:Left, Color: rgb 0 0 0

X:234pt, Y:303pt, W:80pt, H:56pt, Font-size:36pt, Color: rgb 0 0 0

70 548

X:0pt, Y:296pt, W:548pt, H:70pt, W:800pt, 圓⾓半徑13pt (Enable) Borders: 3pt, color rgb: 255 245 133 BG Color: rgb 255 232 118 (Disable) Borders: 3pt, color rgb: 116 116 113 BG Color: rgb 192 191 183

11

W:100pt, BG Color: rgb 91 91 91

運動紀錄 15

BG=background

15

65 X:15pt, Y:65pt, W:70pt, H:70pt icon / manbar01.png icon / manbar01_1.png

X:15pt, Y:135pt, W:70pt, H16pt Font-size:16pt (Normal) rgb 222 222 222 (Action) rgb 255 232 118

X:15pt, Y:220pt, W:70pt, H:70pt icon / manbar02.png icon / manbar02_2.png

X:15pt, Y:290pt, W:70pt, H16pt Font-size:16pt (Normal) rgb 222 222 222 (Action) rgb 255 232 118

X:15pt, Y:375pt, W:70pt, H:70pt icon / manbar03.png icon / manbar03_3.png

X:15pt, Y:445pt, W:70pt, H16pt Font-size:16pt (Normal) rgb 222 222 222 (Action) rgb 255 232 118

X:15pt, Y:530pt, W:70pt, H:70pt icon / manbar04.png icon / manbar04_4.png

X:15pt, Y:bottom space 40pt, W:42pt, H:42pt icon / manbar05.png icon / manbar_5_5.png

X:15pt, Y:600pt, W:70pt, H16pt Font-size:16pt (Normal) rgb 222 222 222 (Action) rgb 255 232 118

Auto 40 100 12

運動紀錄

Ｗ:300pt , H:50pt BG color rgb 255 255 255 Search X:18pt, Y:8pt, W:264pt, H:34pt, 圓⾓半徑10pt Color: rgba 118 118 128, 0.2

X:0, Y:0（之於畫⾯為X:100,Y:74）

X:0pt, Y:50pt, W:300pt, H:54pt (Normal) BG Color: rgb 255 255 255 (Action) BG Color: rgb 255 232 118

X:18pt, Y:65pt, W:264pt, H:25pt, Font-size:18pt , Txt-align:Left, Color: rgb 0 0 0 Underline： X:0pt, Y間距53pt, W:300pt, H:0.5pt , Color: rgb 222 222 222

300 13

運動紀錄

W:72pt, H:23pt, Txt-align:Center Font-size:16pt, Color: rgb 0 0 0

W:925pt, H:74pt, BG color: rgb 148 207 200

X:138pt, Y:18pt, W:360pt, H:46pt, Font-size:36pt, Txt-align:Left, Color: rgb 72 74 79

x:0, y:0（之於畫⾯為X:400,Y:74） W:625pt, H:145pt, BG Color: rgb 255 246 230

Y:18pt, W:78pt, H:50pt, Font-size:18pt, Txt-align:Right, Color: rgb 72 74 79

Auto

20

10

X:308pt, Y:18pt W:110pt, H:110pt Head male .png Head female.png

30

145

Auto

Y:101pt, W:80pt, H:28pt, Font-size:18pt Txt-align:Right, Color: rgb 15 87 165

50

Auto

緊急聯絡⼈ X:138pt, Y:78pt, W:185pt, H:25pt, Font-size:18pt, Txt-align:Left, Color: rgb 72 74 79

X:131pt,Y:158pt, W:24pt, H:24pt, Color: rgb 15 87 165

34 118

林恩熹

34

X:126pt, Y:153pt, W:34pt, H:34pt, Color: rgb 15 87 165 Font-size:16pt, Txt-align:Center, Color: rgb 79 81 86

X:138pt, Y:103pt, W:185pt, H:25pt, Font-size:18pt, Txt-align:Left, Color: rgba 72 74 79,0.6 緊急聯絡電話 X:323pt, Y:78pt, W:185pt, H:25pt, Font-size:18pt, Txt-align:Left, Color: rgb 72 74 79

X:8pt, Y:153pt, W:118pt, H:34pt, Color: rgb 15 87 165

0900-123123

H:50pt BG color rgb 255 255 255 Search X:190pt, Y:145pt, H:34pt ,圓⾓半徑10pt Color: rgba 118 118 128 0.2

X:323pt, Y:103pt, W:185pt, H:25pt, Font-size:18pt, Txt-align:Left, Color: rgba 72 74 79,0.6

8

14

8

運動紀錄 x:0, y:0（之於畫⾯為X:400,Y:74）

X:8pt, Y:195pt, W:72pt, H:20pt, Font-size:14pt,Txt-align:Left, Color: rgb 72 74 79

X:8pt, Y:195pt, H:20pt, BG Color: rgb 255 252 199 上⾄下漸層 53 240 239 170 X:8pt, Y:229pt, W:150pt, H,25pt, Font-size:18pt, Txt-align:Left, Color: rgb 0 0 0

Underline X:8pt, Y間距:53pt, H:0.5pt Color: rgb 222 222 222

150 8

15

60 15

Auto

15

8

彈出視窗

W:408pt, H:56pt, 圓⾓半徑10pt, BG Color: rgb 148 207 200

X:104pt, Y:15.5pt, W:200pt, H:25pt, Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

x:0, y:0（之於畫⾯為X:置中, Y:86）

BG Color: rgba 194 194 194, 0.5 X:368pt, Y:18pt, W:24pt, H:24pt, Close window.png

X:54pt, Y:66pt, W:300pt, H:18pt, Font-size:12pt, Txt-align:Center, Color: rgb 65 65 65,

72

X:53pt, Y:89pt, W:58pt, H:22pt, Font-size:16pt, Txt-align:Left, Color: rgb 131 131 131

X:307pt, Y:89pt, W:58pt, H:22pt, Font-size:16pt, Txt-align:Left, Color: rgb 131 131 131 W:54pt, H:54pt, Font-size:20pt, Txt-align:Center,Txt-vertical:Middle Color: rgb 65 65 65

X:175pt, Y:84pt, W:58pt, H:36pt, Font-size:24pt, Txt-align:Center, Color: rgb 65 65 65

W:54pt, H:54pt, Font-size:20pt, Txt-align:Center, Txt-vertical:Middle (Enable) Color: rgb 65 65 65 (Disable) Color: rgb 211 211 211

左箭頭 X:15pt, Y:86pt, W:28pt, H:24pt 左箭頭 X:365pt, Y:86pt, W:28pt, H:24pt

15

圓圈 W:35pt, H:35pt Color: rgb 15 87 165

378 Auto

15

15 16

Auto

20 彈出視窗

12

W:25pt,H:25pt, Color: rgb 0 86 171 Calendar.png 點此icon彈出運動⽇期

X:13pt, Y:40pt,W:16pt,H:23pt, Color: rgb 0 86 171 Previous page.png

BG Color: rgba 194 194 194, 0.5

與P.7相同

17

彈出視窗

X:237pt, Y:10.5pt, W:200pt, H:35pt Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

W:674pt, H:56pt, 圓⾓半徑10pt, BG Color: rgb 148 207 200

x:0, y:0

（之於畫⾯為X:置中, Y:86）

BG Color: rgba 194 194 194, 0.5 X:630pt, Y:18pt, W:24pt, H:24pt Close window.png

22 58

X:64pt, Y:78pt, W:135pt, H:58pt, Font-size:18pt, Color: rgb 72 74 79 Txt-align:Left, Txt-vertical:Middle,

Underline X:64pt, Y間距:58pt, W:253pt, H:1pt Color: rgb 151 151 151

462

X:207pt, Y:78pt, W:110pt, H:58pt, Font-size:18pt, Color: rgb 0 0 0 Txt-align:Right, Txt-vertical:Middle,

135

8

24

110

30 W:674pt, H:462pt, 圓⾓半徑10pt, BG Color: rgb 255 255 255

X:255pt, Y:440pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

Auto

64

253

40 18

253

64

Auto

彈出視窗

BG Color: rgba 194 194 194, 0.5

19

運動數據

Shadows： X:0pt, Y:1pt, blur:2pt, Spread:0pt, Color: rgba 0 0 0, 0.5

Auto

Auto

44 ⽇、⽉、年 尺⼨設定皆相同

BG Color: rgb 148 207 200 212

X:0pt, Y:0pt, W:636pt, H:28pt 圓⾓半徑8pt, Font-size:14pt Txt-align:Center, Color: rgb 0 0 0

212

212

X:0pt, Y:0pt, W:212pt, H:28pt 圓⾓半徑8pt, Font-size:14pt Txt-align:Center, Color: rgb 0 0 0 (Normal) BG Color: rgb 144 195 190 (Action) BG Color: rgb 255 255 255 X:212pt, Y:0pt

20

X:424pt, Y:0pt

x:0, y:0（之於畫⾯為X:置中, Y:118）

X:227.5pt, Y:34pt, W:30pt, H:30pt, Color: rgb 15 87 165 Left Icon.png

運動數據 W:800pt, H:145pt, BG Color: rgb 79 81 86, Shadows: Y:2pt, Color: rgba 0 0 0, 0.5 X:20pt, Y:80pt, W:160pt, H:20pt, Font-size:14pt Txt-align:Center, Color: rgb 79 81 86

X:267.5pt, Y:34pt, W:265pt, H:41pt, Font-size:28pt Txt-align:Center, Semibold, Color: rgb 15 87 165 10

Auto

34

10

Auto

5 7

200

200

200

X:20pt, Y:105pt, W:160pt, H:33pt, Font-size:24pt Txt-align:Center, Color: rgb 79 81 86

X:542.5pt, Y:34pt, W:30pt, H:30pt, Color: rgb 15 87 165 Right Icon.png

200

BG Color: rgb 255 246 230 Shadows： X:0pt, Y:2pt, blur:4pt, Spread:0pt, Color: rgba 0 0 0, 0.5

X:199.5pt, Y:105pt, W:1pt, H:15pt Color: rgb 151 151 151

21

運動數據 （之於畫⾯為X:置中, Y:263）

X:0, Y:0 X:0pt, Y:20pt, W:76pt, H:22pt, Font-size:16pt Txt-align:Right, Color: rgb 79 81 86

20

100

X:0pt, Y:109pt, W:76pt, H:22pt, Font-size:16pt Txt-align:Right, Color: rgb 79 81 86

X:92pt, Y:120pt, W:780pt, H:1pt, Color: rgb 151 151 151

100 12

100

X:104pt, W:20pt, Color rgb 255 245 174

495

12

100

上⾄下漸層

rgb 255 232 118

16

150

X:872pt, Y:420pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

780

X:104pt, Y:420pt W:20pt, H:20pt, Font-size:14pt Txt-align:Center, Color: rgb 79 81 86

X:872pt, Y:980pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

X:796pt, Y:1000pt, W:38pt, H:38pt, Color: rgb 190 219 102

10 20

X:842pt, Y:1000pt, W:30pt, H:42pt, Font-size:30pt Txt-align:Center, Color: rgb 190 219 102

X:104pt, Y:980pt, W:35pt, H:20pt, Font-size:14pt Txt-align:Center, Color: rgb 79 81 86 Auto

Auto

22

X:736pt, Y:1000pt, W:30pt, H:42pt, Font-size:30pt Txt-align:Center, Color: rgb 229 183 250 X:690pt, Y:1000pt, W:38pt, H:38pt, Color: rgb 229 183 250

778

運動數據 （之於畫⾯為X:置中, Y:263）

X:0, Y:0

15

16

7

7

495

845

Auto

X:947pt, Y:420pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

10

Auto 其餘與P.12設定位置相同

778

X:947pt, Y:980pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

23

運動數據 （之於畫⾯為X:置中, Y:263）

X:0, Y:0

46 46

Auto

495

792

X:904pt, Y:420pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

20 Auto

其餘與P.12設定位置相同

778

X:904pt, Y:980pt, W:44pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 79 81 86

24

課程資訊

（之於畫⾯為X:400, Y:74）

X:0, Y:0

H:145pt, BG Color: rgb 255 246 230 X:40pt, Y:44pt, H:33pt, Font-size:24pt Txt-align:Left, Color: rgb 79 81 86 X:40pt, Y:77pt,H:22pt, Font-size:14pt Txt-align:Left, Color: rgb 72 74 79

15

X:8pt, Y:160pt, W:113pt, H:85pt X:121pt, Y:160pt, H:85pt, Font-size:18pt Txt-align:Left, Txt-vertical:Middle, Color: rgb 72 74 79

5

X:8pt, Y:245pt, H:2pt, Color: rgb 151 151 151

5

5

5

Auto

8

8 25

動作資訊

H:145pt, BG Color: rgb 255 246 230

（之於畫⾯為X:0pt, Y:74pt）

X:0, Y:0

X:192pt, Y:18pt, H:25pt, Font-size:18pt Txt-align:Left, Color: rgb 72 74 79 10 X:192pt, Y:43pt, H:33pt, Font-size:24pt Txt-align:Left, Color: rgb 0 0 0

X:14pt, Y:10pt, W:168pt, H:126pt 14

9

10

X:192pt, Y:76pt, H:33pt, Font-size:24pt Txt-align:Left, Color: rgb 0 0 0 6

Auto

X:14pt, Y:169pt, H:25pt, Font-size:18pt Txt-align:Left, Color: rgb 0 0 0

36 6

X:14pt, Y:200pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 72 74 79

Auto

X:14pt, Y:256pt, H:25pt, Font-size:18pt Txt-align:Left, Color: rgb 0 0 0

36

X:14pt, Y:287pt, H:20pt, Font-size:14pt Txt-align:Left, Color: rgb 72 74 79

12 36

X:14pt, Y:760pt, H:25pt, Font-size:18pt Txt-align:Left, Color: rgb 0 0 0

153

253

253

14

14 X:置中於影片, Y:置中於影片, W: 40pt, H:40pt videoStartS.png

26

動作資訊

36 12 Auto

36 X:64pt, Y:與⽂字間距36pt, W:205pt, H:378pt

24

80

14

14 27

動作資訊

X:400, Y:74

14

與P.17畫⾯相同，橫向壓縮400pt

28

14

X:972pt, Y:24pt, W:33pt, H:33pt quitVideo.png

X:置中pt, Y:置中pt, W:120pt, H:120pt videoStartL.png

X:35 pt, Y:710pt, W:27pt, H:24pt

X:82pt, Y:710pt, W:18pt, H:128pt

beginning.png

stop.png

29

X:0, Y:0, H:50pt, BG Color: rgb 255 255 255 Search X:20pt, Y:8pt, H:34pt, 圓⾓半徑10pt, color rgba 118 118 128 0.2

帳號管理 X:0, Y:0

X:970pt, Y:26pt, W:40pt, H:40pt, Dfu.png

（之於畫⾯為X:100 Y:74）

X:20pt, Y:50pt, H:34pt, BG Color: rgba 248 248 248, 0.82 Font-size:16pt ,Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 0 0 overline : 1pt , rgb 198 198 200 underline: 1pt , rgb 198 198 200 X:64pt, Y:84pt, H:54pt, Font-size:18pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 122 255 X:20pt, Y:138pt, H:54pt, Font-size:16pt Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 0 0

X:20pt, Y:84pt, W:33pt, H:33pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 122 255 Add Icon.png

underline： 0.5pt , rgba 60 60 67, 0.3

20

20 30

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:316pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

Y:86pt 40

X:24pt, Y:96pt, W:352pt, H:25pt, Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

42

X:24pt, Y:163pt, W:352pt, H:33pt, Font-size:24pt, Txt-align:Center, Color: rgb 72 74 79 X:24pt, Y:196pt, W:352pt, H:33pt, Font-size:24pt, Txt-align:Center, Color: rgb 72 74 79

24

24 24

24

X:212pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

24 X:24pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

BG Color: rgba 194 194 194, 0.5

31

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:316pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

X:24pt,Y:56pt, W:120pt, H:56pt, Font-size:18pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 72 74 79

56

12

X:156pt,Y:56pt, W:220pt, H:56pt, Font-size:18pt,Txt-align:right, Txt-vertical:Middle, Color: rgb 72 74 79

underline: 1pt , rgba 0 122 255, 0.2

80 24

24 24

24

24

X:212pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255 X:24pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

BG Color: rgba 194 194 194, 0.5

32

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:544pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

X:24pt,Y:56pt, W:120pt, H:56pt, Font-size:18pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 72 74 79

56

X:156pt,Y:56pt, W:220pt, H:56pt, Font-size:18pt, Txt-align:Right, Txt-vertical:Middle, Color: rgb 72 74 79

underline: 1pt , rgba 0 122 255, 0.2

BG Color: rgba 194 194 194, 0.5

12

80 X:212pt, Y:528pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

24 24

24

24 X:24pt, Y:528pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

33

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:544pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

X:24pt,Y:56pt, W:120pt, H:56pt, Font-size:18pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 72 74 79

56

X:156pt,Y:56pt, W:220pt, H:56pt, Font-size:18pt, Txt-align:Right, Txt-vertical:Middle, Color: rgb 72 74 79

underline: 1pt , rgba 0 122 255, 0.2

12

BG Color: rgba 194 194 194, 0.5

80

X:212pt, Y:528pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

24 24

24

24 X:24pt, Y:528pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

34

裝置更新

（之於畫⾯為為X:置中 ,Y:74）

X:0, Y:0

X:14pt, Y:0pt, H:54pt, Font-size:20pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 0 0

54

Underline： 1pt , rgba 60 60 67

14

14 35

裝置更新

（之於畫⾯為為X:置中 ,Y:74）

H:145pt, BG Color: rgb 255 246 230

X:0, Y:0

X:14pt, Y:0pt, H:54pt, Font-size:20pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 0 0

14

X:14pt, Y:54pt, H:28pt, Font-size:18pt, Txt-align:Left, Color: rgb 91 91 91

48 40

X:14pt, Y:251pt, W:700pt, H:2pt, (Normal) rgba 120 120 128, 0.2 (Action) rgb 0 122 255

Auto Y:103pt, W:164pt, H:48pt, BG Color: rgb 72 74 79, 0.2 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

14 36

裝置更新

（之於畫⾯為為X:置中 ,Y:74）

H:145pt, BG Color: rgb 255 246 230

X:0, Y:0

X:14pt, Y:0pt, H:54pt, Font-size:20pt, Txt-align:Left, Txt-vertical:Middle, Color: rgb 0 0 0

14

X:14pt, Y:54pt, H:28pt, Font-size:18pt, Txt-align:Left, Color: rgb 91 91 91

48 40

X:14pt, Y:251pt, W:700pt, H:2pt, (Normal) rgba 120 120 128, 0.2 (Action) rgb 0 122 255

Auto Y:103pt, W:164pt, H:48pt, BG Color: rgb 72 74 79, Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

14 37

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:316pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

110 X:24pt, Y:166pt, W:352pt, H:24pt, Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

110 X:118pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

24 24

24

BG Color: rgba 194 194 194, 0.5

38

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:316pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

110 X:24pt, Y:166pt, W:352pt, H:24pt, Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

110

24

24 24

24

X:212pt, Y:300pt, W:352pt, H:33pt, Font-size:24pt, Txt-align:Center, Color: rgb 72 74 79

24 X:24pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

BG Color: rgba 194 194 194, 0.5

39

彈出視窗

W:400pt, H:56pt, BG Color: rgb 148 207 200 圓⾓半徑10pt Font-size:18pt, Txt-align:Left, Txt-vertical:Middle Color: rgb 72 74 79

（之於畫⾯為為X:置中 ,Y:86）

X:0, Y:0

X:0pt, Y:56pt, W:400, H:316pt, BG Color: rgb 255 255 255 左下及右下圓⾓半徑10pt

110 X:24pt, Y:166pt, W:352pt, H:24pt, Font-size:18pt, Txt-align:Center, Color: rgb 72 74 79

110

24

24 24

24

X:212pt, Y:300pt, W:352pt, H:33pt, Font-size:24pt, Txt-align:Center, Color: rgb 72 74 79

24 X:24pt, Y:300pt, W:164pt, H:48pt, BG Color: rgb 72 74 79 Font-size:16pt,Txt-align:Center, Color: rgb 255 255 255

BG Color: rgba 194 194 194, 0.5

40