Summary of English names in the app interface controls

Original : App interface control in English name summary venus0917

First, Interface mode mobile Design pattern

1. Start the interface

(The interface displayed when the smartphone starts)

- Start interface/boot interface Splash

-Cut-out interface walk though

- Tutorial Interface/user Guides Coach Mark/user Guide

- NULL data hint message

2. Top-Level interface

(used to display a wide variety of information, and to associate other interfaces with navigation functions.)

- Portal Interface

- User Information interface users Profiles

- electric Business side

- Enterprise Interface

3. Overview interface

(typically contains the UI component of a list class for continuous display of all related content)

- Search Results

- Time Axis

- gallery Image Browse

- Announcements/Events

4. Detailed Information Interface Detail View

-Viewer (Photo/video)

- News report Article

- Map Maps

- Products

5. Insert/Operate interface

(Perform a specific action)

- Register/Login Login & Register

- news Release Comment/checkin

- photo shoot

- Set/Manage Settings

Ii. Basic UI Components

1. Navigation controls navigation bar and control control

- Tabbed Navigation controls/tab menu-Tab menu/navigation

A standard mode/fixed tab Tabs fixed

B Bottom Layout mode

(If your app has more than 5 main categories, you can put "more" on the Fifth tab on the far right)

C Underline mode/top Sidebar

d scrolling mode/scrolling tabbed

(scrolling tabs are generally narrower than standard tab bars because they are not necessary as touch objects)

e Vertical Mode/navigation drawer/SIDE Drawer navigation drawers

(Pop-up drawer only on first boot, can have multiple levels)

- segmented control segmented control/scope Bar

A standard mode

b Inline Text mode

-Slide navigation controls

A standard mode

B-page Indicator Group mode

C-Tabbed navigation control group mode

-Drop-down menu Spinners

A standard mode/hover action control action Overflow

B control mode

C Bubble Mode/pop-up window popover

-In- depth menu

A standard mode

- Folding Menu/accordion-style accordion

(This mode is more efficient than jumping to another page to jump back)

b Bubble Mode

- dashboard-style navigation controls

- Springboard menu/start panel Dashboard/springboard/launchpad

(a Landing screen with menu options, and menu options are the starting point for each application.)

The advantages are cross-platform and many options can be placed. The downside is that all options are flattened, without any priority.

- return button back Button/up button/home

A Back button mode

B logo Mode

C Home Icon Mode

- Scroll down button up

A standard mode

b Scroll down mode

C Overlay Mode

D Indexing mode

- Paging button

- Unlimited pagination list

A standard mode

B button Mode

- Refresh Control

-Side- slip menu

2. List

- Vertical list/list menus list Menu/table/hierarchal navigation

(each list item is a portal to the app's features, and the switch between the modules needs to be returned to the list home page)

A standard mode

B-Value Mode

C thumbnail mode

D Half-size mode

- Grid list/gallery type Gallery

(ideal for rendering frequently updated visuals with no hierarchical content, either grid layout or roulette layout)

A standard mode

B Tag Overlay mode

C Block Tag mode

- Carousel Panel cover Flow/carousel

A standard mode

B control mode

C Trademark Exhibition Board mode

D Navigation mode

- Time Axis

A standard mode

B Message Mode

- calendars/dates list calendar

A month mode

B-week mode

C-day mode

3. Forms

- text box/compose compose

A single-line mode

B Search Box mode

C Multi-line mode

- Switch

A check box mode (plural selection) checkboxes

B Radio Box mode (single selection) Radio Buttons

C switch button mode on/off switches

- Selector Picker

A standard mode

B Complex Mode

-Sliding block

-Drag and drop controls

4. Notification and message notifications

- Modal Messages

- no modal messages

A standard mode

B Status Bar messages

- block Message

- Angle Mark

A standard mode

B Notification mode

-Bubble Message

5. Visualization of information

- Infinite Loop indicator

A standard mode

B Original Mode

C-Bar Mode

- progress bar Progress

- page indicator pages Indicator

A standard mode

B-page Mode

C-Step mode

- Chart

A bar chart mode

B Line chart mode

C Pie chart mode

- Scoring Controls

A standard mode

B expression mode

C High praise differential rating model

D-Level mode

6. Icons

- houses

-Magnifying glass

- Gears

-Star-shaped

A collection mode

b Scoring Mode

- Analog Clock

-Pin

- Portrait

A single mode

b Dual-person mode

C Three-person mode

- Pencils

A Create a new entry pattern

b edit mode

- Recycle Bin/trash bin

A move to Recycle Bin mode

B Delete mode now

- plus

- Fork Number

A clear mode

b Termination Mode

C off mode

-Camera

-three-connected dots

A horizontal arrangement mode

B Vertical Arrangement Mode

-Connected Dots

-Share Share

-Triple Dash/Navigation icon/Hamburger icon

A menu Open mode

B List display mode

C List Sort mode

-Refresh

7. Animations

-Swipe left and right

-Overlay Expand fold up

-Fade in and fade out

-Flip

-Zoom in and zoom out

-Shake and twist

Third, gesture

1. Tap Tap

2. Toggle Flick

3. Slide swipe

4. Press

5. Drag drag

6. Multi-point scaling pinch in/out

Summary of English names in the app interface controls