国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

发布时间:2019/10/03标签:   设计原则      APP设计    点击量:

原标题:银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

如果将这些徽标隐藏起来,界面的复杂度会有所降低,看上去的确会整洁一些。然而,这样会极大地破坏易用性,因为人们将不得不进入一个个邮件详情页当中进行确认,才能获取到原本由徽标提供的状态信息;这样的互动非常低效和乏味。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

3.  综合考虑

作为设计师,遵从一致性的设计原理需要我们具备良好的自我控制与约束能力;大大小小每一个设计决策都需要意图明确。

如果将所有这些导航项隐藏到汉堡包菜单当中,那么人们将很难一目了然地发现时钟 app 所提供的其他实用功能。

很多设计师为了保持多平台的一致性而选择在 iOS 当中使用这个图标;初衷是好的,但对于 iOS 来说却并非正确的设计决策。

简而言之,一致性的主旨在于通过相似的设计方式满足相似的设计需求

这是个很棒的图标,它本身的设计没有任何问题;问题在于这个图标对于 iOS 平台的用户来说并不符合认知习惯。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

同样,你也会对一系列通用术语的定义了如指掌,例如:驻车、前进、倒档等等。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

如果无法被人们所见,银河网上开户,再好的反馈机制都是徒劳的。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

汽车设计的一致性还体现在各种控件的布局当中,例如:刹车在左,油门在右。

继续上期主题,即 2017 年 WWDC 之“基础设计原理”设计分会,演讲人是 Apple Evangelist 团队的 Mike Stern。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

(一)可见性  Visibility

可见性与“反馈”有着密切的关联。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

你的 app 不仅需要与其所在的系统平台保持设计一致性,同时在 app 内部,视觉风格及行为模式也需要保持统一,例如:每个界面当中同一种类的设计元素都应该有着一致的外观,app 全局所用到的字体及颜色也应该有着明确的数量与规则。

所有的汽车都遵守着同一套设计规则,包括标识与术语定义,控件的布局等等。受益于高度一致的设计,我们无需在每次驾驶不同车辆的时候都重新进行学习。

但很多 app 会使用不同的图标来代表这一行为,如下图所示。这个图标确实很常见,特别是在网页或其他平台当中。

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

 

所有这些信息都是直接可见的。纵使在感知上有些密集,但对于驾车来说却非常必要,因为你无需转头甚至是转身去其他地方寻找这些信息,它们都一览无余地呈现在你面前。如果为了简洁而将一部分信息默认隐藏起来,或是置于其他位置,导致重要的信息被忽略,那么车辆的易用性和安全性都将遭受到损害。

因此,要将重要的状态信息呈现在尽可能高的信息层级当中,使人们无需付出额外成本即可一目了然地获取。

在上期当中,我们了解了导航与反馈,今天的话题将聚焦于“可见性(Visibility)”“一致性(Consistency)”

银河官网: 图文版 WWDC 设计分会:基础设计原理 可见性与一致性

版权信息Copyright © 银河官网 版权所有    ICP备案编号:鲁ICP备09013610号