Summary of English names in the app interface controls

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.