human-interface-guidelines_IOS人机交互指南_官方文档翻译_1.1概况_主题

这里写图片描述

ios设计主题

作为IOS的开发者,您有机会开发出一个上升到AppStore排行榜中的非凡的产品,为此,您需要满足用户对质量和功能的高期望。

IOS与其他平台的三个独特之处:

清晰:

在整个系统中,每一个尺寸的文字都是清晰可辩的,图标精确而清楚的,装饰都是微妙和适当的,并更为关注功能激励设计。

尊重:

流畅的动画和清晰美观的界面可以帮助人们了解并与内容产生交互,而不会产生冲突。内容通常会填满整个屏幕,而暗示则更多用半透明和模糊。减少使用边框、渐变和阴影,保持界面的轻便整洁,同时确保内容是最重要的。

深度:

独特的视觉层次和栩栩如生的动画,赋予了IOS生命力,使得其容易使用和理解。触摸和可发现性增加了惊喜感,并且在访问功能和附加内容时,不会丢失上下文联系。当您浏览内容时,过度动画提供了深度感。

设计原则

为了最大限度达到影响力和目的性,当您现象App的个性时,请牢记以下原则。

审美的完整性

美学完整性表达了应用程序的外观和行为与其功能的融合程度。例如,一个帮助人们执行严肃任务的应用程序可以通过使用微妙,不引人注意的图形,标准控件和可预测的行为来保持他们关注的重点。另一方面,一个沉浸式的应用程序,如游戏,可以提供一个迷人的外观,承诺乐趣和兴奋,同时鼓励发现。

一致性

应用程序通过使用系统提供一致的界面元素,众所周知的图标,标准文本样式和统一的术语来实现熟悉的标准和范例。应用程序以人们期望的方式整合了功能和行为。

直接操作

直接操作屏幕内容可以吸引用户,增进理解。当用户旋转设备或使用手势来影响屏幕内容时,用户会体验到直接操作。通过直接操作,他们可以看到行动的直接结果。

反馈

反馈确认行动并显示结果以保持人们的知情。内置的iOS应用程序响应每个用户操作提供了可感知的反馈。交互式的元素在点击时会突出显示,进度条传达长时间运行的状态,动画和声音有助于说明动作的结果。

隐喻

无论是植根于真实世界还是数字世界,当应用程序的虚拟对象和操作是对熟悉的经验的隐喻,人们都获知得更快。因为人们与屏幕进行物理交互,隐喻在iOS中很有效。他们移动视图,以揭示下面的内容。他们拖动并滑动内容,他们可以切换开关,移动滑块,并滚动选择器值。他们甚至可以像真的在翻阅书页和杂志一样。

用户控制

