美文网首页
[译] iOS设计规范:概述一

[译] iOS设计规范:概述一

作者: 篱落LY | 来源:发表于2018-05-15 10:28 被阅读212次

iOS设计规范

    作为一名APP设计师,你可以设计一款被App Store推荐的APP。但是怎么样的APP才会被App Store推荐呢?设计师必须在质量与功能上下功夫。

iOS与其他设计平台的设计规范主要有三大区别:

1 主次分明。

    通过空间布局、颜色、字体、图形、界面元素等突出重要功能,弱化其余内容。

    解读:就好像文章内容中有标题等主要内容,也有次要内容。利用字体加粗、字体颜色强调主要内容,次要内容字体颜色设置浅色且取消加粗,淡化次要内容的阅读效果。

2 相互包容。

    流畅的动态效果以及干净整洁的界面,在帮助用户理解并与内容交互的同时,又不会相互矛盾。

    内容通常填满整个屏幕的同时又有半透明和模糊效果处理。

    使用最小化边缘、渐变、阴影保持界面风格更轻盈的同时也要确保内容的预览不受影响。

    解读:界面中的控件元素内容多种多样,但是在布局中适当安排每个元素的位置,不应相互影响的同时视觉上保持一致性。

 3 深度。

    视觉层次和现实的运动传达层次可以促进理解。触控和可发现性增强了愉悦感,并且使访问功能和附加内容的上下文连贯。当你浏览内容时,转换为深度的感觉。

    解读:使用提示音、震动、抖动等影响到触觉的方式,与用户进行交互。


设计原则

    为了最大限度的发挥影响力,在应用中需要遵循以下原则。

1 审美完整性

    审美完整性代表了一个人应用的外观和行为与功能的整合程度。

    例如,一个帮助人们执行严肃任务的应用,可以通过使用微妙的、不引人注意的图形、标准控制、可预测的行为使用户在使用过程中集中注意力。

    另一方面,一个使人身临其境的应用。例如游戏类的APP,给人一种迷人的外表,带来乐趣、兴奋的同时也振奋人心。

    解读:应用的样式、设计应该符合当前应用的类型。

2 一致性

    一个应用通过使用系统提供的界面元素、众所周知的图标、标准的文本样式和统一的术语来实现标准和规范。

    应用使用了人们期望的方式整合了功能和行为。

    解读:应用中的所有相同的元素保持一致性。

3 直接操作

    直接操作屏幕可以吸引人们并促进理解。用户旋转设备或使用手势时,用户可对屏幕直接操作。并且可以看到相对应的操作结果。

    解读:应用中适当添加一定的手势操作等,而不是满屏幕的点击按钮。

4 反馈

    对用户的操作进行一定程度上的反馈。例如,控件在选中时变为高亮状态。进度指示器显示长时间运行的状态,动画和声音帮助理解操作结果。

    解读:用户进行需要等待的操作时,显示一定的交互变化。例如,下载时显示进度条。

5 隐喻

    应用的虚拟对象和动作,是对熟悉的体验进行隐喻时,无论是现实世界或数字世界中,人们会学习得更快。

    在iOS,隐喻很好的发挥作用,因为人们与屏幕互动,将视线移出,暴露下面的内容。拖拽内容、切换开关、移动滑块、滚动选择器、翻译书籍杂志。

    解读:使用熟悉的控件元素,降低用户的学习成本。例如,使用系统自带的控件。

6 用户控制

    iOS中,应用和人都在控制中。应用可以建议采取行动或警告危险的结果,但这种做法不太好。

    好的应用,可以在发生错误前采取行动避免不必要的结果。

    应用可以让人们感觉到自己处于控制之中,通过保持交互元素的熟悉和可预测,确认造成错误的行为,并且可以取消正在进行中的操作。

    解读:做好容错处理。列举所有可能发生的错误操作与情景,并一一处理。




尝试翻译一下iOS设计规范,一同学习。

iOS Human Interface Guidelines

原文链接:

http://developer.apple.com/ios/human-interface-guidelines/overview/themes/

相关文章

网友评论

      本文标题:[译] iOS设计规范:概述一

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