Current location - Recipe Complete Network - Complete cookbook of home-style dishes - UI interface design-summary of Chinese and English names of -APP interface controls
UI interface design-summary of Chinese and English names of -APP interface controls
First, the interface mode mobile design mode

1. Start the interface

(Interface displayed when smartphone starts)

2. Top interface

(Used to display all kinds of information and relate other interfaces through navigation function)

3. Overview interface

(UI component that usually contains list classes to continuously display all related content)

4. Detailed information interface detailed view

5. Insert/operate interface

(Perform a specific operation)

Second, the basic UI components.

1. Navigation control navigation bar and control controls

List

(Each list item is the entrance for applying various functions, and switching between modules requires returning to the home page of the list. )

(It is most suitable for presenting non-hierarchical content with frequently updated visual effects, and grid layout or roulette layout can be adopted. )

Step 3: Form

4. Notification and message notification

standard mode

standard mode

B notification mode

5. Information visualization

Histogram mode

B line chart mode

C pie chart mode

standard mode

B expression pattern

C praise and bad review mode

Class d mode

6. Nuclear Standard Information Center

* * Favorites * * mode

B scoring mode

Single player game mode

bi-mode

Three-person mode

Create a new input mode

Edit mode

Go to recycle bin mode

B delete the pattern immediately.