怎么做手机网站智能手机UI概览

谭晓笑 · 发表于 2015-11-04 04:00:21

在智能手机UI 设计领域，人们定义了一些基本的界面区域及用户操作行为。本章接下来将介绍本书涉及的各种UI 组件的基础元素。第2 章将详述它们的主要特征及其用途。

1 页眉（Header）

页眉指的是智能手机应用或针对智能手机设计的网站①的顶部区域（对智能手机应用来讲，页眉是位于状态栏下方的区域。对手机站点来讲，页眉是位于地址栏下方的区域）。智能手机应用又可分为iOS 应用与Android 应用，两者的基本布局也有所不同。手机站点的页眉通常都会在向下滚动页面后隐藏，而手机应用的页眉则不会如此，这进一步增加了设计师的工作量。第2 章将对页眉进行更详细的说明。

2 页脚（Footer）

页脚指的是界面底部的区域。手机站点常以页脚的形式，将整个站点公用的导航栏及版权信息安放在页面底部。用户能轻松触及该区域，对页脚进行操作，因此，页脚通常会包含导航栏或页面操作类UI 控件。第2 章将详细说明页脚的相关内容。

3 导航栏（Navigation）

导航栏用于页面跳转，或指示用户当前所处位置。第3 章将介绍导航栏的工作模式。手机网站怎样建

4 叠加层（Overlay）

在叠加层中配置的内容将会与界面中已有元素重叠。叠加层将显示一些临时的界面元素并遮盖原界面，此时，原界面将保持不变。在请求用户执行某些操作时，叠加层是一种常用手段。手机网站怎么建

叠加层可以大致分为两种类型。其中一种类型称为模态类型，在使用该类型的叠加层时，用户无法操作原有界面，只能对叠加的元素执行操作。第2 章将介绍模态窗口的相关内容，第6 章将介绍模态消息，届时，笔者将再做具体说明。另一种名为非模态的类型与模态类型相反，在使用这种叠加层时，用户依然能对原界面执行操作。第3 章将介绍的下拉式菜单，及第6 章将介绍的非模态消息，都是该类型叠加层的典型应用。

5 控件（Control）

用户可以通过控件来操控界面状态或设定状态。举例来说，第3 章将介绍的刷新控件可以将界面中显示的信息更新至最新状态，分段控件则能够更改正处于显示状态的内容。它们都是常用的控件。如何做手机网站

6 操作（Action）

操作可以指用户通过UI 执行的任意行为。不过本书主要用操作来指代保存、提交、删除及编辑等重要行为。用户可以在服务或应用程序中执行这些操作，完成既定任务。手机网站如何建

7 硬件按钮

大部分智能手机的控制UI 都在界面内，位于界面外的UI（按钮）称为硬件按钮。iPhone 在正面设计了一个硬件按钮，Android 设备则通常具有多个硬件按钮②。怎么样做手机网站

8 状态栏

状态栏是一种由系统控制并显示的UI。它主要用于显示一些设备信息或用户通知信息。与其他UI 不同，状态栏不属于特定的应用程序。在iOS 中，设计师可以更改状态栏的颜色及透明度，使其与应用程序风格一致。开发手机网站

① 以下简称手机站点。——译者注

② 从Android 4.0 起，Google 建议设备制造商减少使用硬件按钮，而使用虚拟屏幕按钮。如今，很多Android 设备都不再使用正面硬件按钮。——译者注

文摘来源：三站合一http://www.zhihonecms.com/，nvts00m转载请注明出处。谢谢！

大山里人 · 发表于 2026-01-19 09:22:24

这个思路很新颖，打开了新世界的大门，谢谢分享

wyshe · 发表于 2026-02-01 08:54:43

说得很实在，没有夸大其词，这种真实分享太难得了

dpjanebass · 发表于 2026-03-03 05:17:11

刚好遇到类似问题，看完这个帖子心里有底了

gao136 · 发表于 2026-08-31 17:50:48

蹲了这么久，终于看到有价值的讨论，支持一下！

		自动登录	找回密码
密码			加入怎通

[站长八卦] 怎么做手机网站智能手机UI概览