ps:希望自己能坚持着翻译下去吧,练练有些荒废的英语,顺便也加深一下对iOS人机交互的认识和理解!
UI设计基础
为iOS进行设计
iOS包括一下的主题:
·遵从性。UI帮助人们理解内容以及与内容进行交互,但却从来不和内容相竞争。
·明确性。要做到文本在每一种字号下都很清晰,图标很精确并且能够明确易懂,陪衬是很精妙并且合适的。加强聚焦功能能够提升激励设计。
·深度。可视化的层级和切实可行的手势表现出活力,并且能够提高人们的理解和愉悦度。ps:motion 现在还不是太理解具体含义,暂定这个翻译。
不论你是在重新设计一款比较老旧的app还是创造一个新app,可以考虑从一下方式来完成你的工作:
·首先,从UI来看出这个app的核心功能,并且确定它的相关性。(UI和功能的相关性)
·其次,运用iOS的主题来赋予UI和用户体验设计。用心增加修饰,但永远不要无端的这样做。
·最后,确保你的UI的设计能够对不同的设备和模式进行调整,这样的话用户就可以在尽可能多的环境中使用和欣赏你的app。
在这个过程当中,准备好打破常规,对问题进行假设,并且以对内容和功能的聚焦为原则来激励你的每一个设计决策。
遵从内容
尽管简明的,漂亮的UI和流畅的滑动是iOS体验的亮点,但是用户内容才是最重要的。
这里有一些方式来确保你的设计能够提升功能性并且遵从用户的内容。
·利用好整个屏幕。天气应用是运用这个方法的很棒的例子:对本地当前天气状况的漂亮的全屏描述,还有一部分为每个时段的数据留出的空间,立刻传达出来了最重要的信息。
·重新考虑物理和现实的可视化标志。底座,斜坡,和斜坡的阴影有时候会导致UI元素更显著以至于和内容进行竞争,甚至压倒内容。ps:heavier 暂翻译成显著
·让半透明的UI元素暗示出在它们之后的内容。半透明的元素---例如控制中心---提供环境,帮助用户看到更多可以操作的内容,并且传达出一种短暂的感觉。在iOS中,一个半透明元素仅仅会模糊在它之后的内容---给人一种透过米纸看东西的印象---它不会模糊屏幕其它部分的内容。ps:rice paper 搜了一下,可以这样翻译,只是我们对这种烘焙用的米纸不熟悉。
·提供说明。提供说明是另一种来确保内容在你的app中是首要的的方式。这里有一些方式来使最重要内容和功能清晰和易于交互。
·使用足够多的负空间。负空间使重要内容和功能更显著,更容易去理解。负空间也能够传达出一种平静的感觉,使你的app看起来更有侧重点,更加高效。
·让颜色简化UI。一种关键的颜色---例如在Notes中的黄色---标记出重要的状态还巧妙地表现出交互,还能够给与一个app一种一致的视觉主题。内置的apps
使用了同一类的纯净,整洁的系统颜色,这些系统颜色在每种色彩,黑暗背景和明亮背景下都看起来不错。
·使用系统字体来确保清晰度。iOS系统字体自动地调节字符间距和行高,因此文本在每个字号下都阅读起来很容易,看起来也很棒。不论你使用系统字体还是自定义字体,确保使用动态类型。这样当用户选择不同的字号的时候,你的app都可以反应的很好。
·接受无边框按钮。通常来说,长条形按钮是没有边框的。在内容区域,一个无边框的按钮使用文本,颜色和一个“行为召唤”标题来传达交互。当它起作用时候,一个内容按钮可以可以带有窄边框或带色彩的背景来使它变得特殊(容易辨认?)。
·使用深度(层级)来传达。iOS经常放置内容在不同的层来传达体系和位置,帮助用户理解屏幕上物体的关系。
文件夹通过使用半透明的背景和外观来浮于主屏幕上方,把它之内的内容和屏幕的其它部分分离开来。
Reminders,正如在下方展示的一样,在不同的层摆放列表。当用户对其中的一个列表操作时,其它的列表会被收集到一起摆放到屏幕的底部。
当用户在年,月,日之间相互移动(切换)的时候,Calendar使用加强的过渡来给他们一种体系和层级的感觉。在如下所示的滚动的年视图中,用户能偶一眼看到今天的日期并且进行其它的对日历的操作。当用户选择一个月份的时候,年视图镜头拉近(不是太理解拉近)展现出月视图。在月视图中,今天的日期保持高亮状态,年份出现在返回按钮处,因此用户可以确切地知道他们在哪,他们从哪来以及如何回去(在层级中)。当用户选择某天的时候会产生一个相似的过渡:月视图会分离开,把当前日期所在的的周推到屏幕的上方,展示所选择这个日期的时视图。在每一次的过渡中,Calendar加强了年,月,日之间的等级关系。