核心设计原理(下)

核心设计原理的上半部分通过一个去夏威夷旅游的经历中的所见所闻所想讲述了导向、反馈、可见性、一致性、心智模型几个设计原理,旅程还没有结束,这是核心设计原理的下半部分。

Read more   2019/10/03 posted in  Design

核心设计原理(上)

当我们谈论设计时,我们总是聚焦于设计的技术和过程。虽然这些考虑很重要,但是它们不会成就好的设计,至少它们本身不能。好的设计是在一个更基础、更人性的层级上由有关于设计是什么的更深的理解所指导。这就是设计原理所告诉我们的。它们会传达出我们如何感知到周围世界的核心事实,还有我们如何处理信息、我们如何做决定、我们如何交流。这些事实是永恒的、通用的。它们可以应用于各种图形设计、建筑设计、室内设计、零售店设计、风景设计、汽车设计等等。设计的原理不是告诉我们在设计中如何做出特定的事情,而是告诉我们为什么要做这些事情。这是好的设计建设的基础。

Read more   2019/10/01 posted in  Design

在 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