比特客户端
您的位置：
详解大数据
详解大数据
详解大数据
详解大数据
重新定义手机 努比亚FiT技术开创人机交互新体验
关键字：其他
　　2015年国产“半年考 ”已交答卷，虽然在高端手机市场，国产手机发展态势仍然不敌、国际品牌，但在核心技术掌握方面，国产手机品牌也取得了不错的成绩。
　　其中，努比亚Z9首创的无边框和FiT技术，就是众多国产手机品牌在技术方面取得突破的代表。努比亚无边框设计直接开启了无边框手机这一品类的潮流，而FiT更是让用户体验得到了全新的提升。
　　(图片为努比亚Z9)
　　FiT，即Frame InteractiveTechnology，是努比亚创造性发明的边缘触控技术。借助“FiT”，用户可以通过手指、手掌的按压，实现快速解锁、截屏、启动相机等操作。
　　目前“FiT”共有三种操作模式：“边缘滑动”、“单手握持”以及“横屏双手握持”。
　　“边缘滑动”在左右侧分别使出不同手势可以实现切换后台应用、启动应用、手机加速、调节亮度。
　　“单手握持”则可以实现解锁与截屏操作。紧握手机设定我的握持方式，松手后重复之前的紧握动作，即可轻松设定自己独特的握持解锁方式。连续紧握手机两次即可实现截屏操作。另外，横握手机并点击屏幕边缘还能实现启动相机功能。
　　“FiT”技术充分利用手机屏幕的每一寸空间，使手机的交互资源地扩展到了屏幕边缘，通过简单的边缘滑动就可以完成多种，操控步骤平均减少2.7步，从而简化了用户操控体验的难度。
　　发展到今天，形态和功能已经趋于成熟。一款创世新品的问世更需要核心技术的支持，而nubia Z9的“FiT”技术，可以说是智能应用交互生态的一次革命，不仅为用户带来了全新的便捷体验，同时，还为行业的发展提供了另一种思路和途径。
　　承袭着努比亚一贯坚持的卓越品质，以及对手机独到的见解，相信在不久的将来，努比亚一定会为我们带来更多的惊喜。
[ 责任编辑：ran ]
去年，手机江湖里的竞争格局还是…
甲骨文的云战略已经完成第一阶段…
软件信息化周刊
比特软件信息化周刊提供以数据库、操作系统和管理软件为重点的全面软件信息化产业热点、应用方案推荐、实用技巧分享等。以最新的软件资讯，最新的软件技巧，最新的软件与服务业内动态来为IT用户找到软捷径。
商务办公周刊
比特商务周刊是一个及行业资讯、深度分析、企业导购等为一体的综合性周刊。其中，与中国计量科学研究院合力打造的比特实验室可以为商业用户提供最权威的采购指南。是企业用户不可缺少的智选周刊！
比特网络周刊向企业网管员以及网络技术和产品使用者提供关于网络产业动态、技术热点、组网、建网、网络管理、网络运维等最新技术和实用技巧，帮助网管答疑解惑，成为网管好帮手。
服务器周刊
比特服务器周刊作为比特网的重点频道之一，主要关注x86服务器，RISC架构服务器以及高性能计算机行业的产品及发展动态。通过最独到的编辑观点和业界动态分析，让您第一时间了解服务器行业的趋势。
比特存储周刊长期以来，为读者提供企业存储领域高质量的原创内容，及时、全面的资讯、技术、方案以及案例文章，力求成为业界领先的存储媒体。比特存储周刊始终致力于用户的企业信息化建设、存储业务、数据保护与容灾构建以及数据管理部署等方面服务。
比特安全周刊通过专业的信息安全内容建设，为企业级用户打造最具商业价值的信息沟通平台，并为安全厂商提供多层面、多维度的媒体宣传手段。与其他同类网站信息安全内容相比，比特安全周刊运作模式更加独立，对信息安全界的动态新闻更新更快。
新闻中心热点推荐
新闻中心以独特视角精选一周内最具影响力的行业重大事件或圈内精彩故事，为企业级用户打造重点突出，可读性强，商业价值高的信息共享平台；同时为互联网、IT业界及通信厂商提供一条精准快捷，渗透力强，覆盖面广的媒体传播途径。
云计算周刊
比特云计算周刊关注云计算产业热点技术应用与趋势发展，全方位报道云计算领域最新动态。为用户与企业架设起沟通交流平台。包括IaaS、PaaS、SaaS各种不同的服务类型以及相关的安全与管理内容介绍。
CIO俱乐部周刊
比特CIO俱乐部周刊以大量高端CIO沙龙或专题研讨会以及对明星CIO的深入采访为依托，汇聚中国500强CIO的集体智慧。旨为中国杰出的CIO提供一个良好的互融互通 、促进交流的平台，并持续提供丰富的资讯和服务，探讨信息化建设，推动中国信息化发展引领CIO未来职业发展。
IT专家新闻邮件长期以来，以定向、分众、整合的商业模式，为企业IT专业人士以及IT系统采购决策者提供高质量的原创内容，包括IT新闻、评论、专家答疑、技巧和白皮书。此外，IT专家网还为读者提供包括咨询、社区、论坛、线下会议、读者沙龙等多种服务。
X周刊是一份IT人的技术娱乐周刊，给用户实时传递I最新T资讯、IT段子、技术技巧、畅销书籍，同时用户还能参与我们推荐的互动游戏，给广大的IT技术人士忙碌工作之余带来轻松休闲一刻。
微信扫一扫
关注Chinabyte[中文]iOS7人机界面指南-UI基础[转]4 years ago62收藏分享举报文章被以下专栏收录关注我的微信公众号
“zhezhexiong”
…推荐阅读{&debug&:false,&apiRoot&:&&,&paySDK&:&https:\u002F\\u002Fapi\u002Fjs&,&wechatConfigAPI&:&\u002Fapi\u002Fwechat\u002Fjssdkconfig&,&name&:&production&,&instance&:&column&,&tokens&:{&X-XSRF-TOKEN&:null,&X-UDID&:null,&Authorization&:&oauth c3cef7c66aa9e6a1e3160e20&}}{&database&:{&Post&:{&&:{&isPending&:false,&contributes&:[{&sourceColumn&:{&lastUpdated&:,&description&:&关注我的微信公众号\n“zhezhexiong”&,&permission&:&COLUMN_PUBLIC&,&memberId&:1396,&contributePermission&:&COLUMN_PRIVATE&,&translatedCommentPermission&:&all&,&canManage&:true,&intro&:&关注我的微信公众号\n“zhezhexiong”\n…&,&urlToken&:&zhezhexiong&,&id&:174,&imagePath&:&cc82f3bfb5.jpg&,&slug&:&zhezhexiong&,&applyReason&:&&,&name&:&折折熊&,&title&:&折折熊&,&url&:&https:\u002F\\u002Fzhezhexiong&,&commentPermission&:&COLUMN_ALL_CAN_COMMENT&,&canPost&:true,&created&:,&state&:&COLUMN_NORMAL&,&followers&:19147,&avatar&:{&id&:&cc82f3bfb5&,&template&:&https:\u002F\\u002F{id}_{size}.jpg&},&activateAuthorRequested&:false,&following&:false,&imageUrl&:&https:\u002F\\u002Fcc82f3bfb5_l.jpg&,&articlesCount&:76},&state&:&accepted&,&targetPost&:{&titleImage&:&https:\u002F\\u002F10cd66e40abdac2f14b643d7_r.jpg&,&lastUpdated&:,&imagePath&:&10cd66e40abdac2f14b643d7&,&permission&:&ARTICLE_PUBLIC&,&topics&:[05],&summary&:&上网搜索了很多有关iOS7的设计指南，发现好多牛人已经转译成了中文。对比了一下，觉得\u003Ca class=\&member_mention\& data-title=\&@李林\& data-editable=\&true\& data_id=\&863324\& data-hash=\&57d04e8fd77c1eacd6dee67b974b806a\&\u003E@李林\u003C\u002Fa\u003E 的翻译相对丰满很多，只是分了13个段落，我把他们串一下，已做收藏存档。原文目录如下，有兴趣的同学可以去拜读一下。\u003Ca href=\&http:\\u002Fnode\u002F214\& data-editable=\&true\& data-title=\&为iOS7而设计\&\u003E为iOS7而设计\u003C\u002Fa\u003E\u003Ca href=\&http:\\u002Fnode\u002F216\& data-editable=\&true\& data-title=\&iOS应用解析\&\u003EiOS应用解析\u003C\u002Fa\u003E\u003Ca href=\&http:\\u002Fnode\u002F217\& data-editable=\&true\& data-title=\&启动与退出\&\u003E启动与退出\u003C\u002Fa\u003E\u003Ca href=\&http:\\u002Fnode\u002F218\& data-editable=\&true\& data-title=\&布局\&\u003E布局\u003C\u002Fa\u003E\u003Ca href=\&http:\\u002Fnode\u002F219\& data-editable=\&true\& data-title=\&导航\&\u003E导航\u003C\u002Fa\u003E\u003Ca href=\&http:\\u002Fnode\u002F220\& data-editable=\&true\& data-title=\&模态情境\&\u003E…\u003C\u002Fa\u003E&,&copyPermission&:&ARTICLE_COPYABLE&,&translatedCommentPermission&:&all&,&likes&:0,&origAuthorId&:1396,&publishedTime&:&T17:27:05+08:00&,&sourceUrl&:&&,&urlToken&:,&id&:13605,&withContent&:false,&slug&:,&bigTitleImage&:false,&title&:&[中文]iOS7人机界面指南-UI基础[转]&,&url&:&\u002Fp\u002F&,&commentPermission&:&ARTICLE_ALL_CAN_COMMENT&,&snapshotUrl&:&&,&created&:,&comments&:0,&columnId&:174,&content&:&&,&parentId&:0,&state&:&ARTICLE_PUBLISHED&,&imageUrl&:&https:\u002F\\u002F10cd66e40abdac2f14b643d7_r.jpg&,&author&:{&bio&:&&,&isFollowing&:false,&hash&:&5247affd2c20cdf7887cd&,&uid&:84,&isOrg&:false,&slug&:&zhezhexiong&,&isFollowed&:false,&description&:&&,&name&:&折折熊&,&profileUrl&:&https:\u002F\\u002Fpeople\u002Fzhezhexiong&,&avatar&:{&id&:&71f15beb5f060acddc1f4269cded2af8&,&template&:&https:\u002F\\u002F50\u002F{id}_{size}.png&},&isOrgWhiteList&:false,&isBanned&:false},&memberId&:1396,&excerptTitle&:&&,&voteType&:&ARTICLE_VOTE_CLEAR&},&id&:231768}],&title&:&[中文]iOS7人机界面指南-UI基础[转]&,&author&:&zhezhexiong&,&content&:&上网搜索了很多有关iOS7的设计指南，发现好多牛人已经转译成了中文。对比了一下，觉得\u003Ca class=\&member_mention\& data-title=\&@李林\& data-editable=\&true\& data-hash=\&57d04e8fd77c1eacd6dee67b974b806a\& href=\&http:\u002F\\u002Fpeople\u002F57d04e8fd77c1eacd6dee67b974b806a\& data-hovercard=\&p$b$57d04e8fd77c1eacd6dee67b974b806a\&\u003E@李林\u003C\u002Fa\u003E 的翻译相对丰满很多，只是分了13个段落，我把他们串一下，已做收藏存档。原文目录如下，有兴趣的同学可以去拜读一下。\u003Cul\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F214\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E为iOS7而设计\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F216\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EiOS应用解析\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F217\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E启动与退出\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F218\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E布局\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F219\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E导航\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F220\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E模态情境\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F221\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E交互性与反馈\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F222\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E术语和修辞\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F223\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E动画\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F224\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E文字排版与配色\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F225\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E图标与图形\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F226\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E品牌\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003Cli\u003E\u003Ca href=\&http:\u002F\\u002F?target=http%3A\\u002Fnode\u002F227\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E与iOS的系统整合\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E（注：这个不是完整的界面指南，而是界面指南中UI基础的部分，所以其他部分的目录我省去了）\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E为iOS7而设计\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003EiOS7涵盖了以下3个方面的设计主题思想：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E依从\u003C\u002Fstrong\u003E：UI要帮助用户对内容进行理解和互动，但绝不能与内容产生竞争关系。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E清晰\u003C\u002Fstrong\u003E：任何字号的文字都要清楚易读，图标要精细且含义明确，装饰性元素要少而精，且使用得当；聚焦于功能性的实现，并以此激发设计的进行。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E纵深\u003C\u002Fstrong\u003E：视觉外观的层次以及逼真的动画效果可以传达出界面的活力，使界面更容易被理解，并提升用户的愉悦度。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F47cf3a6615f_b.jpg\& data-rawwidth=\&576\& data-rawheight=\&1023\& class=\&origin_image zh-lightbox-thumb\& width=\&576\& data-original=\&https:\u002F\\u002F47cf3a6615f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='576'%20height='1023'&&\u002Fsvg&\& data-rawwidth=\&576\& data-rawheight=\&1023\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&576\& data-original=\&https:\u002F\\u002F47cf3a6615f_r.jpg\& data-actualsrc=\&https:\u002F\\u002F47cf3a6615f_b.jpg\&\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F30ed809fe070d37dfe45e2c31e577385_b.jpg\& data-rawwidth=\&576\& data-rawheight=\&1023\& class=\&origin_image zh-lightbox-thumb\& width=\&576\& data-original=\&https:\u002F\\u002F30ed809fe070d37dfe45e2c31e577385_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='576'%20height='1023'&&\u002Fsvg&\& data-rawwidth=\&576\& data-rawheight=\&1023\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&576\& data-original=\&https:\u002F\\u002F30ed809fe070d37dfe45e2c31e577385_r.jpg\& data-actualsrc=\&https:\u002F\\u002F30ed809fe070d37dfe45e2c31e577385_b.jpg\&\u003E\u003Cp\u003E天气应用，左图为iOS7，右图为iOS6。\u003C\u002Fp\u003E\u003Cp\u003E无论你是在重新设计一款已有应用，还是在创建新产品，请考虑按照苹果官方重新设计内置应用的方式来进行你的工作：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E首先，剥离所有的UI元素，使应用的核心功能呈现出来，并重新确认它们的相关性。\u003C\u002Fli\u003E\u003Cli\u003E然后，使用iOS7的设计主题去重新构建UI与用户体验。\u003C\u002Fli\u003E\u003Cli\u003E自始至终，要做好挑战传统惯例、质疑各种臆测的准备；将注意力聚焦在内容和功能上，以此来推动每一个设计决策的制定。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch3\u003E依从于内容\u003C\u002Fh3\u003E\u003Cp\u003E虽然明快而漂亮的UI以及流畅的动画效果是iOS7当中的体验亮点，但内容才是其真正的核心。\u003C\u002Fp\u003E\u003Cp\u003E下面这些方法将确保你的设计能够提升界面的功能性，并使其更好的依从于内容。\u003C\u002Fp\u003E\u003Ch4\u003E充分利用全屏空间\u003C\u002Fh4\u003E\u003Cp\u003E斟酌嵌入式结构及可视化的界面框架的用法，考虑能否将内容直接扩展至屏幕边缘。天气应用就是个很好的例子：通过漂亮的全屏方式呈现当前的天气情况，用户能够立即发现最重要的信息，而且每小时的气象数据也有充分的空间得以展示。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fab34db9091f_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fab34db9091f_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fab34db9091f_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fab34db9091f_b.jpg\&\u003E\u003Ch4\u003E慎用拟物化的视觉元素\u003C\u002Fh4\u003E\u003Cp\u003E浮雕效果、渐变、阴影，这类视觉表现形式有时会使UI元素过于沉重，进而在视觉上喧宾夺主，压倒内容。要聚焦于内容，让UI扮演辅助支援型的角色。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fa0cd52d3a8ccaf3d3f03_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fa0cd52d3a8ccaf3d3f03_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fa0cd52d3a8ccaf3d3f03_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fa0cd52d3a8ccaf3d3f03_b.jpg\&\u003E\u003Ch4\u003E让半透明的视觉元素透露其背后的内容\u003C\u002Fh4\u003E\u003Cp\u003E半透明的视觉形式可以体现出当前操作对象周围的环境背景，使用户知道有更多的内容可用。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Ff0e03a0be7a393d9fc70588bcb01b815_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Ff0e03a0be7a393d9fc70588bcb01b815_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Ff0e03a0be7a393d9fc70588bcb01b815_r.jpg\& data-actualsrc=\&https:\u002F\\u002Ff0e03a0be7a393d9fc70588bcb01b815_b.jpg\&\u003E\u003Ch3\u003E提供清晰的视觉效果\u003C\u002Fh3\u003E\u003Cp\u003E提供清晰的视效，这是确保使内容处于核心地位的又一种方式。下面这些方法可以使最重要的内容及功能清晰易读、便于操作。\u003C\u002Fp\u003E\u003Ch4\u003E充分运用留白\u003C\u002Fh4\u003E\u003Cp\u003E留白可以使重要的内容及功能更加突出。同时，留白还可以传达出一种平静和稳定的感觉，使应用看上去更加专注和高效。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F6a742db7d84aa02eeb540c7038aafa07_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F6a742db7d84aa02eeb540c7038aafa07_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='920'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F6a742db7d84aa02eeb540c7038aafa07_r.jpg\& data-actualsrc=\&https:\u002F\\u002F6a742db7d84aa02eeb540c7038aafa07_b.jpg\&\u003E\u003Ch4\u003E通过色彩简化UI\u003C\u002Fh4\u003E\u003Cp\u003E一种关键的颜色——例如备忘录应用中的黄色——可以突出重要信息，并巧妙的暗示出元素的可交互性。同时，它也可以为应用带来具有一致性的视觉主题。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F0ddcbcb83b00b_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F0ddcbcb83b00b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='920'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F0ddcbcb83b00b_r.jpg\& data-actualsrc=\&https:\u002F\\u002F0ddcbcb83b00b_b.jpg\&\u003E\u003Ch4\u003E使用系统字体，确保清晰易读\u003C\u002Fh4\u003E\u003Cp\u003EiOS7中的系统字体可以自动调整字间距及行高，使文字内容更加易读，在用户所选择的任何字号下都表现良好。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Ff0deabb8ef70c16ceb7dcb8b_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Ff0deabb8ef70c16ceb7dcb8b_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='920'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Ff0deabb8ef70c16ceb7dcb8b_r.jpg\& data-actualsrc=\&https:\u002F\\u002Ff0deabb8ef70c16ceb7dcb8b_b.jpg\&\u003E\u003Cbr\u003E\u003Ch4\u003E拥抱无边框的按钮\u003C\u002Fh4\u003E\u003Cp\u003E与以往依靠浮雕效果暗示元素可交互性的方式不同，在iOS7中，我们可以选取含义准确的标题文字，搭配一种关键色或系统色，来表达这是一个可交互的UI元素。新的通讯录应用使用了系统提供的蓝色来告诉用户，屏幕上的多数内容是可以对交互动作做出响应的。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fa7ac345cedc43efa2d81b9addba09d9a_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1094\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fa7ac345cedc43efa2d81b9addba09d9a_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1094'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1094\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fa7ac345cedc43efa2d81b9addba09d9a_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fa7ac345cedc43efa2d81b9addba09d9a_b.jpg\&\u003E\u003Ch3\u003E利用纵深进行沟通\u003C\u002Fh3\u003E\u003Cp\u003EiOS7会在不同的层面上显示内容，以体现内容间的层级和位置关系，这有利于用户理解屏幕上各种元素之间的关联。\u003C\u002Fp\u003E\u003Cp\u003E文件夹在视觉表现形式上采用了半透明背景，并悬浮于主屏幕之上，这能使其中所包含的内容与屏幕上的其他元素得以区分开来。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Ff664bbec8_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Ff664bbec8_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='920'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&920\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Ff664bbec8_r.jpg\& data-actualsrc=\&https:\u002F\\u002Ff664bbec8_b.jpg\&\u003E\u003Cp\u003E当用户在使用提醒事项应用中的某个条目时，其余的条目都会排列在界面底部的不同层面上。要查看所有条目，用户需要展开这些层面，如下图所示。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F29e9f79e28c9d07b0e345_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F29e9f79e28c9d07b0e345_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F29e9f79e28c9d07b0e345_r.jpg\& data-actualsrc=\&https:\u002F\\u002F29e9f79e28c9d07b0e345_b.jpg\&\u003E\u003Cp\u003E新的日历应用当中使用了增强的动画过渡效果，可以在用户切换年、月、日视图模式时带来到明显的纵深感。在下图所示的年份滚动视图中，用户可以立刻看到今天的日期，并能够执行其他的相关操作。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Ff6aa1dfaa1fb87e1fe6a_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Ff6aa1dfaa1fb87e1fe6a_r.jpg\&\u003E当用户选择了某个月份后，年份视图会自动放大扩展，而月份视图则会从它的后面呈现出来。\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Ff6aa1dfaa1fb87e1fe6a_r.jpg\& data-actualsrc=\&https:\u002F\\u002Ff6aa1dfaa1fb87e1fe6a_b.jpg\&\u003E当用户选择了某个月份后，年份视图会自动放大扩展，而月份视图则会从它的后面呈现出来。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fb50eb4fcf9a0ebdca86e7f28_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fb50eb4fcf9a0ebdca86e7f28_r.jpg\&\u003E类似的动画效果还会发生在月份与日期的切换当中：月份视图向外扩展，呈现出日期视图\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fb50eb4fcf9a0ebdca86e7f28_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fb50eb4fcf9a0ebdca86e7f28_b.jpg\&\u003E类似的动画效果还会发生在月份与日期的切换当中：月份视图向外扩展，呈现出日期视图\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fbefdf9fc00e223e1972ee_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1070\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002Fbefdf9fc00e223e1972ee_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1070'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1070\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002Fbefdf9fc00e223e1972ee_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fbefdf9fc00e223e1972ee_b.jpg\&\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003EiOS应用解析\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E几乎所有的iOS应用都会用到一些由UIKit框架所定义的UI控件。对这些基本控件的名称、角色和作用加以了解，你将能更好的在打造界面的过程中做出正确合理的设计决策。\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fc6c942bcb97fdf07e38deba9e5cde536_b.jpg\& data-rawwidth=\&1098\& data-rawheight=\&744\& class=\&origin_image zh-lightbox-thumb\& width=\&1098\& data-original=\&https:\u002F\\u002Fc6c942bcb97fdf07e38deba9e5cde536_r.jpg\&\u003EUIKit框架提供的UI元素可以分为4大类：\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1098'%20height='744'&&\u002Fsvg&\& data-rawwidth=\&1098\& data-rawheight=\&744\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1098\& data-original=\&https:\u002F\\u002Fc6c942bcb97fdf07e38deba9e5cde536_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fc6c942bcb97fdf07e38deba9e5cde536_b.jpg\&\u003EUIKit框架提供的UI元素可以分为4大类：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E栏(Bars)\u003C\u002Fstrong\u003E：包含与上下文内容情境相关的信息，告诉用户他们在应用当中所处的位置；同时还包含相关的导航功能，或是可以由用户发起的操作。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E内容视图(Content views)\u003C\u002Fstrong\u003E：包含当前应用所特有的内容，并支持相关的交互行为，例如滚屏、插入、删除、对列表条目进行重新排序，等等。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cb\u003E控制元素(Controls)\u003C\u002Fb\u003E：产生行为或显示信息。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E临时视图(Temporary views)\u003C\u002Fstrong\u003E：临时性的向用户呈现重要信息，或提供额外的功能及选项。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E除了定义UI元素以外，UIKit框架还定义了那些可以完成诸如手势识别、绘制、辅助支持、打印支持等功能的对象。\u003C\u002Fp\u003E\u003Cp\u003E从编程的角度来讲，UI元素可以被看做是不同类型的\u003Cstrong\u003E视图\u003C\u002Fstrong\u003E(views)，因为它们都继承自UIView类。一个视图知道怎样将它自己输出到屏幕上，知道怎样捕获用户在它的范围内执行的点击行为。\u003C\u002Fp\u003E\u003Cp\u003E要在应用中管理一组或一系列具有继承关系的视图，你通常需要使用\u003Cstrong\u003E视图控制器\u003C\u002Fstrong\u003E(view controller)。视图控制器可以协调不同视图的显示方式，在用户发起行为后执行相应的功能，并且对界面切换时所需的动画过渡效果进行管理。\u003C\u002Fp\u003E\u003Cp\u003E下图展示了视图和视图控制器是怎样协同工作来呈现iOS应用界面的：\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F7d7eaaefc22ff627eb8adac_b.jpg\& data-rawwidth=\&977\& data-rawheight=\&986\& class=\&origin_image zh-lightbox-thumb\& width=\&977\& data-original=\&https:\u002F\\u002F7d7eaaefc22ff627eb8adac_r.jpg\&\u003E虽然开发者们习惯于从视图和控制器的角度来思考问题，但用户只会将应用看做是由一个个界面所组成的整体。从这个角度讲，每一“屏”都对应着应用中的一个明确的视觉状态或模式。\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='977'%20height='986'&&\u002Fsvg&\& data-rawwidth=\&977\& data-rawheight=\&986\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&977\& data-original=\&https:\u002F\\u002F7d7eaaefc22ff627eb8adac_r.jpg\& data-actualsrc=\&https:\u002F\\u002F7d7eaaefc22ff627eb8adac_b.jpg\&\u003E虽然开发者们习惯于从视图和控制器的角度来思考问题，但用户只会将应用看做是由一个个界面所组成的整体。从这个角度讲，每一“屏”都对应着应用中的一个明确的视觉状态或模式。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E注意：每个iOS应用都包含一个窗口(\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FGeneral\u002FConceptual\u002FDevpedia-CocoaApp\u002FWindow.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH6\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003Ewindow\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E)。与桌面应用中的概念有所不同，iOS中的窗口没有真正的可视部分，而且不能从屏幕上的一个地方移动到另外一个地方。多数iOS应用只有一个窗口；那些支持外接显示设备的应用会有多个窗口。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003EiOS界面设计规范当中会用到“屏(screen)”这个词，因为它能被多数用户所理解。作为开发者，你可能还会在其他不同的上下文当中读到“屏”的概念，例如被用来指代\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUIKit\u002FReference\u002FUIScreen_Class\u002FReference\u002FUIScreen.html%23\u002F\u002Fapple_ref\u002Focc\u002Fcl\u002FUIScreen\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EUIScreen\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E对象(用于访问外界显示设备)\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E启动与退出\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Ch3\u003E即刻启动\u003C\u002Fh3\u003E\u003Cp\u003E一般情况下，用户可以在一到两分钟内对一款应用做出评估。如果你能利用这段时间迅速地呈现最有用的内容，就能充分激发新用户的兴趣，并且给所有用户带来出众的体验。\u003C\u002Fp\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cstrong\u003E重要\u003C\u002Fstrong\u003E：绝不要在用户安装好你的应用之后告诉他们需要重启设备。重启需要花费时间，而且会让你的应用看起来非常难用且不可信赖。\u003C\u002Fp\u003E\u003Cp\u003E如果出于内存使用或其他方面原因，使你的应用确实只有在设备重启之后才能正常工作，那么你需要首先解决这类问题。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FiPhone\u002FConceptual\u002FiPhoneOSProgrammingGuide\u002FIntroduction\u002FIntroduction.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003EiOS应用开发指南\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E中的“高效地使用内存”。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E\u003Cstrong\u003E尽可能地避免使用无意义的启动画面(欢迎画面)或其他类似的启动体验\u003C\u002Fstrong\u003E。最好让用户在启动你的应用之后可以立刻开始使用。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Feb2befa51afa297_b.jpg\& data-rawwidth=\&602\& data-rawheight=\&1064\& class=\&origin_image zh-lightbox-thumb\& width=\&602\& data-original=\&https:\u002F\\u002Feb2befa51afa297_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='602'%20height='1064'&&\u002Fsvg&\& data-rawwidth=\&602\& data-rawheight=\&1064\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&602\& data-original=\&https:\u002F\\u002Feb2befa51afa297_r.jpg\& data-actualsrc=\&https:\u002F\\u002Feb2befa51afa297_b.jpg\&\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F9fc5c1dab7edde32daeddfc_b.jpg\& data-rawwidth=\&600\& data-rawheight=\&1062\& class=\&origin_image zh-lightbox-thumb\& width=\&600\& data-original=\&https:\u002F\\u002F9fc5c1dab7edde32daeddfc_r.jpg\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='600'%20height='1062'&&\u002Fsvg&\& data-rawwidth=\&600\& data-rawheight=\&1062\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&600\& data-original=\&https:\u002F\\u002F9fc5c1dab7edde32daeddfc_r.jpg\& data-actualsrc=\&https:\u002F\\u002F9fc5c1dab7edde32daeddfc_b.jpg\&\u003E\u003Cp\u003E推荐的模式(左图)与不推荐的模式(右图)\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E应用安装完成后，不要让用户必须进行设置才能使用\u003C\u002Fstrong\u003E。取而代之地：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E将解决方案聚焦在80%的用户需求上\u003C\u002Fstrong\u003E。这样，多数用户不需要进行任何设置就可以开始使用，因为默认参数可以确保应用能够按照这部分用户所期望的那样进行工作。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E尽可能地从其他来源获取信息\u003C\u002Fstrong\u003E。如果用户在iOS内置应用或系统设置当中输入的信息可以为你所用，那么就尽量向系统查询这些信息，不要再让用户输入一遍了。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E如果确实需要用户进行安装设置，尽量让他们在你的应用内部进行输入\u003C\u002Fstrong\u003E。然后，尽快储存这些信息(例如在应用的设置项当中)。这样，用户在享受你的应用之前就不需要被迫切换到iOS的设置当中了。如果他们将来需要修改这些信息，可以在任何时候进入应用设置当中进行操作。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cstrong\u003E尽可能晚些让用户登录\u003C\u002Fstrong\u003E。比较理想的状况是，让用户在不登录的情况下也能在应用当中尽量多的浏览内容，并使用部分功能。如果在用户上手你的产品之前就强迫他们登录，则会导致启动流程变得累赘拖沓。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E一般来说，要按照默认的屏幕定向方式启动应用\u003C\u002Fstrong\u003E。对于iPhone，竖屏是默认的定向方式，而对于iPad来说，设备当前所处的状态就是其默认定向方式。如果你的应用\u003Cstrong\u003E只能\u003C\u002Fstrong\u003E在横屏模式下运行，那么要始终以横屏状态启动，让用户在必要的时候自己调转设备的方向。\u003C\u002Fp\u003E\u003Cp\u003E最好让横屏应用能够同时支持两种模式的横屏，也就是Home按键分别在左侧和右侧的状况。如果设备当前已经处于横屏状态，那么横屏应用就应该按照当前的定向方式加载，除非你有充分的理由不这样做。在其他情况下，可以按照Home按键在右侧的方式加载横屏应用。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E可以提供一张与应用首屏看上去几乎一致的启动图片\u003C\u002Fstrong\u003E，iOS会在应用被打开的同时即刻展现这张图片，这可以让用户觉得你的应用加载起来非常快，降低对等待时间的感知，使真正的内容有相对充裕的时间可以进行加载。可以参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FLaunchImages.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH22-SW1\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E启动图片\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E了解相关的实现方法。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E如果可能，不要让用户在初次加载应用时阅读免责声明或必须对用户协议进行确认\u003C\u002Fstrong\u003E。你可以直接在App Store当中展示这些内容，使人们在下载应用之前就能有所了解；不过，虽然这种方式通常能最大限度的减少麻烦的产生，但也不是一直可行的。如果在某些情况下你必须在应用内提供这类内容，那么要确保这些内容与整体UI保持和谐统一，与产品实际的业务功能带来的用户体验达成平衡。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E在应用重启后，要恢复到用户退出时的状态，让他们可以中断的地方继续使用\u003C\u002Fstrong\u003E。不要让用户必须记住之前是通过怎样的步骤到达退出时的状态的。可以参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FiPhone\u002FConceptual\u002FiPhoneOSProgrammingGuide\u002FStatePreservation\u002FStatePreservation.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH11\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E状态的维持与重置\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E来了解相关的实现方法。\u003C\u002Fp\u003E\u003Ch3\u003E时刻准备着退出\u003C\u002Fh3\u003E\u003Cp\u003E\u003Cstrong\u003EiOS应用永远不会有用来执行关闭或退出的操作\u003C\u002Fstrong\u003E。用户退出一个应用的方式就是切换到另外一个应用、回到系统主界面，或是使设备进入睡眠模式。\u003C\u002Fp\u003E\u003Cp\u003E当人们从你的应用切换到其他地方，iOS的多任务机制就会将它转至背景当中，并使用其他应用的UI替换掉当前的。为了应对这种情况，你的应用应该具备以下能力：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E及时地、尽可能频繁地保存用户数据\u003C\u002Fstrong\u003E，因为处于背景状态的应用随时都可能被终结。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E退出时，尽可能在细节层面保存当前状态\u003C\u002Fstrong\u003E，使用户回到你的应用之后不会失去之前的上下文状态。例如，如果你的应用包含可滚动的数据列表，那么在退出时要保存当前的列表位置。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E有些应用即使处于背景状态也需要保持工作，譬如，用户会希望在查看待办事项或玩游戏时让另外一款应用继续播放音乐。可以参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FMultitasking.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH38-SW1\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E多任务\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E来了解怎样正确而优雅的处理这种情况。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E永远不要以程序化的方式自动退出iOS应用\u003C\u002Fstrong\u003E，因为用户有可能将这种情况误解为程序崩溃。如果出于某些原因，你的应用无法按照预期正常的工作，你需要告诉用户当前的状态，并让他们了解自己能够做些什么。取决于问题的严重性，你有两种选择：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E通过一个能够吸引用户注意力的界面描述当前问题，并提出执行建议\u003C\u002Fstrong\u003E。使用这样的界面作为反馈，可以让用户了解到应用本身并没有出现问题。这样还可以将主动权交还给用户，让他们决定执行矫正性的行为并继续使用应用，或是切换到其他应用。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E如果只有一部分功能不可用了，那么可以在用户用到这些功能的时候，通过一个单独的界面或是弹出提示(alert)来告诉他们当前的情况\u003C\u002Fstrong\u003E。只在用户所访问的功能确实无法工作的时候再使用弹出提示\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\u002F\u002Fbeforweb\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E布局\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E布局所关乎的远不止“界面元素在屏幕上看上去如何”这么简单。通过布局，你可以让用户知道哪些东西是最重要的，他们有哪些事情可做，内容之间具有怎样的关联。取决于设备类型及横竖屏定向方式，同一款应用的界面布局也可能会有不同的模式。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E确保交互元素具有足够大的尺寸，以便用户可以很容易的与内容和功能进行互动。\u003C\u002Fstrong\u003E可点击对象的实际点击区域尽量不小于44*44像素。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E将重要的内容和功能放在权重更高的位置上，使用户的注意力可以更好的聚焦在主要任务上\u003C\u002Fstrong\u003E。通常，将最重要的元素放在前半屏是比较好的做法，另外，对于阅读习惯是从左到右的用户来说，更贴近屏幕左侧的位置也是更容易引起关注的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E利用视觉表现形式的权重和平衡，向用户展示界面元素之间的相对重要程度\u003C\u002Fstrong\u003E。尺寸较大的元素拥有更高的权重，相比于尺寸较小的元素来说，更能吸引目光，看上去也更加重要。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E通常情况下，要防止UI元素在外观上具有不统一的表现形式\u003C\u002Fstrong\u003E。尽可能让具有相似功能的元素同时具有相似的外观。人们一旦留意到不一致的外观表现，就很容易假设这背后是有原因的，并倾向于花费时间去搞清楚这种差异究竟代表什么。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E确保界面中的主要内容在默认尺寸下可以被阅读和理解\u003C\u002Fstrong\u003E。不要让用户必须横向滚屏才能看到完整的文字内容，或是必须执行放大操作才可以看清楚内容图片\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E导航\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E人们在使用应用时，通常不会感知到导航的存在，除非导航带来的体验没有达到他们的预期。而你的工作，就是以符合产品整体架构及目标的方式打造出不会被用户察觉到的导航机制。\u003C\u002Fp\u003E\u003Cp\u003E总体上讲，导航可以分为三种类型，其中每一类都能很好的适用于一种特定类型的应用：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E树形信息结构的应用\u003C\u002Fli\u003E\u003Cli\u003E扁平化信息结构的应用\u003C\u002Fli\u003E\u003Cli\u003E由内容或体验所驱动的应用\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E某些情况下，几种不同风格的导航可以很好的整合在同一款应用当中。例如，扁平化信息结构的应用当中，某个分类里的信息也许可以很好的通过树形结构来呈现出来。\u003C\u002Fp\u003E\u003Cp\u003E无论采用哪种风格的导航，最重要的是，要确保用户在内容当中的行进路径符合逻辑、可以预知、容易跟随。用户应该始终能够了解自己在应用当中所处的位置，以及怎样行进到下一个目标位置。\u003C\u002Fp\u003E\u003Cp\u003E通过UIKit框架当中定义的一些标准UI控件，你可以很轻松的创建树形导航或扁平化结构的导航。此外，还有一些控件可以帮你创建以内容为中心的导航模式，例如很多图书风格或媒体浏览方面的应用当中所使用的那样。而那些围绕着体验来打造导航的应用，譬如游戏，通常都会使用订制化的UI元素及交互行为模式。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E通过导航栏(navigation bar)，为用户提供一种能够轻松的在树形信息结构当中前后行进的导航方式\u003C\u002Fstrong\u003E。导航栏的标题通常用来向用户展示当前界面在信息结构当中所处的位置，回退按钮可以帮助用户回到上一级结构。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FBars.html\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E导航栏\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F32c587bfa837ada5fa8d7_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&88\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F32c587bfa837ada5fa8d7_r.jpg\&\u003E通过标签栏(tab bar)展示整体内容或功能之下的若干个同级分类项\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='88'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&88\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F32c587bfa837ada5fa8d7_r.jpg\& data-actualsrc=\&https:\u002F\\u002F32c587bfa837ada5fa8d7_b.jpg\&\u003E通过标签栏(tab bar)展示整体内容或功能之下的若干个同级分类项\u003C\u002Fstrong\u003E。标签栏可以很好的支持扁平化的信息结构，因为无论用户当前处于哪个界面，都可以直接在若干类别当中进行切换。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FBars.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH12-SW52\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E标签栏\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F8cec7db3b8ff1baf93cc329_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&98\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F8cec7db3b8ff1baf93cc329_r.jpg\&\u003E通过分页控件(page control)来暗示多个条目或内容视图的存在。该控件可以有效的向用户展示内容单元的数量，以及当前所见的这一条在队列中的位置。请参考\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='98'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&98\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F8cec7db3b8ff1baf93cc329_r.jpg\& data-actualsrc=\&https:\u002F\\u002F8cec7db3b8ff1baf93cc329_b.jpg\&\u003E通过分页控件(page control)来暗示多个条目或内容视图的存在。该控件可以有效的向用户展示内容单元的数量，以及当前所见的这一条在队列中的位置。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FControls.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH15-SW6\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E分页控件\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F806f51f849b_b.jpg\& data-rawwidth=\&125\& data-rawheight=\&44\& class=\&content_image\& width=\&125\&\u003E\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='125'%20height='44'&&\u002Fsvg&\& data-rawwidth=\&125\& data-rawheight=\&44\& class=\&content_image lazy\& width=\&125\& data-actualsrc=\&https:\u002F\\u002F806f51f849b_b.jpg\&\u003E\u003Cblockquote\u003E\u003Cp\u003E\u003Cstrong\u003E注意\u003C\u002Fstrong\u003E：虽然工具栏(toolbar)在外观样式上与导航栏或标签栏很相似，但它不能用来承载导航方面的功能。要通过工具栏为用户提供那些针对当前上下文内容的功能操作。\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cp\u003E一般来讲，最好让每个界面都有唯一的入口。如果用户可以在不同的上下文当中访问到同一个界面，那么请考虑使用一种临时化的视图，例如模态视图(modal view)、动作表单(action sheet)或是警告提示(alert)。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW3\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E模态视图\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW36\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E动作表单\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E、\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW2\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E警告提示\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E，了解更多详情\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E模态情境\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E模态，一种用来承载特定内容、功能或体验的模式，有其自身的优缺点。它可以帮助用户完成某些任务，或在不受干扰的情况下获取信息，但会暂时性的强迫用户停止与应用其他部分的互动。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F456aa05b_b.jpg\& data-rawwidth=\&1430\& data-rawheight=\&893\& class=\&origin_image zh-lightbox-thumb\& width=\&1430\& data-original=\&https:\u002F\\u002F456aa05b_r.jpg\&\u003E理想情况下，用户应该能够通过非线性的方式与iOS应用进行互动，所以最好尽可能的精简应用当中的模态体验。通常，仅在这些情况下考虑创建模态情境：\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1430'%20height='893'&&\u002Fsvg&\& data-rawwidth=\&1430\& data-rawheight=\&893\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1430\& data-original=\&https:\u002F\\u002F456aa05b_r.jpg\& data-actualsrc=\&https:\u002F\\u002F456aa05b_b.jpg\&\u003E理想情况下，用户应该能够通过非线性的方式与iOS应用进行互动，所以最好尽可能的精简应用当中的模态体验。通常，仅在这些情况下考虑创建模态情境：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E非常有必要吸引用户的注意力。\u003C\u002Fli\u003E\u003Cli\u003E必须完成某些任务，或明确的放弃某项操作，否则用户数据将进入不稳定的状态。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cstrong\u003E保持模态任务的简单、简短、易聚焦\u003C\u002Fstrong\u003E。不要将模态视图打造的好像是嵌在应用当中的迷你应用。如果模态视图中的子任务过于复杂，人们很容易忘记进入模态视图之前的主任务是什么。在创建那些包含树形视图结构的模态任务时要特别小心，因为这种形式很容易使人们产生迷失感，忘记回退的步骤。如果你的模态任务当中必须包含那些需要通过不同的视图来呈现的子任务，那么一定要给用户提供单一且清晰的信息结构路径，避免产生循环。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW3\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E模态视图\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E始终提供一种明显而安全的退出方式\u003C\u002Fstrong\u003E。要确保用户在退出模态视图时，能够对接下来要发生的事情有明确的认知。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E如果主任务需要一系列层级化的模态视图，那么要确保用户知道当他们在模态视图中点击“完成”按钮后会发生什么\u003C\u002Fstrong\u003E。检查任务流程，以确定次级模态视图当中的“完成”按钮究竟是用来完成一部分任务的，还是用来完成整个模态任务的。鉴于有可能产生的困惑，尽量避免在次级模态视图中使用“完成”按钮。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E使用警告框来传递那些必不可少的重要信息，通常还要提供可执行的功能选项\u003C\u002Fstrong\u003E。警告框会中断产品的体验流程，用户必须执行一次点击才能将其关闭掉，所以一定要让用户了解到这种干扰的出现是有正当理由的。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW2\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E警告框\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E尊重用户对于是否接收通知信息所做的设定\u003C\u002Fstrong\u003E。在iOS的“设置”当中，用户会设定希望以怎样的方式接收通知。要确保你的应用能够遵守这些设定，以防用户一怒之下关闭掉所有来自你的应用的通知信息\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E交互性与反馈\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Ch3\u003E用户习惯于标准手势\u003C\u002Fh3\u003E\u003Cp\u003E人们会使用诸如点击(轻按)、拖拽、开合等手势与iOS设备及应用进行互动。手势能够在人与设备之间建立起更人性化的关联，增强用户对于直接操作(direct manipulation)的感知。通常，人们会希望所有应用当中的手势操作模式都保持一致，例如：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E通过\u003Cstrong\u003E点击(tap)\u003C\u002Fstrong\u003E来按压或选择一个对象。\u003C\u002Fli\u003E\u003Cli\u003E通过\u003Cstrong\u003E拖拽(drag)\u003C\u002Fstrong\u003E来滚屏或移动对象(将其从界面一边拖向另一边)。\u003C\u002Fli\u003E\u003Cli\u003E通过\u003Cstrong\u003E滑动(flick)\u003C\u002Fstrong\u003E来快速滚屏或移动对象。\u003C\u002Fli\u003E\u003Cli\u003E使用一个手指进行\u003Cstrong\u003E轻扫(swipe)\u003C\u002Fstrong\u003E，可以展现更多内容，例如列表视图中的删除按钮、分隔视图(iPad)中的隐藏视图，或是从界面顶端展开通知中心。另外在iPad中，可以通过四指轻扫的手势在不同应用之间进行切换。\u003C\u002Fli\u003E\u003Cli\u003E通过\u003Cstrong\u003E双击(double tap)\u003C\u002Fstrong\u003E将内容或图片放大并置于屏幕中央；如果当前内容已呈放大状态，则将其缩小至默认尺寸。\u003C\u002Fli\u003E\u003Cli\u003E通过双指\u003Cstrong\u003E张开(pinch open)\u003C\u002Fstrong\u003E或\u003Cstrong\u003E闭合(pinch close)\u003C\u002Fstrong\u003E对内容进行放大或缩小。\u003C\u002Fli\u003E\u003Cli\u003E通过\u003Cstrong\u003E长按(Touch and hold)\u003C\u002Fstrong\u003E在可编辑或可选择的文字上显示放大镜，用来定位光标。\u003C\u002Fli\u003E\u003Cli\u003E通过\u003Cstrong\u003E摇晃(shake)\u003C\u002Fstrong\u003E机身执行撤销或重做的操作。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E除了人们熟识的那些标准手势以外，iOS还定义了一些用于在系统全局层面进行操作的手势，例如展开控制中心或通知中心。无论用户当前在使用什么应用，都可以直接通过这些手势进行系统层面的操作。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E不要为标准手势赋予不同的行为\u003C\u002Fstrong\u003E。除非你的应用是游戏，否则重新定义标准手势的用途会导致用户产生迷惑，降低产品的易用性。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E不要重复创建与标准手势具有相同作用的自定义手势\u003C\u002Fstrong\u003E。人们都习惯了标准手势的行为，他们不会希望花时间学习新的手势却只能达到同样的效果。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E可以将复杂的手势作为完成任务的快捷方式，而不是唯一的方式\u003C\u002Fstrong\u003E。尽可能为用户提供简单而明显的方式来完成任务，哪怕需要额外的一两次点击。简单的手势可以让用户将注意力聚焦在内容和体验上，而不是交互过程本身。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E不要定义新的手势，除非你的应用是游戏\u003C\u002Fstrong\u003E。在游戏或是其他沉浸型应用当中，自定义手势可以成为体验乐趣的一部分。但在那些帮助人们完成重要任务的应用里，最好使用标准手势，这样人们就不需要时刻想着操作方式本身了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E对于iPad应用，要考虑使用多指手势\u003C\u002Fstrong\u003E。iPad的大屏幕带来了广阔的空间，可以更好的支持多指手势，也就是同时使用超过一根手指进行的操作。虽然相对复杂的手势操作并不适用于所有的应用，但对于那些人们会花很长时间来使用的，例如游戏或需要创建内容的应用来说，多指手势是可以增强体验的。另外一定要记住，非标准手势的可发现性是较差的，不要让这类手势成为完成任务的唯一方式。\u003C\u002Fp\u003E\u003Ch3\u003E反馈有助于理解\u003C\u002Fh3\u003E\u003Cp\u003EiOS用户习惯于接收各种反馈。这些反馈可以帮他们了解应用当前的状态，发现接下来可以做些什么，或是预计自己的操作会产生怎样的结果。UIKit框架所定义的控件和视图当中包含了很多类型的反馈。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E尽可能将状态或其他的相关反馈信息整合到UI当中\u003C\u002Fstrong\u003E。例如，邮件应用会在工具栏中显示更新状态，如下图所示。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F2ec581d6f8c253c90e0af1_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&88\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F2ec581d6f8c253c90e0af1_r.jpg\&\u003E避免不必要的警告提示\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='88'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&88\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F2ec581d6f8c253c90e0af1_r.jpg\& data-actualsrc=\&https:\u002F\\u002F2ec581d6f8c253c90e0af1_b.jpg\&\u003E避免不必要的警告提示\u003C\u002Fstrong\u003E。警告是一种强力有效的反馈形式，但它只应用于传达最重要的信息，并提供相关的后续操作选项。如果用户看惯了不包含重要信息的警告框，他们就会学会忽略这些提示了。请参考\u003Ca href=\&http:\u002F\\u002F?target=https%3A\u002F\\u002Flibrary\u002Fprerelease\u002Fios\u002Fdocumentation\u002FUserExperience\u002FConceptual\u002FMobileHIG\u002FAlerts.html%23\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002FTP-CH14-SW2\& class=\& wrap external\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E警告框\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E一节，了解更多详情。\u003C\u002Fp\u003E\u003Ch3\u003E信息输入方式要简单易行\u003C\u002Fh3\u003E\u003Cp\u003E无论是点击控件元素还是使用键盘，输入信息都需要耗费用户的时间和注意力。如果你的应用在帮助人们解决问题之前需要让他们进行太多的信息输入，他们就会感到受挫。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cb\u003E使用选择让输入更轻松\u003C\u002Fb\u003E。例如，你可以在某些地方使用列表视图或选择器(picker)来代替文本输入框，因为对于多数人来说，选择比打字更容易。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002F28fa78a2da_b.jpg\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb\& width=\&640\& data-original=\&https:\u002F\\u002F28fa78a2da_r.jpg\&\u003E在合适的情况下，从iOS获取信息\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='640'%20height='1096'&&\u002Fsvg&\& data-rawwidth=\&640\& data-rawheight=\&1096\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&640\& data-original=\&https:\u002F\\u002F28fa78a2da_r.jpg\& data-actualsrc=\&https:\u002F\\u002F28fa78a2da_b.jpg\&\u003E在合适的情况下，从iOS获取信息\u003C\u002Fstrong\u003E。人们会在设备系统中存储很多信息，不要强迫他们再次输入那些你能够在系统中获取到的信息，例如通讯录或日历信息。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E给予用户有价值的反馈，来平衡向他们索取信息的要求\u003C\u002Fstrong\u003E。让用户了解付出与回报的关系，可以使他们感受到产品的使用流程正在向前推进。\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E术语和修辞\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E应用当中所显示的任何一个词汇都是你与用户之间交流对话的一部分。要将这些对话看做是帮助人们提升舒适感的机会。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E确保你所使用的术语能够被用户理解\u003C\u002Fstrong\u003E。基于你对用户的了解，评估你希望使用的词汇和短语是否恰当。例如，对于那些相对“简单”的用户，技术术语几乎是没有用处的，但对于专门面向技术型用户所设计的应用来说，这样的词汇又是非常得当的。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E使用非正式的、友善的语气，但不要过于随便\u003C\u002Fstrong\u003E。希望避免生硬或过于正式是没错的，但也不要表现出过分的善于交际或屈尊俯就。要记得，UI当中的词汇是会被用户在一次次的使用过程中反复看到的，一些初次看去显得很聪明的说法，被反复读过之后很可能会给用户带来不快。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E像报纸编辑一样思考，留意那些多余的、非必要的词语\u003C\u002Fstrong\u003E。简短而直接的文案可以让用户理解起来更快更容易。识别出最重要的信息，简明的表达出来，并通过显要的视觉形式进行输出，这样人们就不需要从一大堆文案当中寻找他们希望找到的信息了。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E在交互控件旁边使用简短的标题或含义明确的图标，\u003C\u002Fstrong\u003E使用户能够对这些控件的用途一目了然\u003Cstrong\u003E。\u003C\u002Fstrong\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E在描述日期信息时，一定要做到精确\u003C\u002Fstrong\u003E。很多时候，使用“今天”和“明天”这样更友好的词汇来表达日期信息是比较得当的，但如果你没考虑到用户所处的地理位置，那么这样的文案很可能产生迷惑。例如，要考虑到某些事件正好在午夜前。对处于相同时区的用户来说，事件是发生在“今天”的，但对于那些位于早一个时区的用户来讲，事情则发生在“昨天”。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E在App Store中撰写优秀的产品描述文案，尽可能创造机会与潜在用户进行沟通\u003C\u002Fstrong\u003E。除了准确的描述你的应用，并突出人们可能欣赏的品质之外，还要确保：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003E更正所有的拼写、语法和标点当中的错误\u003C\u002Fstrong\u003E。虽然这类小错误不会讨扰到每个人，但确实会使产品在一部分用户心中留下负面印象。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E尽量少使用全部大写字母的词语\u003C\u002Fstrong\u003E。某些时候，全部由大写字母组成的单词可以有效的吸引用户的注意力，但当通篇都是这样的单词时，就会变得很难阅读，好像这些文字正在用户眼前叫喊一样。\u003C\u002Fli\u003E\u003Cli\u003E\u003Cstrong\u003E考虑对特定的bug修正进行描述\u003C\u002Fstrong\u003E。如果你的应用在新上线的版本当中包含用户所期待的bug修正，那么在描述当中提到这一点将是个好主意。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E动画\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Cp\u003E漂亮而精致的动画效果遍及iOS各处，它们使应用体验更具动态性，更加吸引人。精细而恰当的动画效果可以：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E传达状态。\u003C\u002Fli\u003E\u003Cli\u003E增强用户对于直接操作(direct manipulation)的感知。\u003C\u002Fli\u003E\u003Cli\u003E通过视觉化的方式向用户呈现操作结果。\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003Cp\u003E\u003Cstrong\u003E\u003Cnoscript\u003E\u003Cimg src=\&https:\u002F\\u002Fb6b8a4fe33fd_b.jpg\& data-rawwidth=\&1113\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb\& width=\&1113\& data-original=\&https:\u002F\\u002Fb6b8a4fe33fd_r.jpg\&\u003E要谨慎的使用动画效果，特别是在非沉浸型应用当中\u003C\u002Fnoscript\u003E\u003Cimg src=\&data:image\u002Fsvg+utf8,&svg%20xmlns='http:\u002F\u002Fwww.w3.org\u002FFsvg'%20width='1113'%20height='424'&&\u002Fsvg&\& data-rawwidth=\&1113\& data-rawheight=\&424\& class=\&origin_image zh-lightbox-thumb lazy\& width=\&1113\& data-original=\&https:\u002F\\u002Fb6b8a4fe33fd_r.jpg\& data-actualsrc=\&https:\u002F\\u002Fb6b8a4fe33fd_b.jpg\&\u003E要谨慎的使用动画效果，特别是在非沉浸型应用当中\u003C\u002Fstrong\u003E。对于那些聚焦于严肃目标或效率型任务的应用来说，过度的、无意义的动画效果会阻塞任务流程，降低应用性能，分散用户注意力。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E尽可能与iOS内置应用的动画模式保持一致\u003C\u002Fstrong\u003E。人们习惯于内置应用当中各种精妙的动画效果。实际上，用户往往会将内置应用当中的动效看作一种体验的标准，例如切换视图时的平滑过渡效果，切换横竖屏时的流畅反馈，或是能表现出各种物理效果的滚屏动画等等，这些都逐渐成为了人们预期当中的一部分。只有当你在设计一款沉浸型应用，譬如游戏的时候，才可以重点考虑订制化的动画效果。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E在你的应用中保持动画效果的一致性\u003C\u002Fstrong\u003E。与其他类型的订制化设计相仿，如果你要在自己的应用中使用自定义动画效果，那么要确保使用方式的一致性，这样，用户才能随着不断使用你的应用而积累认知。\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E多数情况下，要在你的自定义动画效果中力争实现仿真效果\u003C\u002Fstrong\u003E。虽然，人们往往乐于接受表现形式当中破格体现出的艺术性，但当他们体验到不符合物理规律的运动效果时，仍然会感到怪异与迷惑\u003Ca class=\& wrap external\& href=\&http:\u002F\\u002F?target=http%3A\\u002F\& target=\&_blank\& rel=\&nofollow noreferrer\&\u003E。\u003Ci class=\&icon-external\&\u003E\u003C\u002Fi\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Ch2\u003E\u003Cul\u003E\u003Cli\u003E文字排版与配色\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fh2\u003E\u003Ch3\u003E文字必须易读\u003C\u002Fh3\u003E\u003Cp\u003E最首要的是，要确保文字排版的清晰易读。如果用户根本看不清界面当中的文案，那么文字本身再漂亮也没有意义。iOS7当中的动态文字(Dynamic Type)可以实现：\u003C\u002Fp\u003E\u003Cul\u003E\u003Cli\u003E在每种字号下都能自动调整文字的粗细、字间距和行高。\u003C\u002Fli\u003E\u003Cli\u003E针对在语义上有所区别的文本模块，例如Body、Footnote或Headline1等，可以自动指定不同的文字样式风格。\u003C\u002Fli\u003E\u003Cli\u003E文字可以根据用户在动态文字及可访问性设置当中指定的字号来自动的调整。\u003C\u00