码迷,mamicode.com
首页 > 移动开发 > 详细

APP界面控件中英文名称汇总

时间:2017-10-26 17:38:01      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:线图   拖动   F12   照片   ati   包含   模块   ffd   blank   

原文APP界面控件中英文名称汇总 作者:venus0917

 

一、界面模式Mobile Design Pattern

 

1. 启动界面

(智能手机启动时所显示的界面)

 

   - 启动界面/开机界面Splash

   技术分享

 

   - 过场界面Walk though  技术分享

   技术分享

 

   - 教程界面/用户指引Coach Mark/User Guide

   技术分享  

 

   - 空数据提示消息

   技术分享

 

 

 

2. 顶层界面

(用于显示各种各样的信息,并通过导航功能将其他界面关联起来)

   - 门户界面

   技术分享

 

   - 用户信息界面User Profiles

   技术分享

 

   - 电商界面

   技术分享

 

   - 企业界面

   技术分享

 

 

 

3. 一览界面

(通常包含列表类的UI组件,用于连续显示所有相关内容)

 

   - 搜索结果Search

  技术分享

 

   - 时间轴

   技术分享

 

   - 图库Image Browse

   技术分享

 

   - 通知/活动

   技术分享

 

 

 

4. 详细信息界面Detail View

 

   - 阅览器(照片/视频)

   技术分享

 

   - 新闻报道Article

   技术分享

 

   - 地图Map

   技术分享

 

   - 产品

   技术分享

 

 

 

 

5. 插入/操作界面

(执行特定的操作)

 

   - 注册/登陆login & Register

   技术分享

 

   - 消息发布Comment/Checkin

   技术分享

 

   - 照片拍摄

   技术分享

 

   - 设定/管理Settings

   技术分享

 

 

 

 

 

二、基本UI组件

 

1. 导航控件Navigation Bar与控制控件Control

 

   - 标签式导航控件/选项卡菜单式Tab Menu/Navigation

      a 标准模式/固定选项卡Fixed Tabs

      技术分享

 

      b 底部布局模式

         (如果应用的主要类别超过5个,可以把“更多”放在最右侧的第五个选项卡上)

       技术分享

 

      c 下划线模式/顶边栏

          技术分享

 

      d 滚动模式/滚动选项卡式

        (滚动选项卡一般比标准的标签栏要窄,因为它们没有必要作为触摸对象)

      技术分享

 

      e 垂直模式/导航抽屉/侧边式抽屉Navigation Drawers

        (只在首次启动时弹出抽屉,可以拥有多个层级)

      技术分享      技术分享

 

   

      - 分段控件Segmented Control/Scope Bar

      a 标准模式

      技术分享

 

      b 内联文本模式

      技术分享

 

      - 滑动导航控件

      a 标准模式

      技术分享

 

      b 页面指示器组模式

      技术分享

      c 标签式导航控件组模式

      技术分享

 

 

      - 下拉式菜单Spinners

      a 标准模式/悬浮式操作控件Action Overflow

      技术分享

      b 控制模式

 

      c 气泡模式/弹出窗口Popover

      技术分享

      

 

      - 深入式菜单

      a 标准模式   

        技术分享

 

 

   - 折叠式菜单/手风琴式Accordion   

      (这种模式比跳转到另一页面再跳回去更高效)

   技术分享   技术分享

 

      b 气泡模式

      技术分享   

 

      - 仪表盘式导航控件

         技术分享

 

      - 跳板式菜单/启动面板Dashboard/Springboard/Launchpad  

       (一个带有菜单选项的登陆界面,而菜单选项就是进入各个应用的起点。

          优点是跨平台,可放置很多选项。缺点是全部选项扁平化,没有任何优先级)

         技术分享

 

 

      - 返回按钮Back button/Up button/Home

      a 返回按钮模式

      技术分享

 

      b 徽标模式

      技术分享

 

      c Home图标模式

 

      - 向上向下滚动按钮

      a 标准模式

      技术分享

 

      b 向下滚动模式

 

      c 叠加模式

 

      d 索引模式

      技术分享 技术分享

 

   - 分页按钮

   技术分享

 

   - 无限分页列表

      a 标准模式

      技术分享

 

      b 按钮模式

      技术分享

 

   - 刷新控件Refresh Control

   技术分享

 

   - 侧滑式菜单

   技术分享

 

 

