ios13.7桌面组件(iOS12人机交互指南)
ios13.7桌面组件(iOS12人机交互指南)
2024-11-06 06:25:59  作者:想妳蒙妳  网址:https://m.xinb2b.cn/sport/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-06舌尖上的极致享受澳洲设拉子,品质超群,作为澳洲最重要的红葡萄酒种类,设拉子得益于澳洲相对温暖的天气,充分“释放天性”,进而造就饱满酒体,成熟的黑色果味与香甜气息随着年份的增加越来越柔和,并发展出令人魂牵梦绕的皮革与香。
  • 建立夏朝的大禹(夏朝的建立天下大雨)
  • 2024-11-06夏朝的建立天下大雨(作者:赵辉)夏王朝做为中国第一个世袭制王朝,华夏民族的文化来源,探寻夏文化的起源是中华民族必须要完成的使命人类文化与人类文明的形成与发展,自有其自身的客观规律;任何民族的文化与文明的形成都有一个长期。
  • 全国四条350时速高铁(这5条时速350公里高铁)
  • 2024-11-06这5条时速350公里高铁2022年的二季度,将迎来高铁开工建设的小高铁多条高铁,经过前期漫长的准备,将在二季度迎来重要的时刻,即将全面开工,建设的速度,将进一步地加快在全国铁路建设收紧,审核更加严格的情况下,这几条高铁还能顺。
  • 关于眼镜的网络营销(每逢年底骗子多)
  • 2024-11-06每逢年底骗子多半岛记者王悦近日,光线影业副总裁刘同在微博发文称,一个假冒光线高管签约《姜子牙》份额转让的诈骗小团伙在公司楼下被警察带走从刘同的微博文中,能看出骗子的整个套路而骗子是真正的0成本诈骗团队,这波骗子谈了。
  • 带鹰字的古诗(每日好诗鹰)
  • 2024-11-06每日好诗鹰关注中国诗歌网,让诗歌点亮生活!征集帖☞☞《鹰》下期征集☞☞300元稿酬征集评论|《父亲》鹰沙马鹰的召唤来自孤寂而尖锐的悬崖危险之美是险峰的姿态每一块岩石里都流淌着太阳的血都留下闪电的伤痕,都有着秘而。
  • 为什么无法保存打印机共享设置 打印机共享报错
  • 2024-11-06为什么无法保存打印机共享设置 打印机共享报错办公室中,当自己的电脑链接了一台打印机,就可以随心所欲的打印想要的东西了,但是好东西要和大家分享是不是,其他小伙伴们要打印的话该怎么办呢?此时,一个高大上的方法就出现了---共享虽然共享是一个微软提供。
  • 地租的类型有哪些(关于地租的类型有哪些)
  • 2024-11-06关于地租的类型有哪些绝对地租是土地价格存在的根源绝对地租是土地所有者凭借土地所有权的垄断所取得的收益无论土地质量是优是劣,土地所有者在转移其土地所有权时,必然会要求取得土地所有权的一方给予相应的经济补偿,而这种补偿的形式。
  • 6种韭菜配什么菜炒好吃(韭菜和它是绝配)
  • 2024-11-06韭菜和它是绝配到了冬季,很多人只知道火锅和热腾腾的鲜汤,其实生活中还有许多热菜,今天分享一道农村人都爱吃的下饭菜——韭菜炒蚬子肉,比猪肉要便宜,营养也高于牛肉,搭配韭菜一起吃,实在太香了冬季,孩子要多吃此菜,简单炒。