在 iOS 和 watchOS 上设计优雅的声音-触感体验

触感(Haptics)吸引人们的触觉以增强与屏幕上界面交互的体验。例如,当一个 Apple Pay 交易确认时,在视觉和声音反馈之外,系统还会有一个触感反馈。触感也可以增强触摸手势和交互,如滚动一个picker/选择器或者打开一个 switch/开关。

Read more   2019/09/28 posted in  Design

如何设计和实现 iPad app 的多窗口功能

在 iOS 13 及之后的版本中,iPad app 可以支持多窗口功能。例如,在一个具有文档创建功能的 iPad app 中,人们可以同时打开多个文档窗口。这篇文章会从设计和实现层面讲述 iPad 多窗口功能的触发方法、样式以及功能等主题。

Read more   2019/09/21 posted in  Design Develop

把 iPad 上的 app 带到 Mac 中去(下)

把 iPad 上的 app 带到 Mac 中去的上篇取材于 iOS HIG,从大的层面讲述了移植 app 到 Mac 中去的一些设计规范,取材于 WWDC session 的下篇将用更多的示例和图片主要围绕架构、工具栏、布局、排版、颜色、手势、触控栏、app 图标、情景化菜单、菜单栏菜单十个部分讲述更多移植的细节。

Read more   2019/09/15 posted in  Design

再说 iOS 和 macOS 深色模式

在 iOS 13 及之后的版本中,人们可以选择使用一种全局深色的外观,它就是深色模式(Dark Mode),这也是 iOS 13 设计最大的变化。在深色模式中,系统对于所有的界面、菜单、控件都使用了深色色盘,也使用了更多的虚化效果(vibrancy)以使得与更暗的背景内容相比,前景内容能够更加显眼明亮。深色模式支持所有的辅助功能。

Read more   2019/09/07 posted in  Develop Design

把 iPad 上的 app 带到 Mac 中去(上)

当你把你的 iPad 上打造的 app 带到 Mac 中去时,你就给了人们一个机会可以在具备宽大的屏幕、杰出的原生表现和充足的本地存储的 Mac 上享受你的 app。

Read more   2019/08/31 posted in  Design

Sign in with Apple 的设计准则和功能实现

在你的 app 或者网站上展示一个「Sign in with Apple」按钮意味着人们可以只通过他们已经拥有的 Apple ID 进行登录或注册,跳过填写个人信息、确认电子邮箱和选择密码的部分。Sign in with Apple 通过给用户一个一致的、他们可以信任的登录体验提供了一个全新的、更加隐私的方式以简化和加快登录 app 和网站的过程,也方便了用户不需要记住多个账户和密码。在你需要请求用户的名字和电子邮箱的地方,用户可以选择对他们的真实电子邮箱进行保密,而提供一个独一无二的、随机的、可收发邮件的电子邮箱地址。
Sign in with Apple

Read more   2019/08/25 posted in  Design Develop

设计绝佳的 Siri 捷径 - Siri 捷径从设计到构建(中)

上篇文章通过一步步深入 SiriKit 的细节,讲述了 SiriKit 可以让 app 发挥的领域以及引出了 Siri 捷径的多种类型和各种设计规范。这篇文章将用一个实际的例子一步步地从细节上去设计 app 的 Siri 捷径。
通常情况下,Siri 捷径(Siri Shortcuts)是在 iOS 上把你的 app 的功能在更多地方带到更多用户面前的一个好方法。

Read more   2019/08/20 posted in  Design

Android 10 的深色主题应用

从 Android 10 开始,系统引入了「Dark Theme 深色主题」功能,app 不仅可以在默认的浅色主题模式下浏览,也可以在新的深色主题下浏览。
深色主题简而言之就是在深色的界面上展示低亮度的 UI。

Read more   2019/08/10 posted in  Design

在 tvOS 中把内容放在第一位

曾经的日子里,我们通过电视去了解不同的人,更多样的文化,更大的世界。电视就是一座桥梁。你在电视的丰富内容中不断搜索,当你找到吸引你的内容时,你会全神贯注地沉浸其中。

但现在电视的状态有些啰嗦。你会看到一行又一行的内容,你在这些内容中迷茫地穿梭,为了寻找想要看的内容在其中花费了 5 分钟、10分钟、20分钟……这种体验很普遍,也很让人沮丧。我们会失去选择的能力而变得犹豫不决。

Read more   2019/07/22 posted in  Design Develop

在设计和开发时使用 SF Symbols

标志(symbol)在界面中扮演一个非常重要的角色,它们在表达某些含义时非常有效,它们可以表明哪个条目被你选中了,它们被用来在视觉上区分不同的内容类型。标志出现在系统的不同情景中。它们给用户在整个用户界面中创造了一种熟悉的感觉。

Read more   2019/07/13 posted in  Design Develop