2. 列表

 

      - 垂直列表/列表菜单List Menu/Table/hierarchal navigation

       (每一个列表项都是进入该应用各项功能的入口,并且模块之间的切换需要返回到列表主页)

      a 标准模式

      技术分享

 

      b 值模式

      技术分享

 

      c 缩略图模式

      技术分享

 

      d 半尺寸模式

      技术分享

 

   - 网格列表/陈列馆式Gallery

     (最适合呈现经常更新的视觉效果直观的无层级内容,可采用网格布局或轮盘布局)

      a 标准模式

      技术分享

 

      b 标签叠加模式

 

      c 块状标签模式

      技术分享

 

      - 轮播面板Cover Flow/Carousel

      a 标准模式

      技术分享

 

      b 控制模式

      技术分享

 

      c 商标展板模式

      技术分享

 

      d 导航模式

      技术分享

 

      - 时间轴

      a 标准模式

      技术分享

      b 消息模式

      技术分享

 

      - 日历/日期列表Calendar

      a 月份模式

      技术分享

      b 周模式

      

      c 日模式

      技术分享      

 

 

3. 表单

 

      - 文本框/撰写Compose

      a 单行模式

      技术分享

 

      b 搜索框模式

      技术分享

 

      c 多行模式

      技术分享 

 

   - 开关

      a 复选框模式(复数选择)Checkboxes

      技术分享

      

      b 单选框模式(单项选择)Radio Buttons      

      技术分享   技术分享

 

      c 开关按钮模式On/Off Switches

      技术分享

 

 

      - 选择器Picker

      a 标准模式

      技术分享

      b 复数模式

      技术分享

 

   - 滑块

   技术分享

 

   - 拖放控件

 

 

4.通知与消息Notifications

 

   - 模态消息

   技术分享

 

   - 无模态消息

   a 标准模式

   技术分享

 

      b 状态栏消息

      技术分享

 

   - 块消息

   技术分享

 

   - 角标

   a 标准模式

   技术分享

   b 通知模式

      技术分享

 

   - 气泡消息

   技术分享

 

 

 

 

5. 信息的可视化

 

   - 无限循环指示器

      a 标准模式

   技术分享

      b 原创模式

      技术分享

 

      c 条状模式

 

   - 进度条Progress

   技术分享

   

   - 页面指示器Page Indicator

      a 标准模式

      技术分享

      b 页面模式

      c 步骤模式

   

   - 图表

   a 柱状图模式

   b 折线图模式

   c 饼图模式

 

   - 评分控件

   a 标准模式

   b 表情模式

   c 好评差评模式

   d 等级模式

 

6. 图标

   - 房屋

  

   - 放大镜

  技术分享

 

   - 齿轮

   技术分享

 

   - 星形

   a 收藏夹模式

      技术分享

 

   b 评分模式

      技术分享

 

   - 模拟时钟

 

   - 大头针

   技术分享

 

   - 人像

   a 单人模式

   b 双人模式

      技术分享

   c 三人模式

 

   - 铅笔

   a 创建新条目模式

      技术分享  技术分享

   b 编辑模式

      技术分享

 

   - 回收站/垃圾箱

   a 移至回收站模式

   b 立即删除模式

      技术分享

 

   - 加号

   技术分享

 

   - 叉号

      a 清除模式

      技术分享  技术分享

 

      b 终止模式

      

      c 关闭模式

      技术分享

      

 

   - 照相机

   技术分享

 

   - 三连圆点

      a 水平排列模式

      b 垂直排列模式

      技术分享

 

   - 相连圆点

   

   - 分享Share

 

   - 三连短线/导航图标/汉堡包图标

  a 菜单开启模式

   技术分享

 

  b 一览显示模式

      技术分享

 

  c 列表排序模式

      技术分享

 

   - 刷新

   

 

7. 动画

 

   - 向左向右滑动

   - 叠加展开收起

   - 淡入淡出

   - 翻转

   - 放大缩小

   - 摇动扭动

 

 

三、手势

1. 轻触Tap

2. 拨动Flick

3. 滑动Swipe

4. 按压Press

5. 拖动Drag

6. 多点缩放Pinch in/out

APP界面控件中英文名称汇总

标签:线图   拖动   F12   照片   ati   包含   模块   ffd   blank   

原文地址:http://www.cnblogs.com/liyonghua/p/7737833.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!