娛樂平台Wireframe

 
Wireframe
2016/5/13
• 1   • 3   • 5  
1.1 ( )  3.1 ( )  5.1 ( ) 
1.2   3.2   5.2  
1.2 -   3.3   5.3  
1.3   3.4   5.4  
1.4 3.5   5.5  
3.6   5.6  
• 2   3.7   5.7  
2.1 ( )  3.8   5.8  
2.1.1   3.9 5.9  
2.1.2   5.9.1  
2.1.3   • 4   5.9.2  
2.2   4.1 ( )  5.9.3
2.2.1   4.2  
2.2.2   4.3   • 6  
2.2.3   4.4   6.1 ( ) 
2.3   4.5   6.2  
2.3.1   4.6   6.3
2.4 /   4.7  
2.4 -   • 7.  
2.5   7.1 ( ) 
2.6 7.2
1.1 -
1. LOGO
Status Bar
1 3
2.
2 #1.4
3.  
4  
1.4
5 #1.3
( ) 4.  
 
1.3
6
5.  
#1.2
6. - 1.2
7. - 1.2
7 8.  
APP  
1.1  
2.1  
#1.2
3.1  
8 4.1  
5.1
1.2 -
7
Status Bar
1
/ XXX
2
XXX
XXXX
/ OOO XXX
8
3
XXX XXX
9
XXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXX XXX

XXXXXX 4XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX   XXXXXXXXXXXXXXXXXXXXXXXXX
XXX XXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX
XXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX
OOO - - 10
5 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  
1 2 3 4 5 #1.1 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  
XXXXXX XXXXXX
#1.3
6
…….. 11
1.2 - -
8.  
1. or
 
2.  
3.  
  9.  
 
8
4.  
10.  
5.   30
#
 
( 1.4 B ) 11.  
6.    
   
 
 
7.  
FB QQ
10
1.3 -
Status Bar Status Bar
A # B
1 1.
2 2.
3
#   3.  
XXXX
# +  
XXXX
# +  
XXXX
# +   XXX
XXXX 1
# +  
XXXX 1.
# +  
XXXX
#1.2
1.4 -
#1.1
A TOP10 B
1 2
TOP10
3 ......
XXX XXX XXX
......
TOP10 XXX XXX XXX
......
XXX XXX XXX
......
TOP10 XXX XXX XXX
......
XXX XXX XXX
......
TOP10 XXX XXX XXX
......
XXX XXX XXX
#1.2
2.1 - -
1.  
Status Bar / /  
1 2 2  
2  
3 2.
3.  
8
4
4.  
#2.1.2 5 6 2.1.2
LightBox
#2.1.1
7 #2.4 5.  
...... /
6.  
2.1.1
7.  
2.4
2.1.1 - -
1.  
Status Bar
2  
#2.1 1.1
1
2.  
2.1  
 
#2.4
2.1.2 - -
1.  
Status Bar
2.  
1 2.1.3
3
7 3. ( ) 
21 5 11
3
#2.1.3 2
3 4.  
9 /
4 5.  
2.1
6.  
#2.1 #2.1.3 2.1.3
5 6 7
7.  
2.1.3 - -
#2.1.2 Status Bar 1.  
2.1.2 -
1
2 3 2.  
XXX Km 1/200
km
4
3.  
#2.4
4.  
...... 5.  
# # # #
6.  
/
6
2.2 - -
Status Bar 1. 2.1
2.  
Km
#2.2.2
#2.2.1
1
#2.5
XXX XXX ..
2.2.1 - -
1.  
Status Bar
2  
#2.2 1.1
1
XXXXXXXX
2.  
2.2  
#2.5  
XXX XXX ...
XXXXXXXX
XXX XXX ...
XXXXXXXX
2.2.2 - -
1.  
Status Bar
2.  
1
2.2.3
3
7
21 5 11 3. ( ) 
3
#2.2.3 2
3
9 4.  
2.1
5
5.  
2.2.3
#2.2 #2.2.3
4 5 6
6.  
2.2.3 - -
#2.2.2 Status Bar 1.  
2.2.2 -
1
2 3 2.  
XXX Km 1/200
4 km
3.  
#2.5
4.  
 
5
...... 5.  
# # # #
2.3 - -
Status Bar 1. 2.1
2.  
1
Km
#2.3.1
2
XXX 1/200
4
......
XXX XXX XXX
#2.4
......
XXX XXX XXX
......
5 XXX XXX XXX
2.3.1 - -
A B +
#
1
#2.3 1.
1
2.   XXX XXX
 
XXX XXX XXX
2 2
 
XXX XXX XXX
 
XXX XXX XXX
#2.4
 
XXX XXX XXX
 
