美文网首页
[译] 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