SiriKit 知一二 - Siri 捷径从设计到构建(上)

SiriKit 包含了 iOS 和 watchOS 上的 app 可以调用 Siri 的领域以及可能的用户意图,并进一步将用户经常使用的功能扩展为 Siri 捷径。这篇文章将通过 HIG 来深入了解 SiriKit 的基本功能和各方面的设计规范与细节。

Read more   2019/07/07 posted in  Design

iOS 13 的设计有什么新变化?

从 iOS 13 系统开始,用户可以像在 macOS 中一样开启全局的「Dark Mode 深色模式」,聚焦于内容本身。这对 app 在设计时提出了挑战。为了让用户在 app 中使用时更有空间感,iOS 13 强化了「Modal Presentation 模态展示」页面的样式。3D Touch 让使用支持此功能的硬件的用户可以快捷访问某些功能、预览某些页面,「Context Menu 情景化菜单」把这项功能带给了所有用户。

Read more   2019/06/30 posted in  Design

跨平台设计时的思考路径

Apple 创造了很多平台,对于每一个创造的平台,对于每次更新一个平台的时候,我们的目标都是改善你的每日生活,希望在平台和你之间创造一个有意义的关系。这个关系不仅仅只在一个平台上出现,你使用的 Apple 产品越多,你就越不会只依赖一个平台,而是依赖整个生态系统。

Read more   2019/05/18 posted in  Design

设计能让每一个人都用上的 app

你曾经考虑过世界上和你有着相同激情、需求但却不能使用你的 app 的其他人是怎样的吗?如果我们考虑下在十亿 Apple 设备背后有许多我们的潜在客户会是什么样?

Read more   2019/04/13 posted in  Design

Designing For New iPad Pro and Apple Pencil — 适配没有刘海的 iPad Pro 与有刘海的 iPhone Xs 有什么不同?

Apple 在 10 月 30 日发布了全新的 iPad Pro 11 寸版本和 12.9 寸版本,它们去除了 Home 键、配备了 Face ID,从而使得边框变得极窄,iPad Pro 也步入了无 Home 键的时代。但与之前发布的 iPhone Xs、iPhone Xs Max 不同,全新的 iPad Pro 并没有刘海。同时,Apple 发布了第二代 Apple Pencil,在这支笔上配备了双击手势功能。那在设计与开发适配全新的具备 Split View、Slide Over 功能、搭配第二代 Apple Pencil 的 iPad Pro 时,有什么要注意的呢?

Read more   2018/11/06 posted in  Design Develop

Designing For iPhone Xs、iPhone Xs Max、iPhone Xʀ — 比大还大,更大的刘海屏 iPhone app 如何适配

在人民群众的热切期盼下,比 iPhone X 更大、刘海屏版的 iPhone 8 Plus —— iPhone Xs Max 终于在 2018 年 9 月苹果秋季发布上发布,一同发布的还有升级版的 iPhone X —— iPhone Xs 和看似低配实则仍然很贵的 iPhone Xʀ。正如去年文章中推测的一样,iPhone Xs Max 的分辨率是在 iPhone 8 Plus 的基础上保持宽不变高拉长的规律且保持与 iPhone X 一致的屏幕比例,即为 1242px × 2689px。那设计、适配运行在 iPhone Xs Max 上以及 iPhone Xʀ 上的 app 又有什么需要注意的呢?这就是本篇文章想要探讨的主题。

Read more   2018/09/20 posted in  Design Develop

流畅界面背后的设计考量

在使用 iPhone X 时,用户可以通过简单直观的手势顺畅地完成回到主屏幕、查看多任务、切换 app 等操作。之所以让用户感到界面如此流畅甚至与用户的思想融为一体的界面是如何设计的?这个 session 将会带领你学习如何设计直观、自然的手势、动画,从而让用户爱上你的 app。

Read more   2018/08/09 posted in  Design Develop

让 app 的通知内容不再单调

Read more   2018/06/11 posted in  Design

在不同尺寸的设备上让 app 都大放异彩:尺寸级别和核心要素 Size Classes and Core Components

如今开发 iOS App 需要面对六种不同的 iPhone 屏幕尺寸(iPhone SE、iPhone 8、iPhone 8 Plus、iPhone Xs、iPhone Xs Max、iPhone Xʀ)和五种不同的 iPad 屏幕尺寸(iPad Mini、iPad 9.7″、iPad Pro 10.5″、iPad Pro 11″、iPad Pro 12.9″),同时还有不同的屏幕方向、左右分屏、多任务屏幕需要处理。这就导致在设计开发一个 app 时有许多种屏幕尺寸需要考虑。

Read more   2018/01/28 posted in  Design Develop

Designing For iPhone X —— iPhone 上有了刘海,设计和开发到底该咋整?

Apple 在 2017 年 9 月的秋季发布会上正式发布了 iPhone X。iPhone X 与之前的 iPhone 不同,为了达到全面屏的效果,实体 Home 键被屏幕底部的 Home Indicator 取代,屏幕的四个角由直角变为了圆角,屏幕比例也不再是常见的 16:9,更引人注意的是屏幕顶部还有一个特殊的 Sensor Housing,也即人们俗称的刘海。这些变化对 iOS app 甚至网站的适配都提出了挑战,或多或少会影响你正在使用的 app 的功能与交互。

Read more   2017/10/23 posted in  Design Develop