XXX XXX XXX
 
XXX XXX XXX
2.4 - /
7
Status Bar
1
/ XXX
2
XXX
XXXX
/ OOO XXX
8
3
XXX XXX
9
XXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXX XXX

XXXXXX 4XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX   XXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX #2.1 XXX XXX

XXXX
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX #2.1.1 #
10
OOO
2.1.3 - -
5 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  

1 2 3 4 5 #2.3 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  
XXXXXX XXXXXX
#2.3.1
6
…….. 11
2.4 - / -
8.  
1. or
 
2.  
3.  
  9.  
 
8
4.  
10.  
5.   30
#
 
( 1.4 B ) 11.  
6.    
   
 
 
7.  
FB QQ
10
2.5 -
Status Bar 1. or
1 2.  
/
2
3.  

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 4.  

KM
3
5.  
XXX
4 30
XXX Km
6.  
XXXX  
5
#2.2 
OOO - -  
#2.2.1  XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX    
#2.2.3 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX    
XXXXXX XXXXXX
6 FB QQ
……..
2.6 -
A # B
1 1.
2
#
2.
3
# 3.   #
# #
# #
#
3.1 -
Status Bar 1. / /  
3.2 - /
2.  
3.3 -
#3.5 #3.6
3.  
4 5 3.4 -
#3.2 4.  
3.5 -
1
5.  
3.3 -
#3.4 3 6 #3.7
/ / 6.  
3.3 -
2 7.  
#3.3
7
3.2 -
1.  
Status Bar 3.1
1 2
#3.8
#3.1 2.  
3.8
3 3.  
40
4 4.  
XXXXXX XXXXXX XXXXXX XXXXXX 6-
XXXXXX XXXXXX XXXXXX XXXXXX
X X
5.  
XXXXXX XXXXXX XXXXXX
6- X
X
6.  
6-
5
X
7.  
5 (
Youtube Vimeo )
6
# 1# 1# 1# 1# 1# 1# 1
8 8.
#3.1 3.1
7
3.3 -
Status Bar 1.  
1 2
#3.8 3.1
#3.1
2.  
3.8
3 3.  
4
X 40
X 4.  
6-
30
X X
5.  
X 6-
6.  
2
5 7.
# 1# 1# 1# 1# 1# 1# 1
6 7 3.1
#3.1
3.4 -
Status Bar 1.  
1 2
3.1
#3.8
#3.1
2.  
3.8
3
3.  
XXXXXX XXXXXX XXXXXX XXXXXX 40

XXXXXX XXXXXX XXXXXX XXXXXX 4 4.  
5.  
5 8-
# 1# 1# 1# 1# 1# 1# 1
6 6.  
X 8-
X
7.  
7 8- X
X
8.  
8 3
3.5 -
Status Bar 1.  
1 2
#3.8 3.1
#3.1
2.  
X 3.8
3.  
6- X
3
4.  
60
5.  
4
8-
6.  
3
5
# 1# 1# 1# 1# 1 7.
# 1# 1 3.1
6 7 #3.1
3.6 -
Status Bar 1.  
1 2
#3.9 3.1
#3.1
2.  
XXXXXX XXXXXX XXXXXX XXXXXX 3 3.9
3.  
XXXXXX XXXXXX XXXXXX   6-
X X
X

XXXXXX XXXXXX XXXXXX XXXXXX 4.  
XXXXXX XXXXXX XXXXXX 5-
XXXXXX XXXXXX XXXXXX XXXXXX 5.  
XXXXXX XXXXXX XXXXXX XXXXXX 3
6.  
4
# 1# 1# 1# 1# 1# 1# 1
5 6 7 7.
#3.1 3.1
3.7 -
Status Bar 1.  
1 2
#3.8 3.1
#3.1
2.  
3.8
3
3.  
40
1 1 4.  
4
2 10
2 2
5.  
5 5-
# 1# 1# 1# 1# 1# 1# 1
6.  
7- X
X
6
7.  
2
8.
7 #3.1 3.1
3.8 -
Status Bar 1.  
1
2 2.  
#3.2 #3.3
#3.4 #3.5 #3.7
#3.2 #3.3 #3.4 #3.5 #3.7

