童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

iOS12人机交互指南(一):主题与基本界面元素

11月27日 寒霜坞投稿
  要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指南,一起来看看
  主题(Themes)
  1。iOS设计主题
  作为一个app设计师(其实我是一只产品狗),其实便意味着你将有机会去设计发布一款能够位于AppStore排行榜之首的惊世骇俗之产品。而为了达到这个高度,你的产品在质量和功能上的高标准表现是必不可少的。(我理解的原文中appdesigner其实正是产品狗一职而非传统意义上的UI设计师,正所谓成也萧何败也萧何,固此文别称《产品狗的iOS指南》也不枉为过)。
  iOS平台不同于其它平台的三大基本原则:
  清晰(Clarity):纵观整个iOS系统,清晰意味着,每种尺寸下的文本都应该是易读的,所有图标都应该是精确易懂的,每一个装饰都应该是精心恰当的,而且应该本着功能驱动设计的原则。利用留白,颜色,字体,图像以及其它界面元素来共同巧妙的突出重点内容且表达其不同的可交互性。
  遵从(Deference):干净美观的界面和清晰流畅的动态效果有助于用户去理解界面内容并与之进行交互,从而避免给用户带来干扰。而如果当前的内容占据了整个屏幕时,可以利用半透明以及模糊处理等方式来暗示用户其更多内容的存在。尽可能少的使用边框,渐变以及阴影可以让界面更轻,从而突出更多的内容。
  深度(Depth):鲜明的视觉层级以及生动的动态效果可以对界面有更深层次的表达,赋予了界面活力也更有助于用户去理解。易于发现且易于触发的界面元素能够提升用户的体验愉悦感,而用户在成功触发相应功能或获得更多内容的同时,也掌握了当前所在位置的由始至终(可以理解为PC端的面包屑)。因此当用户在浏览内容的同时,流畅的过渡其实便体现出了一种纵深感。
  2。设计原则
  为了最大化产品的影响力及达到以上目标,以下的原则更是需要你在产品定义及设计时牢记于心的:
  (1)美学完整性(AestheticIntegrity)
  美学完整性代表了一款应用的视觉表现和交互行为与其功能整合的优良程度。例如:如果一款应用的目的是帮助用户去完成一项非常重要的任务,那么我们就应该使用不易察觉且不会太引人注目的图形,或使用一些标准化的控件以及可预知的交互行为来保持用户的专注性。
  反而言之,对于一款沉浸式体验应用(如游戏),我们就需要利用更加吸引人的视觉表现,去鼓励用户深入探索的同时为其带来无穷的乐趣和刺激。
  (2)一致性(Consistency)
  一致性代表了一款应用需要贯彻相同标准和规范的原则,使用系统提供的界面元素,风格统一的图标,标准的字体样式以及一致的措辞。同时应用所包含的特征和交互行为,应该是符合用户心理预期的。
  (3)直接操作性(DirectManipulation)
  直接对屏幕上的对象(而非通过一堆控件)进行交互,有助于用户理解从而提升用户的参与度。这里的直接操作指的是包括旋转屏幕或手势控制等操作,通过此类交互用户的交互行为能够得到及时可视的反馈。
  (4)反馈性(Feedback)
  反馈可以认证交互行为,呈现结果,通知用户。iOS系统自带的应该对用户的每个行为都提供了明确的反馈,如:可交互的元素被点击时的临时高亮,进度指示器(进度条、缓冲条等)显示任务需要进展的时间及当前的进度,声音和动态效果则更是加强了对行为结果的提示。
  (5)隐喻性(Metaphors)
  当一款应用的虚拟对象和交互行为能够与用户所熟悉的体验相似时(无论这种体验是来源于现实生活亦或是数字世界),用户就更够更快的学会使用这款应用。
  隐喻能够在iOS中起到作用的原因是用户可以与屏幕进行物理上的交互,如:用户可以通过将视图引出屏幕来显示下方的内容,通过拖拽(drag)、滑动(swipe)对象、拨动(toggle)开关、移动(move)滑块、滚动(scroll)选择器,甚至通过轻扫(flick)来翻阅书籍和杂志。
  (4)用户控制性(UserControl)
  在iOS内部,应该是用户(而非应用)在控制。应用可以对一系列的用户行为提供建议,或对可能造成的严重后果的行为发出警告,但绝不应该替用户做决定。而好的应用,会在用户主导和避免不想要的结果中找到平衡。
  为了让用户感觉到是他们在控制应用,应该使用用户熟悉且可预知的交互元素,让用户二次确定其有破坏性的行为,并且允许即使在运行中的操作也能够被轻易取消。
  基本界面元素(InterfaceEssentials)
  大部分的iOS应用使用UIKit中的部件来定义一个基本的界面元素框架,而这个框架不仅让各个应用在保持视觉上的一致的同时,也给予了其高度化的个性定制空间。
  UIKit部件是灵活的、常见的,可配置性极高的,它能够支持你去设计一个能够在任何iOS设备中都表现出高水准的应用,而且能够使其随着系统发布新版本的同时而自动更新。
  以下便是UIKit中三大基本界面元素:
  (1)栏(Bars)
  栏可以告知用户其当前所在应用中的具体位置,提供导航,还有可能包含按钮或其他可以用来触发功能或交流的元素。
  (2)视图(Views)
  视图包含了用户所最关注的内容,如文本,动画及一些交互元素。而视图更是支持滚动,插入,删除及排列等行为方式。
  (3)控件(Controls)
  控件用于触发功能及传递信息,像按钮、开关、输入框、进度条等便是极典型的控件。
  为了进一步的定义iOS界面,UIKit定义了你的应用所能用到的功能。通过这个框架,你的应用可以对触屏上的手势操作做出响应,还可以包含一些,例如:绘画、辅助、打印等功能。
  UIKit同其它部件框架一样紧密相连,如:ApplePay、HealthKit、ResearchKit等,来帮助你设计出一个强大的应用。
