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

尺寸级别和核心要素 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

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

Study iOS 9 Programming with Swift(4)

使用Swift进行iOS编程知识点总结第四篇。

Read more   2016/9/1 posted in  Develop

Study iOS 9 Programming with Swift(3)

使用Swift进行iOS编程知识点总结第三篇,主要包括Navigation Bar的导入和Appearance的自定义、状态栏的样式自定义、Segue的基本使用和通过Segues在两个View Controller间传递数据。

Read more   2016/8/30 posted in  Develop

Study iOS 9 Programming with Swift(2)

使用Swift进行iOS编程知识点总结第二篇,主要包括Table View和Table View Controller的区分使用,对Table View的Cells进行自定义,为每个cell添加分享动作,自定义tableview,图片圆角处理、模糊化处理等。

Read more   2016/8/13 posted in  Develop