3.9 -
Status Bar 1.  
#3.7 1
2 2.  
(3.7 )
#3.7
4.1 -
Status Bar 1.  
1
4.2
#4.2
2.  
2
( )
3 3.  
4.8
#4.8 4
4.  
4.5
5.  
......
#4.5
5# # # #
6 6.  
FB QQ
4.2 -
Status Bar #4.6 #4.3 1.  
#4.1 1
4.1
2 3
2.  
4
4.6
3.  
#4.4 5 4.3
#
4.  
#
5.  
4.4
#
6.  
#
6
4.3 -
Status Bar 1.  
#4.2 1 #4.6
2 4.2
# 3
2.  
XXXX 4 4.3
5 3.  
#4.4 #
4.6
# 4.  
# 5.  
4.4
#
4.4 -
#4.1 Status Bar 1.  
1 2
#4.2
#4.8 4.1 4.2 4.3...
…
2.  
( )
3 4.8
XXX XXXX
3.  
.......  
4  
.......  
5
4.  
#4.8 4.5
#4.5
5.  
4.8
4.5
...... 6.
# # # #
7.
6 7 8 8. 3.1
#3.1
4.5 -
1 4.1
#4.2 4.2 4.3...
… 2
OOO yy-mm-dd OOO 2.  
4.8  
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX ( OOO) 4.4
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX  
3 3.  
 
4.  
4
5.  
6.  
5
#
6 7.  
1 2 3 4 5
XXXX 30
OOO - -
#2.2 
#2.2.1  XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX   7 8.  
XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX    
#2.2.3 XXXXXX XXXXXX
 
 
……..  
8
FB QQ
4.6 - -
1
#4.3 4.2 4.3
2.  
3
...  
4.7 -
3.
XXXXXXXXX XXXXXXXXX XXXXXX

XXXXXXX XXXXXX XXXXXXXXXXX
#4.7
4.7 - -
Status Bar 1.  
1 4.6 -
#4.6
2.  
( )
2
4.8
3.  
3
4.  
20
5.  
4 50
XXXXXXXXXXXXXXXXXXXXXXXX
6.  
5
+ X
XXXXXXXXX XXXXXXXXX XXXXXX 1024px
6
X 7.
4.1
7
4.8 -
1 2
#4.2
… ➕ 4.1 4.2 4.3...
2.  
XXX
3 4 5 6
3.  
#4.8
7 4.  
4.8.1
#4.5
5.  
 
......
4.8.2
# # # #
6.  
.  
. 7.
. 4.8
. 4.5
.
4.8.1 - -
Status Bar 1.  
#4.8 1
4.8
2 2.  
4.4
#
#4.4
#
#
4.8.2 - -
Status Bar 1.  
#4.8 1
4.8
2 2.  
4.8
#
#4.8
#
#
5.1 -
1 2
1. APP
2. QRcode
QR 3 APP
3. QRcode(
LV-000 XXXXX
)
XXXXXX XXXXXX 4
4.
5 6 7 -
5.
8
6.
9
7.
10 8.
11 9.
10.
12
11.
13
12. APP
14 13. ..
14. ...
5.2 -
1.  
1
5.1
#5.1 2 2.
3.
3
4.
YYYY - MM - DD 4
5.
5
6.
8 6
7.
7 8.
8 9.
10.QRcode
9
11.
QRcode 10
11
X
5.6 - -
Status Bar 1.  
#5.1 1
5.1
2 2.  
4.8
#
#4.8
#
#
5.6.1 - -
Status Bar 1.  
#5.6 1 2 5.6- -
➕
2.  
XXX
3 4 5 6
3.  
#4.8 4.  
7
4.8.1
#4.5 5.  
 
......
4.8.2
# # # #
6.  
7.  
.
. 4.8
. 4.5
.
.
5.7 -
Status Bar 1.  
#5.1 1
5.1
2 2.  
 
3
# 5-XXXXXXXX 3.  
 
# 4-XXXXXXXX
# 3-XXXXXXXX
# 2-XXXXXXXX
# 1-XXXXXXXX
5.8 -
1.  
1
5.1
#5.1 2 2.
3.
3
4.
4
5.
5 6.
6
6.1 -
1 1.  
6.2 -
1 1.  
Skip  
29
2.  
#
6.3 -
Status Bar 1.  
1 X 30-60  
2.  
( )
2
7.1 -
1.  
1
 
2.  
Mail
3.  
2 7.2
4.
3
E-Mail #7.2
5.  
4 OpenID
QQ
7.2 -
1.  
1
 
#
2.  
/  
2  
+886  
APP
3.  
OpenID
#7.2
QQ

娛樂平台Wireframe

Transféré par

Informations du document

Copyright

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

娛樂平台Wireframe

Transféré par

Droits d'auteur :

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXX XXX

XXX XXX ...

XXX XXX ...

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXX XXX

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

5 XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX

XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX XXXXXX 4.

XXXXXX XXXXXX XXXXXX XXXXXX 40

XXXXXX XXXXXX XXXXXX XXXXXX

#3.2 #3.3 #3.4 #3.5 #3.7

XXXXXXXXX XXXXXXXXX XXXXXX

Vous aimerez peut-être aussi