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/6 posted in  Design Develop

Designing Fluid Interfaces 设计流畅的界面 - WWDC 2018 Session 803

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

Read more   2018/8/9 posted in  Design Develop

内容丰富的通知 Rich Notifications - WWDC 2017 Session 817

Read more   2018/6/11 posted in  Design

尺寸级别和核心要素 Size Classes and Core Components - WWDC 2017 Session 812

如今开发 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/1/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

深入了解 App Store in iOS 11

WWDC 2017 上 Apple 介绍了 iOS 11 中全新设计的 App Store,在随后的 Session 中也从设计、编辑等角度详细介绍了焕然一新的 App Store。按照其介绍的思路,结合一些其他相关资料,在 iOS 11 正式版即将发布之前,来一起深入了解下 iOS 11 的 App Store。

Read more   2017/8/27 posted in  Design Develop Teconology

为订阅成功而设计 Designing for Subscription Success - WWDC 2017 Session 814

在订阅时提供一个轻松简单、透明易懂、吸引人的用户体验将会更好地传达订阅的价值、优化订阅的流程,更加容易获取新的订阅者。

Read more   2017/8/25 posted in  Design

iOS 11 设计上的改变 What’s New in iOS 11 - WWDC 2017 Session 810

从寻路、排版层级、对比度三个方面介绍 iOS 11 设计上的一些变化,从而帮助你设计一个具有丰富的视觉层级、清晰的导航、易于使用和简单的交互的 app。

Read more   2017/8/15 posted in  Design

WWDC Session 学习笔记总览

每年 6 月份的 Apple WWDC,除了揭晓 iOS、macOS、watchOS、tvOS 四大新系统的功能亮点的 Keynote 外,在之后还会有众多的针对不同角色、不同目的的开发者、设计师等准备的 Session。虽然有些很简短、有些所讲述的主题非常垂直,但从这些 Session 中说不定就能了解到系统设计背后的故事、未来新功能发展的走向、深入简出的设计/开发方法等。

「好记性不如烂笔头」,我把我看过的 Session 的精华整理成简短的笔记记录下来,笔记中的一些翻译不求准确,但重在理解其所说即可。这篇文章作为这些学习笔记的分类汇总,以方便日后查找。

与设计相关、功能介绍类的 Session 居多,比较简单、能看懂的与开发相关的 Session 也会有一些。

Read more   2017/8/14 posted in  Design Develop

从设计出发认识 UIAlertController

Apple 在 iOS Human Interface Guidelines 中提到了两种 View:Alert 和 Action Sheet。如果对 iOS 系统很熟悉的话,在各种 app 里都会看见这两种 View 的身影。两种 View 都会打断用户的操作,覆盖掉当前界面,在界面上以模态窗口的形式呈现,一般是向用户传达重要的信息并期望用户能够做出反馈。

Read more   2017/7/9 posted in  Design Develop