ios13.7桌面组件(iOS12人机交互指南)
ios13.7桌面组件(iOS12人机交互指南)
2024-09-30 04:22:35  作者:想妳蒙妳  网址: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等,来帮助你设计出一个强大的应用。

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

题图作者提供

  • 左下角测试你和ta的适合度(想知道你身体的那个部位最吸引ta)
  • 2024-09-30想知道你身体的那个部位最吸引ta爱情有时候就是那么的美妙,当你深爱一个人的时候,那么看到对方就会感觉到开心而如果触碰到对方身上的某个部位的话,自己也会忍不住那么你哪个部位最吸引TA呢?爱情测试1、平常出门逛街,你都会跟自己的另一半手。
  • adobe dw软件做什么
  • 2024-09-30adobe dw软件做什么adobedw软件是一个使用专业CAD绘图为基础的数控车软件,adobedw这款软件内容提供了齐全的功能,可对机械行业相关的加工打造出了一个高效处理的平台,可以有效提高设计效率,软件具有丰富的刀库与车。
  • 糖渍柑饼怎么做(怎么做糖渍柑饼)
  • 2024-09-30怎么做糖渍柑饼食材:橘子6个、白糖500g把橘子的表皮削去削皮好的橘子要泡一到两天的水,早晚要换水,主要是去涩味泡好的橘子切十字,压扁蒸半小时,蒸好后就晒半天晒完后就可以下糖了,至少用一天糖才会化水,中间得空就搅一。
  • 质量不合格的化妆品(14批次化妆品不合格)
  • 2024-09-3014批次化妆品不合格南都讯记者杨丽云实习生冯鑫宇4月20日,广东省药品监督管理局发布2020年第3期化妆品监督抽检信息的通告通告显示,14批次化妆品不合格,超六成为烫染类产品,韩妃、愈美等品牌上榜此外,索芙特一批次洗面奶。
  • 健康码怎么有个盾牌(健康码有金色盾牌)
  • 2024-09-30健康码有金色盾牌为应对新冠肺炎疫情,新冠疫苗接种工作正在全国各地有力推进“你打疫苗了吗?”“打第几针了?”……近段时间,新冠疫苗成了大家交谈的热点话题,而有人更是脑洞大开,“如果接种后健康码变成金色”相关话题引发热议。
  • 电影盲山影评(影评盲山山能盲)
  • 2024-09-30影评盲山山能盲大家好,今天我们来聊聊李杨导演的电影《盲山》《盲山》是李杨导演于2007年拍摄发行的剧情片,该影片主要讲了22岁的女大学生白雪梅,在找工作的时候被一热情大方的姑娘胡晓晓以介绍工作采草药赚大钱为名,将其。
  • 生活大爆炸最后一集大结局(生活大爆炸大结局全员泪奔)
  • 2024-09-30生活大爆炸大结局全员泪奔1905电影网讯5月17日,陪伴了观众12年的经典剧集《生活大爆炸》,最终季播出大结局在大结局中,那部从第一季开始就是坏了的电梯终于可以使用了而第一个正式使用电梯的人是佩妮,饰演佩妮的演员卡蕾·库科特。
  • 岿存岳峙读音
  • 2024-09-30岿存岳峙读音存岳峙读音是kuīcúnyuèzhì岿[kuī]汉字组词如:岿然独存,坚固独存而屹立不摇的样子,或岿然不动;岿崎,山势险峻的样子康熙字典《广韵》《集韵》丘追切《韵会》区韦切,。
  • 南京鸡鸣寺樱花又开了(南京鸡鸣寺路消息树)
  • 2024-09-30南京鸡鸣寺路消息树连日的好天气带来春天的气息,浪漫的樱花季也即将到来根据预测,今年,南京的樱花盛放期在3月中旬到4月上旬,最佳观赏期15到20天盛花期总体偏迟但与去年相比,仍是比较早的近日,南京鸡鸣寺路上的一棵“消息树。
  • 拯救犹太儿童的英国人 拯救了六百多名犹太儿童
  • 2024-09-30拯救犹太儿童的英国人 拯救了六百多名犹太儿童1994年美国奥斯卡金奖的获奖电影《辛德勒名单》,一直到现在都是一部优秀的经典影片片中的原型是德国人辛德勒,他在二战期间拯救了二千多名犹太人而被世人所赞誉而在英国,也有一个人,他凭着自己的力量,拯救了。
  • 滨州车辆违章处理地点(重点物资运输车辆电子)
  • 2024-09-30重点物资运输车辆电子按照省市疫情防控要求,为方便广大运输业户办理《新冠肺炎疫情防控重点物资运输车辆通行证》,滨州市公安局交警支队开通网上办理“通行证”,助力复工复产4月1日起,本市运输企、本市物资需求企业可以通过“山东交。
  • 地震消防安全指南(消防科普地震来了该怎么办)
  • 2024-09-30消防科普地震来了该怎么办地震是大自然中最可怕的灾害之一不仅防御难度大破坏性及危害也是极大的!严重威胁了社会和人类的生命财产安全消防部门分享了一份地震逃生小知识~希望大家牢记,遇到地震灾害时非常有用喔!↓↓↓,。