Android UI 设计准则

jopen 12年前
     <span style="font-size:x-large;"><strong>Design Principles</strong></span>    <br />    <span style="font-size:xx-large;">设计准则</span>    <br />    <br /> These design principles were developed by and for the Android User Experience Team to keep users'best interests in mind. Consider them as you apply your own creativity and design thinking. Deviate with purpose.    <br /> 以下设计准则由Android 用户体验团队秉承用户利益至上的原则开发。当你发挥自己的创造力和思考的时候,请将它们纳入考虑之中,并有意识地加以实践。    <br />    <br />    <span style="font-size:large;"><strong>Enchant Me</strong></span>    <br />    <span style="font-size:large;">迷住我</span>    <br />    <br />    <strong>Delight me in surprising ways</strong>    <br />    <strong>以意想不到的方式取悦我</strong>    <br /> A beautiful surface, a carefully-placed animation, or a well-timed sound effect is a joy to experience. Subtle effects contribute to a feeling of effortlessness and a sense that a powerfulforce is at hand.    <br /> 一个漂亮的界面,一个悉心摆放的动画,或者一个适时的声音效果,都是一种快乐的体验。精细的效果能产生一种轻松的氛围,感觉手中有一股强大可控的力量。    <br />    <img id="aimg_7028" class="zoom" title="principles_delight.png" alt="Android UI 设计准则 " src="https://simg.open-open.com/show/1d5c087b826592a215d784f3e1c1c9e0.png" width="340" height="170" />    <br />    <br />    <strong>Real objects are more fun than buttons and menus</strong>    <br />    <strong>真实对象比按钮和菜单更加有趣</strong>    <br /> Allow people to directly touch and manipulate objects in your app. It reduces the cognitive effort needed to perform a task while making it more emotionally satisfying.    <br /> 允许人们直接触摸和操作你应用中的对象。它减少了执行一项任务所需的认识上的力量,并使之更加令人舒心。    <br />    <img id="aimg_7032" class="zoom" title="principles_real_objects.png" alt="Android UI 设计准则 " src="https://simg.open-open.com/show/b5a32d410f16b770a53a3b41c8a28e97.png" width="340" height="170" />    <br />    <br />    <strong>Let me make it mine</strong>    <br />    <strong>让我把它变成我的</strong>    <br /> People love to add personal touches because it helps them feel at home and in control. Provide sensible, beautiful defaults, but also consider fun, optional customizations that don't hinder primary tasks.    <br /> 人们喜欢加入个人手势,因为这让他们感觉自在与可控。提供可感的、漂亮的默认手势,但同时又考虑好玩、可选又不影响主要任务的定制项。    <br />    <img id="aimg_7029" class="zoom" title="principles_make_it_mine.png" alt="Android UI 设计准则 " src="https://simg.open-open.com/show/1a1152bf571b9028fb52985aeed52553.png" width="340" height="170" />    <br />    <br />    <strong>Get to know me</strong>    <br />    <strong>学会了解我</strong>    <br /> Learn peoples' preferences over time. Rather than asking them to make the same choices over and over, place previous choices within easy reach.    <br /> 随着时间的推移,学习用户的偏好。不要反复地问用户同样的问题,将用户先前的选择列出来以供快捷选择。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/cbd34abcfdaa712ed11796a0f63353ce.png" width="340" height="170" />    <br />    <br />    <span style="font-size:large;"><strong>Simplify My Life</strong></span>    <br />    <span style="font-size:large;">简化我的生活</span>    <br />    <br />    <strong>Keep it brief</strong>    <br />    <strong>用语简洁</strong>    <br /> Use short phrases with simple words. People are likely to skip sentences if they're long.    <br /> 使用由简单词汇构成的短句。人们更倾向于跳过过长的句子。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/c510f1b3580d6ed7c613cd341f849650.png" width="340" height="170" />    <br />    <br />    <strong>Pictures are faster than words</strong>    <br />    <strong>图像比文字更能直达理解</strong>    <br /> Consider using pictures to explain ideas. They get people's attention and can be much more efficient than words.    <br /> 考虑使用图像来解释观点。图像能捕获人们的注意力,往往比文字更有效率。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/f1fac8f504d305c9455b737696b9cdb0.png" width="340" height="385" />    <br />    <br />    <strong>Decide for me but let me have the final say</strong>    <br />    <strong>为我决定,但最终由我说了算</strong>    <br /> Take your best guess and act rather than asking first. Too many choices and decisions make people unhappy. Just in case you get it wrong, allow for 'undo'.    <br /> 做最好的猜测,先做而非先问。太多的选择和决定会令人不愉。只当你可能会犯错时,才提供个‘撤消’,然后仍然先做后问。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/e0dbf86d3b6df9243de50c8ef58c1a63.png" width="340" height="358" />    <br />    <br />    <strong>Only show what I need when I need it</strong>    <br />    <strong>只在我需要的时候显示</strong>我所要的    <br /> People get overwhelmed when they see too much at once. Break tasks and information into small,digestible chunks. Hide options that aren't essential at the moment, and teach people as they go.    <br /> 当一下子看到太多东西时,人们容易受打击。将任务和信息分解成小的、可消化的片段。隐藏当前非必须的选项,并指导人们如何走下去。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/a4b1b1b419468227e0cb657e4f571dde.png" width="340" height="286" />    <br />    <br />    <strong>I should always know where I am</strong>    <br />    <strong>我应该总能知道我在哪里</strong>    <br /> Give people confidence that they know their way around. Make places in your app look distinct and use transitions to show relationships among screens. Provide feedback on tasks in progress.    <br /> 给人们以清楚自己在哪的信心。把你应用中的不同场景设计得可区分,并使用变换效果来显示不同场景(窗口)之间的关系。提供任务进度反馈。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/de91a8fb7e8a25dbc70aebf47e9881f3.png" width="340" height="170" />    <br />    <br />    <strong>Never lose my stuff</strong>    <br />    <strong>决不能丢失我的东西</strong>    <br /> Save what people took time to create and let them access it from anywhere. Remember settings,personal touches, and creations across phones, tablets, and computers. It makes upgrading the easiest thing in the world.    <br /> 保存用户花时间创建的东西,使得他们能随处访问。跨手机、平板电脑及计算机等平台,记住设置、个人手势以及作品。这将使得软件升级成为世界上最简单的事。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/7deafb41c653cc90d79aa2b27ec4050c.png" width="340" height="170" />    <br />    <br />    <strong>If it looks the same, it should act the same</strong>    <br />    <strong>如果看起来一样,所做的事就该一样</strong>    <br /> Help people discern functional differences by making them visually distinct rather than subtle.Avoid modes, which are places that look similar but act differently on the same input.    <br /> 通过在视觉上加以区别,来帮助人们区分出功能的差异来。避免出现雷同场景,即看上去一样,但对于同一输入结果不同的场景。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/75aedd397b324bf9c84ffc99785c5cb0.png" width="340" height="170" />    <br />    <br />    <strong>Only interrupt me if it's important</strong>    <br />    <strong>只在十分重要时打断我</strong>    <br /> Like a good personal assistant, shield people from unimportant minutiae. People want to stayfocused, and unless it's critical and time-sensitive, an interruption can be taxing and frustrating.    <br /> 尤如一个好的个人助理,应该保护上司不被不重要的小事打扰。人们需要专注,除非情况十分严重并且紧急,打扰会是十分令人不悦的。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/d62c92ca2cc9c5ba711e3a22eeced62b.png" width="340" height="170" />    <br />    <br />    <span style="font-size:large;"><strong>Make Me Amazing</strong></span>    <br />    <span style="font-size:large;">让我惊讶</span>    <br />    <br />    <strong>Give me tricks that work everywhere</strong>    <br />    <strong>给我点处处可行的诀窍</strong>    <br /> People feel great when they figure things out for themselves. Make your app easier to learn by leveraging visual patterns and muscle memory from other Android apps. For example, the swipe gesture may be a good navigational shortcut.    <br /> 人们如果能够自己探索出东西来,将会兴奋不已。通过使用可视的模式和习惯操作,使你的应用更加易于学习。比如,猛击操作会是一个很好的导航快捷手势。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/0feb78e90706365860f777287002adaa.png" width="340" height="170" />    <br />    <br />    <strong>It's not my fault</strong>    <br />    <strong>这不是我的错</strong>    <br /> Be gentle in how you prompt people to make corrections. They want to feel smart when they use yourapp. If something goes wrong, give clear recovery instructions but spare them the technical details.If you can fix it behind the scenes, even better.    <br /> 在提示用户改正错误时,应该礼貌。他们在用你应用的时候,需要被认为是聪明的。如果出错了,给出明确的恢复指令,而不是将技术细节留给他们。如果你可以在后台修复错误,那当然最好。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/505ca4d5639f589daaab5e588cff32c5.png" width="340" height="170" />    <br />    <br />    <strong>Sprinkle encouragement</strong>    <br /> 挥洒鼓励    <br /> Break complex tasks into smaller steps that can be easily accomplished. Give feedback on actions,even if it's just a subtle glow.    <br /> 将复杂的任务分解成小的容易被完成的步骤。对用户的操作给出反馈,即使只是一小步的成功。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/667855365a25b3f7856106dbf23d0835.png" width="340" height="170" />    <br />    <br />    <strong>Do the heavy lifting for me<br /> <strong>为我担负重任</strong><br /> </strong>Make novices feel like experts by enabling them to do things they never thought they could. Forexample, shortcuts that combine multiple photo effects can make amateur photographs look amazing inonly a few steps.    <br /> 通过使他们做成他们认为自己不可能做到的事,让新手感觉自己像专家一样。比如,综合多个照片效果的快捷操作可使得外行简单几步做出惊人的照片效果来。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/e493c732338da98895ff9eaa04888efe.png" width="340" height="170" />    <br />    <br />    <strong>Make important things fast</strong>    <br />    <strong>让重要的事情能更快地完成</strong>    <br /> Not all actions are equal. Decide what's most important in your app and make it easy to find andfast to use, like the shutter button in a camera, or the pause button in a music player.    <br /> 并非所有的操作都是平等的。确定你应用中最重要的操作,使它能很容易地被发现与使用,比如相机上的快门,又如音乐播放器上的暂停按钮。    <br />    <img alt="Android UI 设计准则 " src="https://simg.open-open.com/show/2e30cc7c99e244677352dc25a7ac4721.png" width="340" height="170" />    <br />    <br />    <br />    <strong><em>转载请注明:<a href="/misc/goto?guid=4958187643442137582" target="_blank">Linux人社区></a></em></strong>    <a href="http://www.linux-ren.org/forum.php?mod=viewthread&tid=64088&fromuid=36714" target="_blank">英文资讯翻译专版.编译</a>    <br />    <span style="color:lime;">英文原文:</span>    <a href="/misc/goto?guid=4958325877715319847" target="_blank">Android Design - Design Principles</a>      <br />