
编者按:让人胀动得手哆嗦的苹果官方人机指南中文版来了!腾讯ISUX扫数团队的血汗译作,整篇近2万字,10月21号刚宣布,此日就出稿了,况且质料奇高,用词正确,语句晓畅。看再众零碎的计划手法,都不如直接看官方计划指南有用。动作UI计划师的必读教科书,这篇切切要保藏!
遵命(Deference):UI该当有助于用户更好地分析实质并与之交互,而且不会聚集用户对实质自身的属意力。
显露(Clarity):种种尺寸的文字显露易读;图标该当正确精通,去除众余的妆扮,了得要点,以效力驱动计划。
深度(Depth):视觉的目标感和活泼的交互动画会给予UI新的生机,有助于用户更好地分析并让用户正在行使流程中感觉愉悦。
无论你是从新计划现有的行使,照样从新开辟一个新行使,请基于下列本领举办计划商讨:
然后,行使iOS的要旨来界说UI并举办用户体验计划。完整细节计划,以及合意合理的妆扮。
结尾,担保你计划的UI能够适配种种筑筑和种种操作形式,使得用户正在区别场景下都能够享福你的行使。
正在扫数计划流程中,时候盘算着颠覆先例,质疑种种假设,并以实质和效力视为要点来驱动每个细节的计划。
纵然新鲜漂后的UI和畅通的动态成果都是iOS体验的亮点,但实质永远是iOS的重点。
填塞行使扫数屏幕。体系气候行使是这个本领的绝佳典范:用美丽的全屏气候图片显现现正在的气候,直观地向用户通报了最主要的新闻,同时也留出空间显现了每个时段的气候数据。
从新商讨(尽量削减)拟物化计划的行使。遮罩、渐变和暗影有时会让UI元素显得很厚重,导致影响到了对实质的眷注。相反,该当以实质为重点,让用户界面成为实质的维持。
用半透后UI元素样式来表示背后的实质。半透后的控件元素(比方局限中央)能够供应了上下文的行使场景,助助用户看到更众可用的实质,并能够起到短暂的提示效力。正在iOS中,半透后的控件元素只让它遮阻住的地方变得吞吐——看上去像蒙着一层米纸——它并没有遮挡屏幕糟粕的个别。
确保你的行使永远是以实质为重点的另一个本领是担保显露度。这里有几种本领能够让最主要的实质和效力显露可睹,且易于交互。
行使大宗留白。留白能够使主要的实质和效力加倍精通、更易分析。留白还能够转达一种静谧和安乐的心绪感觉,它能够使一个行使看起来加倍聚焦和高效。
让颜色简化UI。行使一个要旨色——比方Notes顶用了黄色——高亮了主要区块的新闻并奥妙地用样式表示可交互性。同时,也让行使有了相同的视觉要旨。内置的行使行使了同系列的体系颜色,云云一来,无论正在深色或淡色配景上看起来都很整洁,纯粹。
通过行使体系字体确保易读性。iOS的体系字体(San Francisco)行使动态类型(Dynamic Type)来主动调动字间距和行间距,使文本正在任何尺寸巨细下都显露易读。无论你是行使体系字体照样自界说字体,必定要采用动态类型,云云一来当用户挑选区别字体尺寸时,你的行使才具够实时做出呼应。
行使盛大框的按钮。默认状况下,全部的栏(bar)上的按钮都是盛大框的。正在实质区域,通过文案、颜色以及操作指引题目来评释该盛大框按钮的可交互性。当它被激活时,按钮能够显示较窄的边框或淡色配景动作操作呼应。
iOS往往正在区别的视图层级上闪现实质,用以外达目标构造和处所,云云能够助助用户领悟屏幕上对象之间的相干。
关于援助3D触控的筑筑,轻压(Peek)、重压(Pop),以及赶紧操作(Quick Actions)能让用户正在不分开今朝界面的景色下预览其他主要实质。
简直全部的iOS行使都行使了UIKit framework中界说的组件。领悟这些基础组件的名称、效力和效力能够助助你正在行使的界面计划流程中做出更好的计划。
栏(Bars):蕴涵了上下文新闻来指援用户他们所正在的处所,以及控件来助助用户导航或实施操作。
实质视图(Content Views):蕴涵了行使的全体实质以及某些操作举止,比方滚动、插入、删除、排序等等。
暂且视图(Temporary Views):短暂崭露予以用户主要新闻或供应更众的挑选和效力。
UIKit除了界说UI组件元素,还界说对象何如达成效力,比方手势识别、画图、辅助效力和打印援助。
从编程的角度来看,UI组件元素本来是视图的子类,由于它们承受了UIView。视图能绘制屏幕实质并领略用户何时正在其局限内触屏。视图的全部类型有:控件(比方按钮和滑块)、实质视图(比方纠合视图和外格视图),以及暂且视图(如警戒提示和作为菜单)。
要正在行使中处置一组或者一系列的视图,凡是须要行使视图局限器。它能和谐视图的实质显示,达成与用户交互的效力并能正在区别屏幕实质之间切换。比方,“设立”行使了一个导航局限器来浮现其视图层级。
这里有一个闭于视图与视图局限器何如集合并显现iOS行使的UI的例子,如图。
纵然开辟者以为真正起到效力的是视图和视图局限器,但寻常用户感知到的iOS行使是区别屏幕实质的纠合。从这个角度来看,正在行使里,屏幕实质寻常对应于一个特有的视觉状况或者形式。
注:一个iOS行使次序蕴涵一个窗口。然而,区别于估计打算机次序中的窗口,iOS窗口没有可睹的个别而且不行正在屏幕上被挪动到另一个处所。许众iOS行使次序唯有一个窗口;能够援助外部显示筑筑器的行使次序能够有不止一个窗口。
正在iOS Human Interface Guidelines中,屏幕(screen)这个词和大个别用户分析的一律。动作一个开辟者,你也许须要阅读一下其他与UIscreen闭联的章节,云云你能够更好的领悟何如联系外部屏幕。
人们凡是祈望正在他们全部的筑筑和众种情境中行使己方嗜好的行使次序,比方正在区别的筑筑对象上和iPad的分屏状况下。尺寸种别( Size classes)和主动组织(Auto Layout)能够通过界说屏幕的组织、视图局限器和视图正在处境转化光阴该当何如适当来助助你达成这个希望。(显示处境[display environment]的观念指的是筑筑的扫数屏幕或者此中一个别,比方弹出框的区域或者iPad分屏视图中此中一侧的区域。)
iOS正在特搜集合(trait collection)的界说中蕴涵了显示处境的观念,特搜集合囊括了尺寸种别(size class),显示比例(display scale)和用户界面讲话(user interface idiom)。你能够行使一个特搜集合让你的视图和视图局限器呼应显示处境的转化。
iOS界说了两个尺寸种别(size class),通例的(regular)和压缩的(compact)。通例尺寸与拓展的空间严密闭联,压缩尺寸与管束的空间闭联。念要界说一种显示处境,你须要界说一种横屏尺寸种别,与一种竖屏尺寸种别。如你所念,一个iOS筑筑正在竖屏形式能够行使一套种别,而横屏形式下能够行使另一套种别。
iOS能跟着尺寸种别和显示处境转化而主动天生区别组织。举个例子,当笔直尺寸从压缩变为通例时,导航栏和东西栏会主动变高。
当你靠尺寸种别来驱动组织转化时,你的行使正在任何显示处境时都能显示得很好。闭于何如正在Interface Builder中更好的行使尺寸种别,你能够查阅Size Classes Design Help.
下面的实例能够助助你情景闪现尺寸类型何如适配区别筑筑的显示处境。比方:iPad(搜罗iPad Pro)正在长宽和横屏竖屏时都行使通例尺寸类型。换句话说,iPad显示处境向来处于笔直和水准的通例状况。
注:及格的iPad型号援助众工作,你的行使也许须要与其他行使共享统一个屏幕。确保行使Auto Layout,云云你能够正在用户行使众工作效力时呼应他,比方 分屏形式(Split View)和众工作分屏形式(Slide Over)。
当你行使自适当来开辟UI时,你能够担保UI陪同显示处境转化而合意地呼应。依照这些指南,你能够给用户精良的筑筑呼应体验。
正在全部处境下都维系对主体实质的用心。这是最高优先级。人们行使行使时,浏览感兴味的实质并与之爆发互动。跟着处境转化变化用心点会让用户感受到丢失对象,让他们感受对行使失落局限。
避免组织上不须要的转化。正在全部处境中维系相同的行使体验,能让人们正在回旋筑筑或正在区别筑筑上运转你的行使时保持安静的行使形式。比方,倘若你正在水准的通例形式下行使了网格来显示图像,那么无需正在压缩形式下行使列外来浮现同样的实质 ,固然你也许调动了网格的尺寸。
倘若你的行使只正在一个对象上运转,那么请直接一点。人们祈望正在种种握持方法下都能够行使你的行使,能满意这个等候是最好的。然而,倘若你的行使只正在一个对象下运转,那么你应该属意:
避免崭露提示人们回旋筑筑的闭联UI元素。让行使正在援助的对象下显露地运转,倘若须要用户回旋筑筑,不要给UI增添不须要的繁芜。
援助统一个对象上的转化。比方,倘若一个行使只可横屏运转,用户无论用左手或是右手握持时都能触及到home键。倘若用户正在行使行使时180度回旋筑筑,那最好行使实质也能实时呼应并回旋180度。
倘若你的行使将筑筑对象翻转视为用户输入(的一种指令),那么就服从次序设定的方法来呼应筑筑翻转。举个例子,一个逛戏让用户行使筑筑翻转来挪动逛戏中的部件,那么这个逛戏行使自身(的UI)不行对翻转屏幕出现呼应。正在这种状况下,你务必联系两个须要转化的对象,而且应承人们正在这两个对象切换直到他们入手下手(领悟并实施)行使的主体工作。一朝人们入手下手实施紧要工作,那就入手下手按次序设定的那样来呼应筑筑的作为。
组织蕴涵的不光仅是一个行使屏幕上的UI元素外观。你的组织,该当告诉用户什么是最主要的,他们的挑选是什么,以及事物是何如联系起来的。
夸大主要实质或效力,让用户容易荟萃属意正在紧要工作上。有几个斗劲好的举措是正在屏幕上半个别安顿紧要实质——从命从左到右的民风——从接近左侧的屏幕入手下手:
行使区别的视觉化重量和均衡来告诉用户今朝屏显元素的主次相干。大型控件吸引眼球,比小的控件更容易正在崭露时被属意到。况且大型控件也更容易被用户点击,这让它们正在行使中更加有效——就像电话和时钟(上面的按钮)那样——能让用户往往正在容易分神的处境下照旧维系平常行使。
行使对齐来让阅读更舒缓,让分组和目标之间更有纪律。对齐让行使看起来整洁而有序,也让用户正在滑动整屏实质时更容易定位和用心于主要新闻。区别新闻组的缩进与对齐让它们之间的联系更显露,也让用户更容易找到某个控件。
确保用户正在实质处于默认尺寸时便可明确知道它的紧要实质与寄义。比方,用户应该无需水准滚动就能看到主要的文本,或不消放大就能够看到主体图像。
盘算好变化字体巨细。用户盼望大大都行使都能够呼应他们正在iOS的设立中设定的字体巨细。为了适当少少文本巨细的转化,你也许须要调动组织;念要取得更众文本显示闭联的新闻,请查阅下文“颜色与字体”中闭联的实质。
尽量避免UI上不相同的外示。正在寻常状况下,有着一致效力的控件看起来也该当好像。用户通常以为他们看到的区别总有来源,况且他们目标于花年光去实验(译者按:以是为了避免用户做无用的实验,倡议好像的效力外观都维系一律。)
给每个互动的元素充盈的空间,从而让用户容易操作这些实质和控件。常用的点按类控件的巨细是44 x 44点(points)。
咱们凡是以为用户不会花超越一两分钟去评议一款新行使。当你能够最大水准地行使这段极短的年光,即时显现对用户有助助的实质时,你就可以引发新用户的兴味并给全部效户一种极棒的体验。
主要:不要正在安置流程终止后告诉用户须要重启筑筑。重启须要花费年光,同时也会让人感触你的行使不牢靠且很难行使。
倘若你的行使有内存行使或其它题目,导致不重启就无法畅通运转,你务必声明这些题目。念要领悟何如开辟一款职能精良的行使,请参阅Use Memory Efficiently。
尽也许避免行使闪屏或者其他启动体验方法。用户可以正在启动行使后当即入手下手行使是最好只是的。
聚焦正在80%宗旨用户的需求上。云云绝大个别用户就无需设立种种选项,由于你的行使曾经默认处于他们念要的状况。倘若有些效力仅有少个别用户念要,或者是大个别用户只须要行使一次,那就别管它了。
尽也许用其他方法获取更众的用户新闻。倘若你能取得用户正在内置行使或硬件设立中供应的新闻,直接从体系中获取,不要让用户再次输入。
倘若你务必央浼用户设立用户新闻,正在你的行使中直接提示用户输入。然后尽速生存这些设定(寻常来说,生存到你的行使的设立模块中)。云云用户就无需强制跳出行使进入体系设立页面了。倘若用户须要更改设立,他们能够正在任何光阴进入行使的设立模块举办批改。
尽也许让用户晚一点再登录。最理念的状况是,用户正在无需登录的状况下就能尽量众地浏览实质并行使个别效力。比方,App Store会正在用户确定举办采办商品时,才央浼用户举办登录。关于那些强制用户登录后才具举办全豹有效操作的行使,用户往往会直接放弃。
倘若你的行使务必先登录后行使,那么你该当正在登录页面有少少简短的文字,来描绘为什么务必先登录,以及云云做会给用户带来什么好处。
庄重行使新手指挥(先容行使的效力和何如举办操作)。正在商讨新手指挥之前,你该当勤勉地完整你的行使,尽也许使行使的效力直观和易于寻找。本来,好的行使不须要新手指挥。倘若你确实感触须要新手指挥,那么请参考如下的倡议,计划一个简捷、有针对性而且可能害用户的新手指挥。
只供应入手下手行使行使所一定的新闻。好的新手指挥该当告诉用户第一步该当做什么,或者简短地演示大个别用户感兴味的少少效力。倘若正在可以查究你的行使之前,给用户浮现太众新闻,让用户记住这些不是今朝所务必的实质,会让用户感触你的行使很难用。倘若正在某些特定场景下确实须要分外助助,那么也该当只正在用户处于这个场景之后再供应。
行使动画和可交互的方法来吸援用户,并让用户通过实践操作来练习何如行使。关于文字实质的增长该当庄重,且仅当增长文字关于擢升体验有益时才这么做。不要盼愿用户会阅读大段的文字。比方,能够行使动画而不是文字来描绘何如实施一个纯洁的工作。正在指挥用户领悟较为丰富的工作时,能够通过少少指挥浮层来扼要注释每一个次序用户须要做什么。尽也许避免浮现行使截图,由于截图不行交互的,用户也许会浑浊截图和行使的实践界面。
可以让用户很容易地作废或者跳过新手指挥。有些用户看完新手指挥之后就不念再看,有些以至根基就不念看新手指挥。请记住用户的挑选,不要强迫用户每次翻开你的行使都要再挑选一次。
不要太早央浼用户去给你的行使评分。过早央浼用户举办评分也许会事与愿违。倘若你念得到有价钱的反应和评论,正在邀请用户评论之前,请给他们一点年光来行使你的行使,并对你的行使造成印象。比方,你能够等用户访谒了必定数目的页面或落成了必定数目的工作之后,再邀请他们举办评议。
寻常倡议服从屏幕默认的定向方法启动你的行使。纵然这样,倘若你的行使唯有一种屏幕对象,那么就永远以这个对象启动,让用户正在他们己方须要时再变化筑筑对象。比方,一个逛戏或者媒体寓目行使只正在横屏形式下运转,那么就该当以横屏形式启动,假使筑筑今朝处于竖屏形式。云云的话,倘若用户正在竖屏形式下翻开行使,他们也领略该当把筑筑转成横屏来举办行使。
注:最好让横屏行使援助两种对象的横屏,即home键正在左或正在右方都援助。倘若筑筑今朝曾经处于横向状况,那么就服从今朝状况启动行使,除非你有填塞的出处不这么做。其他状况时,能够商讨按home键处于右侧的方法启动行使。(念要领悟更众闭于援助区别筑筑对象的实质,请参阅前文中Adaptivity and Layout闭联章节。)
供应一张与行使首页看上去一律的闪屏。iOS会正在启动行使时移用这张图,云云能够让用户感触启动速率很速,同时,也能够让你的行使有足够的年光去加载实质。全体何如制制闪屏,请查阅Launch Files。
倘若也许,不要让用户正在首次启动行使时阅读免责声明或者确认用户制定。你能够直接正在App Store浮现这些实质,行使户不才载前就有所领悟。倘若正在某些状况下你务必浮现这些实质,要确保它们与界面维系同一并正在产物效力与用户体验之间竣工均衡。
正在行使重启后,须要光复到用户退出行使时的状况,让他们能够从终止之处接连行使。无需让用户记住是何如回到此状况的。领悟更众闭于维系和光复行使状况的有用方法,请查阅Preserving Your App’s Visual Appearance Across Launches。
iOS 行使 不存正在紧闭或退出选项。当用户切换到另一个行使,回到主屏幕或者将筑筑调至睡眠形式的光阴,本来便是放弃了今朝行使的行使。
当用户切换行使时,iOS的众工作体系会将其安顿到后台并将新行使的UI调换上来。正在这种状况下,你务必做到以下几点:
当行使放弃的光阴生存 尽也许众确当前状况的具体新闻。云云行使户能够正在回到行使时能从终止之处接连行使。比方,正在行使可滚动的数据列外时,退出后生存列外所正在的处所。领悟更众闭于维系和光复行使状况的有用方法,请查阅Preserving Your App’s Visual Appearance Across Launches.
有些行使也许须要向来正在后台运转。比方,用户也许祈望能正在行使一个行使的同时还能向来听歌,接着又念用此外一个行使来搜检代办项或者玩逛戏。闭于何如确切治理众工作,请查阅Multitasking.
不要强制让行使退出。由于云云会让用户误认为是体系溃逃。倘若有题目出现,须要告诉用户全体情况以及何如处分。以下有两个倡议,取决于崭露的题目有众紧张,能够酌情行使:
倘若行使中全部的效力今朝都不行用,那么该当显示少少实质来说明今朝的情况,并倡议用户何如举办后续操作。这个别实质予以了用户以反应,行使户信任你的行使现正在没题目。同时这也能够安静用户激情,让他们裁夺是否要采纳矫正步伐,接连行使行使,照样切换到另一个行使。
倘若唯有个别效力不行用,那么只须当用户行使这些效力时显示提示即可。其他状况下,用户就该当能平常行使行使的其他效力。倘若你裁夺行使警戒框来举办提示,请确保只正在用户实验行使不行用的效力时再显示。
模态是一个承载某些连贯操作或实质的优差错并存的形式。它能够给用户供应一种不摆脱主工作的方法去落成一个工作或者得到新闻,然而也会暂且性的阻挡用户对行使的其他个别举办交互操作。
理念状况下,用户能够与iOS 行使举办一种非线性的交互,是以,尽也许的削减你行使中的模态体验是最好的。凡是状况,仅正在以下情境能够商讨行使模态:
一个独立的工作须要落成或者很显然须要被放弃,为了避免正在不置可否的状况下脱漏用户新闻的光阴
担保模态工作纯洁、简短和高度聚焦。你断定不祈望用户行使模态视图时像行使行使中的一个mini行使一律。倘若子工作过于丰富,用户会正在进入模态情境时马虎了紧要工作。正在计划一个涉及视觉目标的模态工作时尤其要商讨这一点,由于用户有也许丢失而且忘掉何如回到之前的操作中去。倘若一个模态工作务必蕴涵区别视图的子工作,确保给用户一个独立、显露的导航途径,并避免曲折。更众闭于模态试图的新闻请参考Modal View.
永远供应光鲜、安宁的退出模态工作的途径。确保用户正在退出模态视图时能够预期操作的结果。
一个工作须要众层级的模态视图时,确保用户分析点击非最高层级下的落成按钮的结果。点击一个低层级视图上的落成按钮是落成这个视图中工作的一个别,照样扫数工作。由于有也许存正在这种狐疑,是以要尽也许避免不才级视图中增添落成按钮。
担保指引对话框的实质都是须要且可操作的。指引对话框会打断用户的体验而且重心击才会磨灭,是以要让用户感觉指引新闻是有效的,打断是有价钱的。念要领悟更众请参考Alert.
爱戴用户闭于接纳告诉的偏好设立。用户会设立接纳行使告诉的花样,确保遵重用户的喜欢设立,不然也许会惹恼用户,导致其紧闭行使中全部的推送告诉。
为了表示交互性,计划时会行使许众线索,搜罗点击的反应、颜色、处所、上下文、外意显然的图标和标签等。并不须要过于妆扮元向来向用户浮现可交互性。
正在援助3D Touch的筑筑上,当用户按压主屏上的图标时,配景会虚化以此来表示能够举办更众效力的挑选。
一个枢纽的颜色能够给用户供应很强的视觉指引,更加是没有冗余的其它颜色时。为了比较,行使蓝色来记号可交互的元素,同时能供应同一的、易识其余视觉气魄。
返回按钮行使众个线索指明其可交互并转达其效力:它崭露正在导航中,显示了一个指向后方的图标,行使了枢纽色,而且显示了上一级页面的题目。
用户行使点击、拖拽、捏合等手势与行使和他们的IOS筑筑举办交互。行使手势拉近了用户和筑筑之间的间隔,而且加强了直接垄断感。用户凡是等候手势正在区别行使之间都是通用的。
正在逛戏或其他浸溺式的行使中,操作手势也是趣味体验的一个别。然而正在平凡行使中,助助用户竣工宗旨要比操作自身主要的众,是以最好行使圭表手势,尽量避免让用户去察觉和追思新的操作。
反应助助用户领悟行使今朝正在做什么,发掘接下来能够做什么以及分析他们作为出现的结果。UIKit的操作和视图供应了许众反应类型。
尽也许将状况或其他的反应新闻整合到UI中。用户不举办操作或不跳出今朝实质就能得到须要的新闻是最好的。比方,邮箱将今朝的状况显示正在不影响今朝实质的 东西栏上。
避免显示不须要的指引对话框。对话框是很强的反应机制,唯有正在通报特别主要,且可操作的新闻时才须要行使它。倘若用户常看到许众没有主要新闻的对话框,他们很速就会马虎全部对话框指引。念要领悟更众新闻,请参考Alert.(译者注:Alert处正在iOS Human Interface Guidelines的第4章 UI Elements个别,翻译将正在后续更新中放出,烦请诸君耐心等待。)
不管用户是点击控件照样行使键盘,输入新闻城市花费年光和元气心灵。倘若正在发扬有效的效用前就让用户输入大宗新闻会削弱用户接连行使的希望。
让用户更容易的举办挑选。比方,行使挑选器或者外格替代纯文本,由于大个别用户感触从列外中举办挑选要比打字容易的众。
渺小、出色的动画遍布iOS的用户界面,他们使行使的体验更具吸引力,更具动态性。合意的动画能够:
庄重地增长动画,尤其是正在那些无法供应浸溺式体验的行使中。过众和无出处的动画会阻难行使的畅通性,低浸职能,还会聚集用户正在操作中的属意力。
更加是要有目标 地,合理地行使动效和UIKit中的动态控件,并确保对结果举办测试。合理地行使动效能够擢升用户的分析水准和愉悦感;行使太甚行使动效会给用户带来蛊惑和难以掌控的感受。
倘若能够,维系自界说动画和内置动画的相同性。用户民风于内置iOS行使行使的细密动画。毕竟上,用户目标于把视图之间的滑腻切换,对筑筑对象变化的畅通相应和基于物理的滚动成果看做是iOS体验的一个别。除非,你的行使要给用户供应好像逛戏行使的浸溺式体验,这种状况下自界说的动画能够区别于内置动画。
行使气魄类型相同的动画。自界说动画之间也须要维系相同性,云云能够让用户正在行使行使以之前创办的体会为根蒂。
寻常来说,自界说的动画要商讨动画的实际性和可托性。人们同意担当自正在的艺术创作,然而当动效分歧理或者违反物理学时,用户会感觉狐疑。比方,当你从屏幕顶下属滑拖出一个视图的光阴,你也要上滑将它收起,由于这么做能够助助用户记住这个视图从何而来。倘若你下滑到屏幕底部紧闭这个视图,用户闭于从屏幕上方呼起的心绪模子就会被粉碎。
正在iOS体系中,颜色会用于评释交互,通报活性以及供应视觉联贯性。内置的行使次序挑选行使那些看起来更具特性的、纯粹、整洁的颜色,并辅以或亮或暗的配景组合。
倘若你要创筑众样的自界说颜色,要确保它们可以融洽共存。比方,倘若你的行使的基础气魄是轻柔的色调,你就该当创筑一个和谐的轻柔色调的色板用于扫数行使。
属意正在不怜悯境下的颜色比较。比方,倘若正在导航栏的配景与栏按钮题目之间没有足够的比较,按钮就会很难被用户看到。一个神速但不苛谨的本领是通过将筑筑置于区别的光照处境之中(搜罗明朗的室外)来测试筑筑上的颜色是否具有足够的比较度。
固然正在筑筑上查看你的行使可以正在必定水准上助助你找到须要调动的地方,但这仍替代不了能出现牢靠结果的更科学客观的本领。这种本领涉及到决断前气象和背气象的亮度值是否适当必定的比率。这个比率值能够通过正在线比较度估计打算器或者依照WCAG2.0圭表中供应的公式己方估计打算得到。你行使中理念的颜色比较度该当是4.5:1或更高。
当你行使自界说的栏颜色时,着重商讨半透后的栏和行使实质。当你须要创筑能配合尤其颜色的栏颜色时(比方一个已有品牌中的颜色),也许正在你得到你念要的结果之前,你须要用种种颜色举办实践。栏的显示将会同时受到iOS体系所供应的半透后栏与藏正在栏后面的行使实质的显现所影响。
属意颜色的盲区。大都色盲的人很难分辨血色与绿色。须要对你的行使举办测试以确保正在此中你没有将血色与绿色动作分辨两个区别状况或值的独一方法,少少图像编辑软件或东西可以有用的助你验证颜色的盲区。凡是道理来说,行使众种方法来外征原色的交互性口舌常好的(须要领悟更众闭于正在iOS体系中外征交互性的新闻,请参阅Interactive Elements Invite Touch)。
商讨挑选一种基准色颜色来外征交互性与状况。内置的行使里的基准色搜罗比方备忘录中的黄色,和日历中的血色等等。倘若你界说一种用于外征交互和状况的基准色,要确保你的行使中的其他颜色不会与它爆发冲突。
避免给可交互和不行交互的元素行使沟通的颜色。颜色是评释UI元素交互属性的方法之一。倘若可交互和不行交互的元素行使沟通的颜色,用户将会难以占定哪些区域是可点的。
颜色能够向用户转达新闻,但不必定会以你祈望的方法。每局部眼中的颜色是纷歧律的,区别的文明为颜色给予的道理也是不沟通的。花年光来商讨何如行使颜色才也许会被其他邦度或者文明担当。你要尽也许确定行使中利用的颜色向用户转达了稳妥的新闻。
大大都状况下,不行让颜色雀巢鸠占,让用户分神。除非颜色是行使的目标和性质所正在,凡是状况下颜色该当用来从渺小细节之处擢升用户体验。
Apple为全平台计划了San Francisco字体以供应一种温婉的、相同的排版方法和阅读体验。正在iOS 9及改日的版本中,San Francisco 是体系字体。
确保一个自界说字体正在区别尺寸下的全部类型都具备可读性。达成这一成果的本领之一是效仿正在区别的文本尺寸下iOS体系显现字体样式的少少本领。比方:
文本永世都不该当小于11点(points),假使是用户挑选极小的文本尺寸。相较而言,实质样式行使17点的字号动作大尺寸,这也是默认的文本字号。
凡是来说,字号与行距值正在每一档的文本尺寸设立中差异为1点。独一各异的是两种题目的样式,它们正在极小、小和中尺寸的设立中均行使沟通的字号、行距和字距。
正在最小的三种文本尺寸中,字间距相对较大;而正在最大的三中文本尺寸中,字间距相对紧凑。
题目和实质的样式行使沟通的字体尺寸,同时,为了分辨题目与实质样式,题目样式行使更重的值。
导航局限栏的文本行使沟通的字号,而实质文本的样式则行使大尺寸的设立(值为17点)。
凡是状况下,行使中满堂该当行使简单字体。众种字体的混淆会使你的行使看上去豆剖瓜分和轻率。相反,行使一种字体和少数样式。依照语义用处,行使UIFont类的API来界说区别文本区域的样式,比方正文或者题目。
每个行使都须要一个美丽的图标。用户通常会正在看到行使图标的光阴便创办起对行使的第一印象,并以此评判行使的品德、效力以及牢靠性。
以下几点是你正在计划行使图标时应该记住的。当你确定要入手下手计划时,请参考App Icon来获取更具体的计划规格与指挥。(译者注:App Icon处正在iOS Human Interface Guidelines的Icon and Image Design个别,翻译将正在后续更新中放出,烦请诸君耐心等待。)
行使图标是扫数行使品牌的主要构成个别。将图标计划当成一个讲述行使背后的故事,以及与用户创办激情邻接的机缘。
一个好的行使图标该当正在区别的配景以及区别的规格下都同样漂后。为了充足大尺寸图标的质感而增添的细节有也许让图标正在小尺寸时变得不显露。
iOS供应了一系列小的icon,用以代外种种常睹工作与操作,它们常用正在标签栏(Tab Bar)、东西栏(Toolbars)与导航栏(Navigation Bar)中。用户凡是都曾经领悟这些内置图标的寄义了,以是能够尽也许的众行使它们。
倘若须要自界说作为或者实质,你也能够计划自界说图标。计划这些小的线性图标与计划行使图标有很大的区别,请参考Bar Button Icons来领悟更众实质。
iOS行使大大都图形充足。无论是你须要浮现用户的照片,照样须要创筑自界说图片,以下这些需求都该当听命:
援助Retina显示屏。确保你行使中的全部图片资源都供应了高判袂率规格。更加须要属意的是,iPhone 6 Plus须要供应@3x规格的图片,而全部其他的高判袂率iOS筑筑都须要供应@2x规格的图片。
显示照片或图片时请行使原始尺寸,并不要将它拉伸到大于100%。你不会祈望正在你的行使中看到拉伸和变形的图片。能够让用户己方来挑选他们是否念要缩放图片。
你正在行使中显现的每一个字都是与用户举办对话的一个别。驾御云云的对话机缘,为你的用户供应显露的外意与愉悦的体验。
给控件加上短标签或者容易分析的图标。让用户只扫一眼就能领略这个控件是干什么的。
为你的行使写一则美丽的App Store描绘,最大水准地驾御住这个与潜正在用户疏通的绝佳机缘。除了切实描绘你的行使、夸大行使的品德与亮点以外,你还须要:
厘正全部的拼写、语法与标点符号差池。这些小差池也许不会影响用户平常行使,然而也许会让他们对行使的满堂品德出现负面印象。
尽量少用全大写的词汇。固然大写单词有光阴能够吸引属意力,然而全大写的段落不适合阅读,况且会出现一种朝用户扯着嗓子吼的感受。
能够描绘bug修复状况。倘若您的行使新版蕴涵用户向来等候的bug修复,那正在你的软件描绘中提到这一点便是个很好的做法。
与iOS整合,指的是正在今朝平台上给用户供应一种满意的、宾至如归般的体验,当然这并不虞味着咱们要把每一个行使做的和内置行使一模一律。
最好的与iOS整合的方法便是深切地领悟iOS的要旨与重点——这一个别正在上文为iOS而计划(Designing for iOS)个别中已有具体描绘,并寻求出何如正在你的行使中统一与外达这种要旨。当你这么做的光阴,从命本章中的指引能够助助你为你的用户供应他们念要的体验。
尽也许行使UIkit供应的圭表UI元素是一个好目的。众行使圭表元素而非自界说元素,你与你的用户都将受益:
圭表UI元素关于你自界说外观和举止来说具有杰出的扩展性。举个例子,iOS中全部的视图(Views,从UIView中承受的对象)都是 能够行使TintColor属性来界说颜色的,它让行使配色变得很纯洁。
用户更熟练和民风圭表的元素,由于他们能够马上知道你的行使中这些元素的用处。
苛肃从命每个UI元素的计划典型。当你行使中的UI元素的外观与效力都是用户所熟练的,他们能够很容易地依照先前的体会来行使他们,进而更好地行使你的行使。你能够从这些章节中找到种种UI元素的计划典型:Bars, Content Views, Controls, Temporary Views.
不要混用区别版本的iOS里的UI元素。你必定不祈望让用户感触你的UI元向来自于与今朝用户的筑筑版本区别的iOS体系。
梗概来说,请避免成立自界说UI元向来外示圭表交互举止。先问问你己方为什么必定要创筑一个与圭表UI元素举止统统沟通的自界说元素。倘若你只是念变化圭表UI元素的外观,能够商讨行使UIKit外观定制API(UIKit appearance customization APIs),或者给元素填充其余颜色。倘若你须要界说一个与圭表控件稍有区别的举止,请确保你正在变化了这个UI元素的属性和举止之后,这个元素照旧能落成你所祈望的操作。倘若你须要统统自界说一个举止,最好是计划一个与圭表元素统统不相像的自界说元素。
不要用体系自带的按钮和图标外达其他寄义。iOS供应了众种可用的按钮和图标。请确认你领悟它们的切实外意;不要纯粹依靠你看到这些图标样式的推求和分析来解读和行使它们。(你能够正在Toolbar and Navigation Bar Buttons和Tab Bar Icons中领悟到这些按钮和图标的切实寄义。)
倘若你所须要的效力无法用体系供应的按钮和图标来外示,你也能够计划自界说按钮。自界说按钮的计划能够参考 Bar Button Icons.
(译者注:上文提到的章节均处正在iOS Human Interface Guidelines的第4章,翻译将正在后续更新中放出,烦请诸君耐心等待。)
倘若你的app是浸溺式体验,那么成立全新的自界说UI是合理的。由于你正在成立一个同一的体验处境,让用户正在此中可以有所等候并查究何如局限行使。
iOS供应了充足的时间方法来援助用户落成他们所盼望的种种工作和场景。这意味着正在绝大大都状况下,将体系供应的时间整合到你的行使中,往往比自界说一种新的时间更为牢靠。
某些iOS时间,比方众工作并行(Multitasking)与语音指引(VoiceOver)等等,是全部行使都该当蕴涵的体系级个性。而此外少少时间是否整合到行使中,则取决于行使自身的效力性。比方治理门票和礼物卡的行使(Wallet)援助用户正在行使内内购(In-App Purchase),浮现行使内置广告(iAd Rich Media Ads)则能够整合 Game Center,同时援助iCloud.