在整个IOS中,人并不是一直在应用程序的控制之中。一个应用程序可以建议可采取的行动或对危险的后果提出警告,但通常应用程序接管决策是错误的。最好的应用程序在用户权限和避免不必要结果之间找到正确的平衡。保持交互式元素的熟悉和可预测性,可以让人感觉到一个应用程序处于他们的控制之中,确认破坏性的行为,并且即使已经在进行中也可以轻松取消操作。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Introduction Introduction 9 At a Glance 9 Great iOS Apps Embrace the Platform and HI Design Principles 9 Great App Design Begins with Some Clear Definitions 10 A Great User Experience Is Rooted in Your Attention to Detail 10 People Expect to Find iOS Technologies in the Apps They Use 10 All Apps Need at Least Some Custom Artwork 11 Chapter 1 Platform Characteristics 13 The Display Is Paramount, Regardless of Its Size 13 Device Orientation Can Change 14 Apps Respond to Gestures, Not Clicks 14 People Interact with One App at a Time 15 Preferences Are Available in Settings 16 Onscreen User Help Is Minimal 16 Most iOS Apps Have a Single Window 17 Two Types of Software Run in iOS 17 Safari on iOS Provides the Web Interface 18 Chapter 2 Human Interface Principles 21 Aesthetic Integrity 21 Consistency 21 Direct Manipulation 22 Feedback 22 Metaphors 22 User Control 23 Chapter 3 App Design Strategies 25 Create an Application Definition Statement 25 1. List All the Features You Think Users Might Like 25 2. Determine Who Your Users Are 26 3. Filter the Feature List Through the Audience Definition 26 4. Don’t Stop There 26 Design the App for the Device 27 Embrace iOS UI Paradigms 27 Ensure that Universal Apps Run Well on Both iPhone and iPad 28 Reconsider Web-Based Designs 28 Tailor Customization to the Task 29 Prototype and Iterate 31 Chapter 4 Case Studies: Transitioning to iOS 33 From Mail on the Desktop to Mail on iPhone 33 From Keynote on the Desktop to Keynote on iPad 35 From Mail on iPhone to Mail on iPad 38 From a Desktop Browser to Safari on iOS 41 Chapter 5 User Experience Guidelines 47 Focus on the Primary Task 47 Elevate the Content that People Care About 48 Think Top Down 48 Give People a Logical Path to Follow 48 Make Usage Easy and Obvious 49 Use User-Centric Terminology 50 Minimize the Effort Required for User Input 50 Downplay File-Handling Operations 50 Enable Collaboration and Connectedness 51 De-emphasize Settings 52 Brand Appropriately 53 Make Search Quick and Rewarding 53 Entice and Inform with a Well-Written Description 54 Be Succinct 55 Use UI Elements Consistently 55 Consider Adding Physicality and Realism 56 Delight People with Stunning Graphics 57 Handle Orientation Changes 58 Make Targets Fingertip-Size 60 Use Subtle Animation to Communicate 61 Support Gestures Appropriately 62 Ask People to Save Only When Necessary 63 Make Modal Tasks Occasional and Simple 63 Start Instantly 64 Always Be Prepared to Stop 65 Don’t Quit Programmatically 65 If Necessary, Display a License Agreement or Disclaimer 65 For iPad: Enhance Interactivity (Don’t Just Add Features) 66 For iPad: Reduce Full-Screen Transitions 66 For iPad: Restrain Your Information Hierarchy 67 For iPad: Consider Using Popovers for Some Modal Tasks 69 For iPad: Migrate Toolbar Content to the Top 70 Chapter 6 iOS Technology Usage Guidelines 73 iCloud Storage 73 Multitasking 74 Notification Center 76 Printing 80 iAd Rich Media Ads 81 Quick Look Document Preview 87 Sound 88 Understand User Expectations 88 Define the Audio Behavior of Your App 89 Manage Audio Interruptions 93 Handle Media Remote Control Events, if Appropriate 94 VoiceOver and Accessibility 95 Edit Menu 96 Undo and Redo 98 Keyboards and Input Views 99 Location Services 99 Chapter 7 iOS UI Element Usage Guidelines 101 Bars 101 The Status Bar 101 Navigation Bar 102 Toolbar 105 Tab Bar 106 Content Views 108 Popover (iPad Only) 108 Split View (iPad Only) 111 Table View 113 Text View 121 Web View 122 Container View Controller 123 Alerts, Action Sheets, and Modal Views 123 Alert 123 Action Sheet 127 Modal View 130 Controls 133 Activity Indicator 133 Date and Time Picker 133 Detail Disclosure Button 134 Info Button 135 Label 135 Network Activity Indicator 136 Page Indicator 136 Picker 137 5 2011-10-12 | . 2011 Apple Inc. All Rights Reserved. CONTENTS Progress View 138 Rounded Rectangle Button 139 Scope Bar 139 Search Bar 140 Segmented Control 141 Slider 142 Stepper 143 Switch 143 Text Field 144 System-Provided Buttons and Icons 145 Standard Buttons for Use in Toolbars and Navigation Bars 145 Standard Icons for Use in Tab Bars 148 Standard Buttons for Use in Table Rows and Other UI Elements 149 Chapter 8 Custom Icon and Image Creation Guidelines 151 Tips for Designing Great Icons and Images 152 Tips for Creating Great Artwork for the Retina Display 153 Tips for Creating Resizable Images 154 Application Icons 155 Launch Images 157 Small Icons 159 Document Icons 160 Document Icon Specifications for iPhone 160 Document Icon Specifications for iPad 161 Web Clip Icons 163 Icons for Navigation Bars, Toolbars, and Tab Bars 164 Newsstand Icons 166 Document Revision History 169
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值