返回
ios13.7桌面组件（iOS12人机交互指南）
ios13.7桌面组件（iOS12人机交互指南）
2024-11-05 05:28:42  作者:想妳蒙妳  网址:https://m.xinb2b.cn/tech/jyn520921.html

要想发布一款能够位于App Store排行榜之首的产品，产品在质量和功能上的高标准表现是必不可少的，而为了达到这种高度，我们应该如何做呢？本文主要讲述的是 iOS 12 界面交互设计指南，一起来看看~


主题（Themes）1. iOS设计主题

作为一个app设计师（其实我是一只产品狗），其实便意味着你将有机会去设计发布一款能够位于App Store排行榜之首的惊世骇俗之产品。而为了达到这个高度，你的产品在质量和功能上的高标准表现是必不可少的。（我理解的原文中app designer其实正是产品狗一职而非传统意义上的UI设计师，正所谓成也萧何败也萧何，固此文别称《产品狗的iOS指南》也不枉为过）。

iOS平台不同于其它平台的三大基本原则：

清晰（Clarity）：纵观整个iOS系统，清晰意味着，每种尺寸下的文本都应该是易读的，所有图标都应该是精确易懂的，每一个装饰都应该是精心恰当的，而且应该本着功能驱动设计的原则。利用留白，颜色，字体，图像以及其它界面元素来共同巧妙的突出重点内容且表达其不同的可交互性。遵从（Deference）：干净美观的界面和清晰流畅的动态效果有助于用户去理解界面内容并与之进行交互，从而避免给用户带来干扰。而如果当前的内容占据了整个屏幕时，可以利用半透明以及模糊处理等方式来暗示用户其更多内容的存在。尽可能少的使用边框，渐变以及阴影可以让界面更轻，从而突出更多的内容。深度（Depth）：鲜明的视觉层级以及生动的动态效果可以对界面有更深层次的表达，赋予了界面活力也更有助于用户去理解。易于发现且易于触发的界面元素能够提升用户的体验愉悦感，而用户在成功触发相应功能或获得更多内容的同时，也掌握了当前所在位置的由始至终（可以理解为PC端的面包屑）。因此当用户在浏览内容的同时，流畅的过渡其实便体现出了一种纵深感。

2. 设计原则

为了最大化产品的影响力及达到以上目标，以下的原则更是需要你在产品定义及设计时牢记于心的：

（1）美学完整性（Aesthetic Integrity）

美学完整性代表了一款应用的视觉表现和交互行为与其功能整合的优良程度。例如：如果一款应用的目的是帮助用户去完成一项非常重要的任务，那么我们就应该使用不易察觉且不会太引人注目的图形，或使用一些标准化的控件以及可预知的交互行为来保持用户的专注性。

反而言之，对于一款沉浸式体验应用（如游戏），我们就需要利用更加吸引人的视觉表现，去鼓励用户深入探索的同时为其带来无穷的乐趣和刺激。

（2）一致性（Consistency）

一致性代表了一款应用需要贯彻相同标准和规范的原则，使用系统提供的界面元素，风格统一的图标，标准的字体样式以及一致的措辞。同时应用所包含的特征和交互行为，应该是符合用户心理预期的。

（3）直接操作性（Direct Manipulation）

直接对屏幕上的对象（而非通过一堆控件）进行交互，有助于用户理解从而提升用户的参与度。这里的直接操作指的是包括旋转屏幕或手势控制等操作，通过此类交互用户的交互行为能够得到及时可视的反馈。

（4）反馈性（Feedback）

反馈可以认证交互行为，呈现结果，通知用户。iOS系统自带的应该对用户的每个行为都提供了明确的反馈，如：可交互的元素被点击时的临时高亮，进度指示器（进度条、缓冲条等）显示任务需要进展的时间及当前的进度，声音和动态效果则更是加强了对行为结果的提示。

（5）隐喻性（Metaphors）

当一款应用的虚拟对象和交互行为能够与用户所熟悉的体验相似时（无论这种体验是来源于现实生活亦或是数字世界），用户就更够更快的学会使用这款应用。

隐喻能够在iOS中起到作用的原因是用户可以与屏幕进行物理上的交互，如：用户可以通过将视图引出屏幕来显示下方的内容，通过拖拽（drag）、滑动（swipe）对象、拨动（toggle）开关、移动（move）滑块、滚动（scroll）选择器，甚至通过轻扫（flick）来翻阅书籍和杂志。

（4）用户控制性（User Control）

在iOS内部，应该是用户（而非应用）在控制。应用可以对一系列的用户行为提供建议，或对可能造成的严重后果的行为发出警告，但绝不应该替用户做决定。而好的应用，会在用户主导和避免不想要的结果中找到平衡。

为了让用户感觉到是他们在控制应用，应该使用用户熟悉且可预知的交互元素，让用户二次确定其有破坏性的行为，并且允许即使在运行中的操作也能够被轻易取消。

基本界面元素（Interface Essentials）

大部分的iOS应用使用UIKit中的部件来定义一个基本的界面元素框架，而这个框架不仅让各个应用在保持视觉上的一致的同时，也给予了其高度化的个性定制空间。