投诉 评论 转载

iOS12人机交互指南(五):视觉设计(VisualDesi要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指……交互设计师爬坑指南:一文搞定复杂单品模块设计随着促销活动日益增多,相继对应的促销手段也逐渐变的丰富起来。拼购、秒杀、预售、好友助力砍价相继的诞生,让普普通通的单品模块,呈现在用户面前也不再那么“单纯”了。而这些单品模块在……交互不止眼前的线框图,还有诗和远方的体验本文没有太多的实操的方法技能介绍,只是一些笔者基于工作再加之读《交互设计沉思录》后的一些启发性感想和思考。从学生时代学习交互设计设计到现在工作,再加上和其他朋友的交流,大……设计趋势探讨孟菲斯设计风格的发展与沿革,玩转设计探索孟菲斯风格的演变,试试这些超酷的方法把曼菲斯风格运用到您的设计中。设计要跟得上流行又现代的风格并不是那么简单。流行来来去去,常常起死回生,就像僵尸一样。这次(再次)风……iOS12人机交互指南(四):系统功能(SystemCapa要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指……Banner的不同样式类型分析最近我在设计App中Banner排版样式的时候总是在纠结怎么用来用去就那几个样式,到底还有没有其它样式呢?那么问题又来了不同场景类型对应哪种样式更好呢?下面我就以上这些疑……iOS12人机交互指南(一):主题与基本界面元素要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指……如何利用网格系统科学地打造APP界面?本文将从网格系统的基本概念介绍出发,逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的坑。在视觉设计师设计一款APP的时候,最先要制定一套完……iOS12人机交互指南(三):交互(UserInteract要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指……打造更便捷的UI色彩系统,美版“滴滴”Lyft是如何做到的色彩是我们感知世界的一扇窗户。在UI设计中,这更是真理。人对色彩的视觉感知,引导着人的思维,改变着大脑的预测、理解和决策过程。这么说或许有点深奥。其实,从小开始,你就在潜……视觉层次结构的4大武器如何更好的建立视觉层次结构?有没有更好的办法?今天和大家分享一些通用基本方法为什么要学习它视觉层次能给产品带来良好的视觉享受,用户能够很清晰的知道内容的关键点和需要……iOS12人机交互指南(二):App架构(Accessibi要想发布一款能够位于AppStore排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是iOS12界面交互设计指……
建立网站数据浏览量是促进网站排名与产品业绩挂钩的重要手段网站建设中交互设计主要体现在哪里?介绍交互设计注意事项企业网站建站时选择pc端建站还是手机端建站?推荐pcm端都建良好的网站布局不仅能给用户全新的体验感,还对搜索引擎优化更友推荐大型企业制作自适应网站好处,但是也不排除自适应网站缺点只要对网站建站有清晰的认知度,才有可能避免建站误区摄影行业网站制作需要考虑什么功能设计?介绍摄影类型网站制作核PHP网站开发可以根据自身产品需求来确定缩短网站建设周期与成本的主要环节你了解吗?一份具有营销力的网站建设规划方案详细说明网站空间费用如何计算?哪些因素会影响网站空间费用的成本?【免费网站建设教程】手把手教你搭建免费网站制作流程

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界