1page.title=Android 设计原则
2@jd:body
3
4<p>以下设计原则由 Android用户体验团队秉承用户利益至上的理念而制定。他们还会继续为 Android 开发者和设计者针对不同类型的设备制定更详细的设计准则。
5
6
7
8</p>
9
10<p>
11在您应用自己的创意和设计思路时,请考虑这些原则,
12切勿固执己见。
13</p>
14
15<h2 id="enchant-me">让我着迷</h2>
16
17<div class="cols">
18  <div class="col-7">
19
20<h4 id="delight-me">以意想不到的方式让我眼前一亮</h4>
21<p>漂亮的界面、精心布置的动画,或恰到好处的声效,都会带来快乐的体验。
22精细的效果能产生一种轻松的氛围,让人感觉自己拥有强大的力量。
23</p>
24
25  </div>
26  <div class="col-6">
27
28    <img src="{@docRoot}design/media/principles_delight.png">
29
30  </div>
31</div>
32
33<div class="vspace size-2">&nbsp;</div>
34
35<div class="cols">
36  <div class="col-7">
37
38<h4 id="real-objects-more-fun">实际对象要比按钮和菜单更有趣</h4>
39<p>让用户可以直接触摸和操作您应用中的对象,这样,可以让执行任务更轻松,让用户更满意。
40</p>
41
42  </div>
43  <div class="col-6">
44
45    <img src="{@docRoot}design/media/principles_real_objects.png">
46
47  </div>
48</div>
49
50<div class="vspace size-2">&nbsp;</div>
51
52<div class="cols">
53  <div class="col-7">
54
55<h4 id="make-it-mine">我的应用我做主</h4>
56<p>用户喜欢添加个性化手势,因为这样会让他们觉得更顺手并且一切尽在他们的掌控之中。提供感性、美观的默认手势,但也要考虑到趣味性,不要让可选的定制手势妨碍主要任务的操作。
57
58</p>
59
60  </div>
61  <div class="col-6">
62
63    <img src="{@docRoot}design/media/principles_make_it_mine.png">
64
65  </div>
66</div>
67
68<div class="vspace size-2">&nbsp;</div>
69
70<div class="cols">
71  <div class="col-7">
72
73<h4 id="get-to-know-me">让应用了解我</h4>
74<p>逐渐了解用户的偏好。不要让用户反复做出相同的选择,将之前的选择列作快捷选择。
75</p>
76
77  </div>
78  <div class="col-6">
79
80    <img src="{@docRoot}design/media/principles_get_to_know_me.png">
81
82  </div>
83</div>
84
85<h2 id="simplify-my-life">让我的生活更轻松</h2>
86
87<div class="cols">
88  <div class="col-7">
89
90<h4 id="keep-it-brief">语言简洁</h4>
91<p>使用简单的字词组成简短的句子。用户往往会跳过冗长的句子。</p>
92
93  </div>
94  <div class="col-6">
95
96    <img src="{@docRoot}design/media/principles_keep_it_brief.png">
97
98  </div>
99</div>
100
101<div class="vspace size-2">&nbsp;</div>
102
103<div class="cols">
104  <div class="col-7">
105
106<h4 id="pictures-faster-than-words">图片比文字更直观</h4>
107<p>考虑以图示意。它们会吸引用户的注意力,并且比文字更高效。
108</p>
109
110  </div>
111  <div class="col-6">
112
113    <img src="{@docRoot}design/media/principles_pictures.png">
114
115  </div>
116</div>
117
118<div class="vspace size-2">&nbsp;</div>
119
120<div class="cols">
121  <div class="col-7">
122
123<h4 id="decide-for-me">为我决定,但最终由我做主</h4>
124<p>先提供您心目中的最佳选择,而不是先进行询问。太多的选择和决策会让人不悦。
125只是在您的选择可能不当时,才赋予用户“撤消”的权利。</p>
126
127  </div>
128  <div class="col-6">
129
130    <img src="{@docRoot}design/media/principles_decide_for_me.png">
131
132  </div>
133</div>
134
135<div class="vspace size-2">&nbsp;</div>
136
137<div class="cols">
138  <div class="col-7">
139
140<h4 id="only-show-when-i-need-it">仅在我需要时显示我所需要的</h4>
141<p>如果一次性看到过多内容,用户会感到无所适从。将任务和信息细分为更小、更容易接受的片段。
142隐藏当前不必要的选项,并在用户操作期间提供指导。</p>
143
144  </div>
145  <div class="col-6">
146
147    <img src="{@docRoot}design/media/principles_information_when_need_it.png">
148
149  </div>
150</div>
151
152<div class="vspace size-2">&nbsp;</div>
153
154<div class="cols">
155  <div class="col-7">
156
157<h4 id="always-know-where-i-am">我应该始终清楚自己在哪里</h4>
158<p>让用户感到轻车熟路。为应用中的不同场景赋予不同的外观,使用过渡效果来展现屏幕之间的关系。
159提供任务进度反馈。</p>
160
161  </div>
162  <div class="col-6">
163
164    <img src="{@docRoot}design/media/principles_navigation.png">
165
166  </div>
167</div>
168
169<div class="vspace size-2">&nbsp;</div>
170
171<div class="cols">
172  <div class="col-7">
173
174<h4 id="never-lose-my-stuff">决不能让我的成果付诸东流</h4>
175<p>务必保存好用户耗费花时间创造的内容,让他们能随处访问这些内容。跨手机、平板电脑和计算机等平台,记住设置、个人手势和创作内容,
176让应用升级变得无比简单。
177</p>
178
179  </div>
180  <div class="col-6">
181
182    <img src="{@docRoot}design/media/principles_never_lose_stuff.png">
183
184  </div>
185</div>
186
187<div class="vspace size-2">&nbsp;</div>
188
189<div class="cols">
190  <div class="col-7">
191
192<h4 id="looks-same-should-act-same">如果看上去一样,其行为也应当相同</h4>
193<p>通过视觉上的显著差异(而不是微妙差异)帮助用户区分不同的功能。避免使用固定模式,那样会导致外观相似的场景中,用户执行同样的输入,应用却给出不同的响应。
194</p>
195
196  </div>
197  <div class="col-6">
198
199    <img src="{@docRoot}design/media/principles_looks_same.png">
200
201  </div>
202</div>
203
204<div class="vspace size-2">&nbsp;</div>
205
206<div class="cols">
207  <div class="col-7">
208
209<h4 id="interrupt-only-if-important">只在确实对我很重要时才打断我</h4>
210<p>就像优秀的个人助理一样,不要让上司被一些无关紧要的琐事打扰。用户希望专注于核心任务,除非确实非常重要并且情况紧急,否则,打断用户会让人烦不胜烦。
211</p>
212
213  </div>
214  <div class="col-6">
215
216    <img src="{@docRoot}design/media/principles_important_interruption.png">
217
218  </div>
219</div>
220
221<h2 id="make-me-amazing">给我惊喜</h2>
222
223<div class="cols">
224  <div class="col-7">
225
226<h4 id="give-me-tricks">到处为我提供有用的诀窍</h4>
227<p>如果能自己摸索出花样来,用户总是很开心的。利用直观的图案以及其他 Android 应用中常见的习惯手势,让您的应用更容易学习。
228例如,滑动手势就是一种不错的导航快捷手势。
229</p>
230
231  </div>
232  <div class="col-6">
233
234    <img src="{@docRoot}design/media/principles_tricks.png">
235
236  </div>
237</div>
238
239<div class="vspace size-2">&nbsp;</div>
240
241<div class="cols">
242  <div class="col-7">
243
244<h4 id="its-not-my-fault">不是我的错</h4>
245<p>在提醒用户改正错误时要礼貌。他们希望在使用您的应用时感觉自己很聪明。
246如果用户操作出错,请提供清晰的恢复说明,而不要让他们咀嚼详细的技术信息。如果您能在后台修复错误,那当然更好。
247</p>
248
249  </div>
250  <div class="col-6">
251
252    <img src="{@docRoot}design/media/principles_error.png">
253
254  </div>
255</div>
256
257<div class="vspace size-2">&nbsp;</div>
258
259<div class="cols">
260  <div class="col-7">
261
262<h4 id="sprinkle-encouragement">多多鼓励</h4>
263<p>将复杂的任务分解为可轻松完成的小步骤。对操作提供反馈,哪怕只是微弱的灯光,也聊胜于无。
264</p>
265
266  </div>
267  <div class="col-6">
268
269    <img src="{@docRoot}design/media/principles_sprinkle_encouragement.png">
270
271  </div>
272</div>
273
274<div class="vspace size-2">&nbsp;</div>
275
276<div class="cols">
277  <div class="col-7">
278
279<h4 id="do-heavy-lifting-for-me">为我处理繁重事务</h4>
280<p>通过让新手完成他们认为自己不可能做到的事情,让他们感觉自己就像一名行家。例如,通过提供融合多种照片特效的快捷操作,只需几步,就可以让业余照片达到惊艳的效果。
281
282</p>
283
284  </div>
285  <div class="col-6">
286
287    <img src="{@docRoot}design/media/principles_heavy_lifting.png">
288
289  </div>
290</div>
291
292<div class="vspace size-2">&nbsp;</div>
293
294<div class="cols">
295  <div class="col-7">
296
297<h4 id="make-important-things-fast">让重要事项能更快地完成</h4>
298<p>不是所有操作都同样重要。确定应用中哪些功能是最重要的,将这些功能放在便于找到和使用的地方,例如相机的快门按钮,或者音乐播放器中的暂停按钮。
299</p>
300
301  </div>
302  <div class="col-6">
303
304    <img src="{@docRoot}design/media/principles_make_important_fast.png">
305
306  </div>
307</div>
308