UIKit部件是灵活的、常见的，可配置性极高的，它能够支持你去设计一个能够在任何iOS设备中都表现出高水准的应用，而且能够使其随着系统发布新版本的同时而自动更新。

以下便是UIKit中三大基本界面元素：

（1）栏（Bars）

栏可以告知用户其当前所在应用中的具体位置，提供导航，还有可能包含按钮或其他可以用来触发功能或交流的元素。

（2）视图（Views）

视图包含了用户所最关注的内容，如文本，动画及一些交互元素。而视图更是支持滚动，插入，删除及排列等行为方式。

（3）控件（Controls）

控件用于触发功能及传递信息，像按钮、开关、输入框、进度条等便是极典型的控件。

为了进一步的定义iOS界面，UIKit定义了你的应用所能用到的功能。通过这个框架，你的应用可以对触屏上的手势操作做出响应，还可以包含一些，例如：绘画、辅助、打印等功能。

UIKit同其它部件框架一样紧密相连，如：Apple Pay、HealthKit、ResearchKit等，来帮助你设计出一个强大的应用。

本文由 @沸腾 翻译发布于人人都是产品经理。未经许可，禁止转载

题图作者提供

  • 史上最值得读的书目录（寒假推荐书目之清嘉录）
  • 2024-11-05寒假推荐书目之清嘉录《清嘉录》，一部曾在日本广获赞誉的岁时读物，知堂随笔中念念不忘、反复称引民俗志的典范文本，与《荆楚岁时记》并称双璧全书精译周作人称：《清嘉录》十二卷这恐怕是顾氏最重大的业绩了罢我们对于岁时土俗为什么很。
  • 厦门闽南大剧院地址（厦门百年戏院修缮）
  • 2024-11-05厦门百年戏院修缮(八闽千姿)厦门百年戏院修缮“复出”成新打卡地中新社厦门10月12日电(记者杨伏山)创办于近百年前、前身为“思明戏院”的厦门思明电影院，新近修缮后“复出”，成为厦门老街思明北路上“最靓的仔”思明电影院。
  • 广西柳州在建桥梁被洪水冲走（广西洪水凶猛冲塌施工便桥）
  • 2024-11-05广西洪水凶猛冲塌施工便桥近日，强降雨从北部入侵广西，引发洪涝灾情，5市23县（市、区）受灾！全州县城出现内涝记者6月10日下午从自治区应急管理厅获悉：受高空槽和暖湿气流共同影响，6月4日起广西局部地区的强降雨，造成河池市金城。
  • 文章演过的电视剧
  • 2024-11-05文章演过的电视剧《拯救少年犯》饰演曹小磊18到20集部分的主演（那时候的文章还不满18岁）　　《你在微笑我却哭了》饰陈尘合作演员：高圆圆　张志忠　左翎　　《锦衣卫》饰朱由校　　《与青春有关的日子》饰卓越　　《奋斗》饰。
  • 墙面潮湿起皮脱落怎么处理（墙面潮湿怎么处理）
  • 2024-11-05墙面潮湿怎么处理墙面装修需要注意其是否出现潮湿情况，墙面潮湿怎么处理？今日就由PChouse为你一一解答1、利用除湿剂房间潮湿，可以使用干燥剂、活性碳，进行防潮，吸湿超市里有不少专用于防潮除湿的干燥剂，最常见的是吸湿。
  • 丹田之气和元气（左右情绪的战场）
  • 2024-11-05左右情绪的战场♪请点上方绿标可收听朗读音频现代科学发展可以通过仪器看到多少光年以外的星体人类却对自己知之甚少题记我们不了解烦恼的来源、情绪的来去，其实情绪的发源地就在我们胸口正中深度约两三寸的那一点，这就是“中丹田。
  • 小桂子鳌拜张一山（鳌拜家写成鳌府）
  • 2024-11-05鳌拜家写成鳌府鳌拜家写成鳌府，张一山演韦小宝像猴子，难怪豆瓣评分只有2.5文/一床情书如坐针毡！如芒刺背！如鲠在喉！对，说的就是张一山主演的新版《鹿鼎记》继《余罪》逆袭后，张一山几乎跟90后演技扛把子划上了等号，《。
  • 翁美玲身高有多少（翁美玲不算最红）
  • 2024-11-05翁美玲不算最红最能造星的作家IP，除了捧红了“宇宙级”赵薇的琼瑶奶奶，恐怕要数年已近百的金庸爷爷了，说他捧红了半个娱乐圈也不为过可能对于很多演员来说，没演过金庸剧都不好意思说自己为一线演员那么，金庸都捧红了哪些明星。
  • 女人要懂得回复男人的表白（女人常和你说这4句话）
  • 2024-11-05女人常和你说这4句话导语：人生在世最有意思的事情就是很多时候我们会假戏里动了真了真情，或是将真话藏在玩笑话里说出来假作真时真亦假，无为有处有还无，真真假假没人能真正看懂女人常和你说这4句话，包含表白！男人可别错过了一、帮。