移动手持及平板电脑和网页应用设计UI规范(1).doc

1、移动手持及平板电脑和网页应用设计 UI 规范IOS Human Interface Guidelines（1）谢丽娟/交互设计师引言： 文本主要是对“移动手持及平板电脑和网页应用设计 UI 规范”中的iOS Human Interface Guidelines（iOS 系统人机界面指南）引言部分进行翻译学习。阅读后翻译可以加深对 UI 规范的理解，同时提高英语阅读理解翻译写作水平。翻译后的文档也可为其他同事提供参考。本人也将在后续文档中，陆续翻译该文章的其他章节内容。Introduction(介绍 )iOS Human Interface Guidelines describes the gu

2、idelines and principles that help you design a superlative user interface and user experience for your iOS app. (iOS 人机界面指南主要包括一些设计指导和规则，帮助你设计的 iOS apps 具有最好的用户界面和用户体验。 )iOS Human Interface Guidelines does not describe how to implement your designs in code. When youre ready to code, start by reading

3、 iOS Application Programming Guide. (iOS 人机界面指南不包括如何实现将设计代码化的内容，如果你要写相关代码的话，请阅读iOS 应用编程指南。)At a Glance(概要)By working with the platform conventions, youll be much better positioned to create outstanding iOS apps. (通过学习本内容，你将更容易创造优秀的 iOS apps)Great iOS Apps Embrace the Platform and HI Design Principle

4、s (好的 iOS apps 遵从平台和 HI 设计原则)People appreciate iOS apps that feel as though they were designed expressly for the device. For example, when an app fits well on the device screen and responds to the gestures that people know, it provides much of the experience people are looking for. And, although peo

5、ple might not be aware of human interface design principles, such as direct manipulation or consistency, they can tell when apps follow them and when they dont. As you begin designing an iOS app, be sure to understand what makes iOS-based devices unique, and learn how to incorporate HI design princi

6、ples so that you can deliver a user experience people will appreciate. (人们喜欢为特定设备量身打造的 iOS apps。比如说，如果一个 app 与设备的屏幕相吻合并且符合人们使用动作习惯，它将为用户带来更好的体验。尽管人们可能不知道人机界面的设计原则，比如说及时反馈和一致性原则，但是他们能够分辨出应用是否符合他们的需求。在你开始设计 iOS apps时，一定要懂得 iOS 系统设备的特点，并且学习怎样使用 HI 设计原则，这样你才能给用户喜欢的体验。)Relevant Chapters: “Platform Charac

7、teristics” and “Human Interface Principles”(参考章节：“平台特点” 和“人机界面定律 ”)Great App Design Begins with Some Clear Definitions (好的 app设计源自一些清晰地定义)When youre starting with an idea for an app, its crucial to decide precisely which features you intend to deliver, and to whom. After youve determined this, you n

8、eed to make sure you tailor the look and feel of your app to the device it runs on and to the task it enables. (在产品 apps 设计的一开始，我们要明确产品所要传达的特性和针对的用户群。明确了这点之后，你还需要确保 apps 的外观和感觉能够适用于承载它的设备。)If youre bringing existing software to iOS, you face many of the same challenges. As you redesign your existing

9、 software for iOS, it can help to learn about some of the design decisions that informed other successful interdevice transitions, such as those for Mail and Keynote. (如果你想将一些很新颖的软件引入到 iOS 中，你将面临很多挑战。当你在为 iOS 系统进行软件再设计时，你将会学到一些平台之间过渡转化的设计方法。)Relevant Chapters: “App Design Strategies” and “Case Studi

10、es: Transitioning to iOS”(参考章节： “app 设计方法 ”和 “样例学习:如何过渡到 iOS 系统”)A Great User Experience Is Rooted in Your Attention to Detail (好的体验源自于关注细节)Its essential to keep the user experience uppermost in your mind as you design every aspect of your app, from the way you enable a task, to the way your app sta

11、rts and stops, to the way you use a button. Discover the guidelines that influence the look and behavior of your app, in matters both general and specific. (在 apps 设计的各个方面，你都应该时刻注重记用户体验，不管是你做一项任务、还是你的 apps 开始和结束的方式、还是你 apps 按钮的方式。发觉一些能够使得 apps 的外观和动作变得一般或者特殊的方法。)Relevant Chapters: “User Experience G

12、uidelines” and “iOS UI Element Usage Guidelines”( 参考章节: “用户体验指南 ” 和 “iOS 系统中 UI 元素使用指南” )People Expect to Find iOS Technologies in the Apps They Use (人们希望能在 apps 产品中找到 iOS 技术相关的内容)iOS provides many great technologies that add value to apps, such as multitasking, printing, and VoiceOver. Although use

13、rs might view these technologies as automatically available whenever they use their iOS-based devices, it can require work on your part to incorporate them in your app. If an iOS technology is appropriate in your app, be sure to follow the guidelines that govern its usage. (iOS 系统提供了很多很好的技术 ,比如说多线程、

14、打印和画外音等技术，为 apps 带来很大价值。人们会认为这些技术是 iOS 系统中自带的，所以也会要求这些技术能够在你的 app 中实现。如果想把一项 iOS 技术应用于你的 app，记得要遵从该技术的适用规范。)Relevant Chapter: “iOS Technology Usage Guidelines” (参考章节: “iOS 技术使用指南”)All Apps Need at Least Some Custom Artwork (每个 app 都需要一些特定的设计元素)Even if your app enables a serious, productive task and

15、uses only standard user interface elements, you still need to provide a beautiful, custom app icon that people will enjoy seeing in the App Store and on their Home screens. Whether your app includes significant amounts of custom artwork, or only a little, you need to know which icons and images are

16、required and how to create them appropriately. In addition, if youre designing artwork for the Retina display, you can learn some techniques that can make this process easier. (不管你的 app 是实现了特殊的功能，还是严格按照标准的设计元素进行设计，你都需要提供一个漂亮特定的 app 图标，使得人们喜欢在 app 商店和客户端上看到它。不论 App 中特定设计元素是多还是少，你都需要清楚哪些图标和图片是必须的，并且知道该如何设计它们。另外，如果你为视网膜显示系统设计特定元素，你需要了解一些技术来简化它的流程。)Relevant Chapter: “Custom Icon and Image Creation Guidelines”(参考章节: “特定图标和图片创建指南”)文章网址：IOS Human Interface Guidelineshttp:/ UI 规范：http:/