WePeiyang App

2018.06, App design
Tzingtao Chow Github WePeiyang-RN
Image
WePeiyang is the main application of TWT Studio.
WPY's user group is students and teachers of Tianjin University.
WPY contains functions such as news, party building system, curriculum, campus phone book, lost property, GPA, bicycle system, evaluation system, library and other functions.
Image

Typography #The rule of line height is based on iOS system algorithm.

Type Example Weight Size @2x Line Height
Special

ABCabc

Regular 64 Px 78 Px
Big title

ABCabc

Medium 48 Px 58 Px
Title

ABCabc

Medium 40 Px 48 Px
Main body

ABCabc

Regular 32 Px 40 Px
Secondary

ABCabc

Regular 28 Px 34 Px
Auxiliary

ABCabc

Regular 24 Px 30 Px
Explanatory

ABCabc

Regular 20 Px 24 Px

Colors

Brand #00A1E9
Gradient #0086FF - #00DFFA
Success #35CB5A
Warning #FF6464
Primary #363C54
Secondly #696D7F
Tertiary #CDCED4
Background #F7F7F8

Spaces #8-based Grid System

Spaces

App Logo

Logo

Framework #Information architecture diagram based on function content.

Framework
Image
Image
Image
Image
Image
Image
Image
Image
Image

THANK You!