全新 iPhone 12 发布,再谈 iPhone 屏幕尺寸

之前写的文章《从第一代 iPhone 细数到 iPhone 12,iPhone 屏幕尺寸进化历程背后的 app 设计哲学》吸引了众多对 iPhone 屏幕尺寸或者 对 app 适配感兴趣的读者,在文章发布的各个渠道,特别是在少数派引起了一番热烈的讨论。文章从设计、开发等多个角度讲述了 iPhone 屏幕尺寸进化历程背后的 app 设计哲学,希望读者能够从我梳理的历史脉络和总结的进化逻辑中获得启发。同时文章也顺势推测了未来 iPhone 特别是 iPhone 12 系列会出现的一些变化,这部分虽不是文章重点,但当时处于在 iPhone 12 即将发布的时间点,自然也引起了众多读者的兴趣。

如今,iPhone 12 、iPhone 12 Pro 系列正式发布,屏幕参数尘埃落定。对比之前文章对 iPhone 12 屏幕参数较为保守的推测,真正的 iPhone 12 屏幕参数变化可谓十分激进。本文就作为之前文章的后续,基于之前文章所讲的 iPhone 屏幕尺寸的进化逻辑,来复盘一下 iPhone 12 的屏幕参数到底是如何变化的,对于普通用户在 iPhone 12 上使用 app 又有什么影响。

Read more   2020/10/19 posted in  Design Develop

从第一代 iPhone 细数到 iPhone 12,iPhone 屏幕尺寸进化历程背后的 app 设计哲学

从 2007 年发布的第一代 iPhone 到 2019 年发布的 iPhone 11 系列,iPhone 的屏幕尺寸已涵盖 3.5 寸、4 寸、4.7 寸、5.5 寸、5.8 寸、6.1 寸、6.5 寸七种,传闻将于今年秋季发布的 iPhone 12 还会增加 5.4 寸、6.7 寸两种尺寸。随着时间轴的推移,iPhone 的屏幕尺寸已经变得越来越多,越来越复杂,一个 app 要适配所有的这些屏幕尺寸,在从设计、开发到推广的整个过程中都需要考虑诸多因素。

在 iOS 14 Beta 3 版本中,有[用户发现] (https://9to5mac.com/2020/07/22/ios-14-beta-gives-us-a-glimpse-of-the-system-interface-on-the-5-4-inch-iphone-12/) 5.8 寸的 iPhone X/Xs/11 Pro 机型新增了「放大显示」功能,进而发现 iOS 14 可以以 960 x 2079 像素这个新的分辨率正常运行。而在之前的版本中,5.8 寸的 iPhone 机型上一直没有放大显示功能,结合新发现的运行分辨率,我们有理由推测 Apple 正在为一款小屏幕手机做准备,而这个分辨率很可能就是传闻中即将发布的 5.4 寸 iPhone 12 的准确分辨率 。

在这 13 年间 iPhone 的屏幕尺寸是怎样一步步进化到此的?基于软硬一体的设计,屏幕物理尺寸的变化背后包含着怎样的进化规律?这些变化对我们朝夕相处的手机 app 又产生了什么影响?根据已有的进化规律,我们是否可以展望未来的 iPhone 还会走向何方?基于 iOS 14 Beta 中发现的新线索,我们又可以推断出 iPhone 12 的哪些更多信息呢?本文就来说道说道。

Read more   2020/08/16 posted in  Design Develop Teconology

为 iOS 14 设计全新的小组件

在 iOS 14 中,主屏幕的使用体验焕然一新,通过引入「小组件」主屏幕变得更加动态化和个性化。新的小组件设计得更加大胆、一目了然,不仅可以显示在 iPhone 的主屏幕上,还能显示在 iPhone 和 iPad 的全新的「今天视图」中以及 macOS Big Sur 中的新的通知中心中。
本文将以最核心的 iOS 14 的小组件为例,聊一聊 iOS 14 小组件的变化和如何为 iOS 14 设计小组件。

Read more   2020/07/25 posted in  Design

iOS 14/iPad OS 14 新组件:菜单、日期和时间选择器、颜色选择器

纵观 iOS 系统的发展和 iOS 设备的变化,iPhone 的屏幕变得越来越大,纵向上越来越长,iPad 上需要展示更多紧凑的内容;iOS 设备支持各种输入方式;Mac Catalyst 技术让越来越多的 app 从 iPad 转移到 Mac 上去,所以在以前的 iOS 系统中的很多组件样式不能继续适用现在的需求,这篇文章就来讲一讲在 iOS 14 和 iPadOS 14 中新增的三个组件:菜单、日期和时间选择器、颜色选择器。

Read more   2020/07/16 posted in  Design

利用好 iPad 的大屏幕 —— 如何为 iPadOS 14 设计 app?

利用自动布局、Mac Catalyst、全终端统一购买等技术,许多 app 可以扩展到更多设备和平台。人们可以有更多机会在所有他们喜欢的设备中选择一个最适合的去使用他们喜欢的 app。对于设计师和开发者来说,这意味着我们需要聚焦于每个平台最适合什么,进一步在每个设备和每个平台上创造更好的体验。一方面,在 Mac 上,你可以利用 Mac 巨大的屏幕,它有着最精确的输入方法,macOS app 支持所有的那些高级的使用实例和功能,让每一个人都可以用上它。另一方面,在 iPhone 上,iPhone app 可以让你通过多点触控快速、简单地随时随地地访问那些最重要的功能。对于这两者来说,你的 app 的设计方向应该都十分明确。但对于 iPad 来说呢?因为 iPad 处于两者之间,但并不意味着它的使用场景只处于两者之间。一个好的 iPad app 的目标应该有它的独特之处,这也是这篇文章想要讲的。
2020/06/27 posted in  Design

在 App 中提供出色的无障碍使用体验

Read more   2020/05/21 posted in  Teconology Design

iPadOS 指针系统的设计规范 iPadOS Pointing System Design Guideline

iPadOS 13.4 介绍了对于增强使用了指针设备(鼠标、触控板)的 iPad的使用体验的动态指针效果及其行为模式。当人们使用一个指针设备时,iPadOS 会自动适配指针到当前的操作场景中,并提供丰富的视觉反馈和恰到好处的精确度,用来提高效率、简化日常任务。

iPadOS 的指针系统给人们一种与 app 和内容进行交互的额外的方式,但它并没有代替触控。有些人可能会继续只使用触控操作,而其他人可能会更喜欢使用指针操作或者两者结合。让人们去选择如何与你的 app 进行交互,避免压缩你的 app 的界面或者作出一些要求他们必须使用指针的改变。

Read more   2020/04/04 posted in  Design

Apple 无障碍功能设计规范

人们会使用 Apple 的无障碍功能/辅助功能(Accessibility)(例如减少透明度、旁白、增加字体尺寸)以适合他们的方式去个性化他们如何与设备交互。一个可用的 app 通过设计支持这些个性化,无论人的能力和人们如何使用他们的设备,让每一个人都能享受绝佳的使用体验。

Read more   2020/02/12 posted in  Design

核心设计原理(下)

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

Read more   2019/10/03 posted in  Design

核心设计原理(上)

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

Read more   2019/10/01 posted in  Design