在智能手机UI 设计领域, 人们定义了一些基本的界面区域 及用户操作行为。本章接下来将 介绍本书涉及的各种UI 组件的 基础元素。第2 章将详述它们的 主要特征及其用途。5 J2 m- S3 _$ D: v
1 X( y6 e* n- |
1 页眉(Header)- V3 x0 L o* G V. ^
$ l: b3 |6 b. b% y! ~页眉指的是智能手机应用或 针对智能手机设计的网站①的顶 部区域(对智能手机应用来讲, 页眉是位于状态栏下方的区域。 对手机站点来讲,页眉是位于地 址栏下方的区域)。智能手机应 用又可分为iOS 应用与Android 应用,两者的基本布局也有所不 同。手机站点的页眉通常都会在 向下滚动页面后隐藏,而手机应 用的页眉则不会如此,这进一步 增加了设计师的工作量。第2 章 将对页眉进行更详细的说明。
, p! x4 ]2 m& `* t0 A T2 r* d
8 d4 O, [) l' T1 e' m# `% i2 m2 页脚(Footer)
* I% f0 q# l4 X0 s# |
* x- Y, _$ o ^4 E1 c' |页脚指的是界面底部的区 域。手机站点常以页脚的形式, 将整个站点公用的导航栏及版权 信息安放在页面底部。用户能轻 松触及该区域,对页脚进行操 作,因此,页脚通常会包含导航 栏或页面操作类UI 控件。第2 章将详细说明页脚的相关内容。
" a' a9 c0 U0 f* U" E# j" Q3 | }# C
3 导航栏(Navigation)
5 E/ F! t5 L3 T4 t+ }) k, [) G5 \! d, P) W) l: O
导航栏用于页面跳转,或指 示用户当前所处位置。第3 章将 介绍导航栏的工作模式。手机网站怎样建
4 j0 T$ k& H. c* f6 a- T6 _! b3 b* I4 } ?
4 叠加层(Overlay)* T2 a4 ?( n. w& o) q. j
9 L9 W& k6 @; H) D6 w4 b! c在叠加层中配置的内容将会 与界面中已有元素重叠。叠加层 将显示一些临时的界面元素并遮 盖原界面,此时,原界面将保持 不变。在请求用户执行某些操作 时,叠加层是一种常用手段。手机网站怎么建
, `; c2 N7 x& m+ i; l3 F% J+ p: p8 m
叠加层可以大致分为两种类 型。其中一种类型称为模态类型, 在使用该类型的叠加层时,用户无 法操作原有界面,只能对叠加的元 素执行操作。第2 章将介绍模态窗 口的相关内容,第6 章将介绍模态 消息,届时,笔者将再做具体说 明。另一种名为非模态的类型与模 态类型相反,在使用这种叠加层 时,用户依然能对原界面执行操 作。第3 章将介绍的下拉式菜单, 及第6 章将介绍的非模态消息, 都是该类型叠加层的典型应用。: U2 u, m& H3 \7 r
0 V$ M9 E+ ]& y" F; _: U- ^
5 控件(Control)
! i. B T: Y+ v& M+ n* U/ s$ ]- ?
- L; v6 }, i, [( d# p9 U5 \用户可以通过控件来操控界面 状态或设定状态。举例来说,第3 章将介绍的刷新控件可以将界面中 显示的信息更新至最新状态,分段 控件则能够更改正处于显示状态 的内容。它们都是常用的控件。如何做手机网站& W: [* L# C4 M4 U- v
6 E Z8 p5 j8 V5 Y* w
6 操作(Action)
# j8 ~/ m+ `* c4 ^- J3 ?. \
d% F9 [6 u1 A* O1 ~6 @操作可以指用户通过UI 执 行的任意行为。不过本书主要用 操作来指代保存、提交、删除及 编辑等重要行为。用户可以在服 务或应用程序中执行这些操作, 完成既定任务。手机网站如何建* j$ o6 s: g! x* y2 G: y+ j! q
0 R$ H7 i; a" ?, T7 W& U% ?
7 硬件按钮# Y6 t9 I, p- i9 s2 c
2 Y& W! F* F1 s/ k, T1 {# v
大部分智能手机的控制UI 都 在界面内,位于界面外的UI(按 钮)称为硬件按钮。iPhone 在正 面设计了一个硬件按钮,Android 设备则通常具有多个硬件按钮②。怎么样做手机网站
# a/ [2 B4 c' I! m8 m) G
% `3 u% O& J; ]( d) x5 j8 状态栏9 s9 a0 F( w. H
& e% B0 B I2 d5 j
状态栏是一种由系统控制并 显示的UI。它主要用于显示一些 设备信息或用户通知信息。与其 他UI 不同,状态栏不属于特定 的应用程序。在iOS 中,设计师 可以更改状态栏的颜色及透明 度,使其与应用程序风格一致。开发手机网站5 @* l" C/ m* {- {
0 y' `5 o8 f7 G
① 以下简称手机站点。——译者注6 R+ z6 T( ]% h. s
0 i5 s7 C% K. |0 i② 从Android 4.0 起,Google 建议 设备制造商减少使用硬件按钮, 而使用虚拟屏幕按钮。如今,很 多Android 设备都不再使用正面 硬件按钮。——译者注
6 [$ e5 w) E; M! ?& G
8 x, S* v2 } m3 x8 P. `7 A; {. q文摘来源:三站合一http://www.zhihonecms.com/,nvts00m转载请注明出处。谢谢! |