美文网首页
IOS9人机界面交互指南

IOS9人机界面交互指南

作者: 飞水 | 来源:发表于2015-10-31 11:39 被阅读0次

1.三大原则:遵从(确保内容为核心)。清晰(图表文字易读)。深度(层级感和动效带来活力)。

   遵从:利用整个屏幕(全屏大图) , 尽量减少拟物化对内容的影响(用户分心) , 半透明UI来显示上下文场景

   清晰:大量留白  ,  使用主题色来简化UI(高亮重点内容并暗示可交互)  ,  使用系统字体  ,  使用无边框按钮(交互时可以显示边框或底色作为响应   嵌在内容中的按钮还是要适当加边框)

   深度:层级与转场

2.适应性布局

   ipad:常规高度 X 常规宽度

   iphone6 plus  常规高度 X 压缩宽度(竖屏),或 常规宽度 X 压缩高度(横屏)

   iphone6及以下  常规高度 X 压缩宽度(竖屏),或 压缩宽度 X 压缩高度(横屏)

3.布局优化

   内容按重要性布局:从上到下,从左到右

   视觉化来凸显主次

   默认尺寸,无需滚动即可看到主要内容

   相似功能UI一致性

4.导航。应该让用户时刻清楚自己当前在应用中所处的位置,及如何前往目的页面。无论使用哪种适合你的应用结构的导航,最重要的是用户访问内容的路径要有逻辑、可预期和易于追溯。(尤其是手机端,一般不再导航栏中做面包屑)

5.模态情景。

   出现多个层次时注意用词,比如“完成”是完成当前层次还是全部?尽量用明确语言的词。(比如“保存”等而不是“完成”)

6.交互与反馈

   常用方法:主题色

  虽然尽量采用无边框按钮,但有时需要凸显按钮。

7.图标

   图标不是必须,例如日历应用中,用文字“今天”来作为按钮。

8.文字排版

    苹果自带San Francisco 有两类尺寸: 文本模式(Text)和 展示模式(Display)。 文本模式适用于小于20点(points)的尺寸,展示模式适用于大于20点(points)的尺寸。当你在你的app中使用San Francisco时,iOS会自动在适当的时机在文本模式和展示模式中切换。

    如果你使用应用程序如Sketch或Photoshop来生成你的设计,那么当你设置的字体不小于20点的时候,你需要切换到展示模式。

    文本永远都不应该小于11点(points),即使是用户选择极小的文本尺寸。相较而言,内容样式使用17点的字号作为大尺寸,这也是默认的文本字号。

9.图形

   支持Retina屏幕,iphone6 Plus需要@3x规格图片,其它需要@2X

10.术语和措辞

     使用非正式的友好语气,但不需要太过�卑微。避免太正式太僵化,或者太过嘻嘻哈哈,傲慢无礼。请记住,用户可能会反复阅读这些文本,因此有些起初看上去很俏皮的语句,多看几次之后可能会显得烦人。

11.一致性

    保持和IOS系统的统一,保持内部风格的统一,保持和旧版本的统一

相关文章

网友评论

      本文标题:IOS9人机界面交互指南

      本文链接:https://www.haomeiwen.com/subject/aanfhttx.html