在智能手机UI 设计领域， 人们定义了一些基本的界面区域 及用户操作行为。本章接下来将 介绍本书涉及的各种UI 组件的 基础元素。第2 章将详述它们的 主要特征及其用途。
* E( N+ O) N) S& L
* p: e% t+ l& v" P4 ^1 页眉（Header）
+ F5 b% n7 G* I) @& I: z- H9 P1 S3 g# r) T5 K* Z. n ^
页眉指的是智能手机应用或 针对智能手机设计的网站①的顶 部区域（对智能手机应用来讲， 页眉是位于状态栏下方的区域。 对手机站点来讲，页眉是位于地 址栏下方的区域）。智能手机应 用又可分为iOS 应用与Android 应用，两者的基本布局也有所不 同。手机站点的页眉通常都会在 向下滚动页面后隐藏，而手机应 用的页眉则不会如此，这进一步 增加了设计师的工作量。第2 章 将对页眉进行更详细的说明。+ n; \! V; B4 q9 E' t- v/ E' h
. L6 s G( S( r$ F2 页脚（Footer）
& w$ t, G5 ~1 k. Z) ^
" C9 P" U8 q0 C0 H4 u2 x页脚指的是界面底部的区 域。手机站点常以页脚的形式， 将整个站点公用的导航栏及版权 信息安放在页面底部。用户能轻 松触及该区域，对页脚进行操 作，因此，页脚通常会包含导航 栏或页面操作类UI 控件。第2 章将详细说明页脚的相关内容。 c4 S2 }+ ]& k
0 l+ e/ o7 ?! l+ V, S+ c7 C G
3 导航栏（Navigation）+ Q! Y8 F& k4 q7 T5 L) S9 k
2 d7 [3 E" }/ m! Y* s: w" k
导航栏用于页面跳转，或指 示用户当前所处位置。第3 章将 介绍导航栏的工作模式。手机网站怎样建
7 [3 o" d! R. p Z1 `5 U% O/ ]6 d$ R, ?% @+ h9 D
4 叠加层（Overlay）2 d, w6 o8 v- ?6 S1 S
3 t2 E3 B! h& I0 s* ] g& Y+ l% W在叠加层中配置的内容将会 与界面中已有元素重叠。叠加层 将显示一些临时的界面元素并遮 盖原界面，此时，原界面将保持 不变。在请求用户执行某些操作 时，叠加层是一种常用手段。手机网站怎么建
, `2 \8 V4 G( ~2 v8 f. y8 w" o/ k5 q4 n5 F9 O# x# d0 d8 E
叠加层可以大致分为两种类 型。其中一种类型称为模态类型， 在使用该类型的叠加层时，用户无 法操作原有界面，只能对叠加的元 素执行操作。第2 章将介绍模态窗 口的相关内容，第6 章将介绍模态 消息，届时，笔者将再做具体说 明。另一种名为非模态的类型与模 态类型相反，在使用这种叠加层 时，用户依然能对原界面执行操 作。第3 章将介绍的下拉式菜单， 及第6 章将介绍的非模态消息， 都是该类型叠加层的典型应用。+ Y" D, ^5 I v9 u) n
. M. G, D5 G5 ^5 I7 ~! `" O
5 控件（Control）' n% w% L$ l) T) W0 F, H
; ]: ~ m, F9 U
用户可以通过控件来操控界面 状态或设定状态。举例来说，第3 章将介绍的刷新控件可以将界面中 显示的信息更新至最新状态，分段 控件则能够更改正处于显示状态 的内容。它们都是常用的控件。如何做手机网站
1 h, a( A8 ?' {, m, X) M" V; \$ V4 A9 r! q+ r, c
6 操作（Action）
$ l$ [. r4 X m
, M: w% z. a2 y- v" `& W& X1 P, V4 B操作可以指用户通过UI 执 行的任意行为。不过本书主要用 操作来指代保存、提交、删除及 编辑等重要行为。用户可以在服 务或应用程序中执行这些操作， 完成既定任务。手机网站如何建
# f1 a: Q3 z5 z, w1 ]- ^6 [! O- K! V. Q2 H, h
7 硬件按钮% E- f' R1 i9 d
) i' f8 J- V, c大部分智能手机的控制UI 都 在界面内，位于界面外的UI（按 钮）称为硬件按钮。iPhone 在正 面设计了一个硬件按钮，Android 设备则通常具有多个硬件按钮②。怎么样做手机网站 B1 ~) V3 a, Y" T8 Q* o3 x
, W% @, Y6 x! z1 D1 f3 O- a. q
8 状态栏8 c7 u+ z, h) P& D1 p
( @, P1 n3 n, A: \' v. k
状态栏是一种由系统控制并 显示的UI。它主要用于显示一些 设备信息或用户通知信息。与其 他UI 不同，状态栏不属于特定 的应用程序。在iOS 中，设计师 可以更改状态栏的颜色及透明 度，使其与应用程序风格一致。开发手机网站7 P7 Y! e: m9 U7 x2 U
: ~( }! X8 c/ e: X g
① 以下简称手机站点。——译者注
3 m" Z- S6 p; j4 N Q# |4 x5 i
8 O9 w5 L0 Z( Z" K: G0 N I! ]② 从Android 4.0 起，Google 建议 设备制造商减少使用硬件按钮， 而使用虚拟屏幕按钮。如今，很 多Android 设备都不再使用正面 硬件按钮。——译者注. J% w) @& b+ t, X9 ?8 a U% c8 x
5 l/ p+ h, j0 R M. J& X& B1 x
文摘来源：三站合一http://www.zhihonecms.com/，nvts00m转载请注明出处。谢谢！ |
