2019-6-5 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
WWDC19 可能是最近幾年最令人激動(dòng)的蘋(píng)果開(kāi)發(fā)者大會(huì)了。重回高端專(zhuān)業(yè)領(lǐng)域的 Mac Pro 不僅僅是性能怪獸,在專(zhuān)業(yè)度、設(shè)計(jì)感甚至細(xì)節(jié)的模塊化的設(shè)計(jì)上,體現(xiàn)出了蘋(píng)果這一頂尖大廠應(yīng)有的底蘊(yùn),說(shuō)實(shí)話,考驗(yàn)民間硬件評(píng)測(cè)玩家們的資金實(shí)力和評(píng)測(cè)能力的時(shí)候到了。在發(fā)布Mac Pro 這一系列產(chǎn)品的環(huán)節(jié),空耳幾乎完全聽(tīng)不懂說(shuō)的是啥,不過(guò)可以全程感知到每一個(gè)單詞都是牛X的,蘋(píng)果官方頁(yè)面的介紹現(xiàn)在肯定是最有說(shuō)服力的,因?yàn)樽罱脑u(píng)測(cè)起碼是要等到今年年底。
屬于 iOS 13 的 Dark Mode 正正好好滿足了所有人的想象,但是和簡(jiǎn)單直接的 Android Dark Mode 相比,又多出一絲優(yōu)雅,非常蘋(píng)果。擁有 App Store 和一連串新功能的 watchOS 終于成為了一個(gè)更加獨(dú)立、功能強(qiáng)大的硬件設(shè)備了,而 tvOS …… 不是重點(diǎn)。
重點(diǎn)是,在 iOS 和 macOS 之間,硬生生多出了一個(gè) iPadOS,這才是整個(gè)發(fā)布會(huì)上,最亮眼的星。
屏幕尺寸介于 iPhone 和 Mac 之間的 iPad ,一直沿用著交互機(jī)制相對(duì)比較簡(jiǎn)約的 iOS 。也正是因此,絕大多數(shù)的用戶的重度需求,被電腦尤其是Mac 所分走了,而高頻輕量的需求則被 iPhone 給分走了,iPad 系列產(chǎn)品在很多時(shí)候都是作為家庭娛樂(lè)設(shè)備而存在,你聽(tīng)到更多關(guān)于它的功能應(yīng)用場(chǎng)景,是看視頻追劇。
Apple Pencil 是這個(gè)系列的轉(zhuǎn)折點(diǎn)。書(shū)寫(xiě),創(chuàng)作,搭配鍵盤(pán)輸入,屏幕尺寸從9.7 一路上探到 12.9,iPad 開(kāi)始在觸摸為王的時(shí)代,開(kāi)始切入更多的使用場(chǎng)景。在學(xué)校里面越來(lái)越多的學(xué)生開(kāi)始使用一臺(tái)iPad 來(lái)作為 All in one 學(xué)習(xí)/娛樂(lè)設(shè)備,藝術(shù)家和音樂(lè)者開(kāi)始使用 iPad 替代手繪板和合成器,AR和娛樂(lè)的結(jié)合也越來(lái)越緊密,從創(chuàng)作到專(zhuān)業(yè)領(lǐng)域,iPad 成為了越來(lái)越多輕應(yīng)用場(chǎng)景的核心。
吃灰的 iPad 擁有了更多的可能性,而 iOS 的功能限制反倒成為了 iPad 短板,這大概也是 iPadOS 在整個(gè)生態(tài)中獨(dú)立出來(lái)的最重要原因之一吧。
使用單一屏幕作為輸入核心,圍繞觸摸來(lái)交互,以原有 iOS 作為開(kāi)發(fā)核心,深入到更多的細(xì)分應(yīng)用場(chǎng)景,連通 macOS 和 iOS ,iPadOS 的定位看似曖昧,實(shí)則在這個(gè)多元和高度垂直的時(shí)代,幫蘋(píng)果趟出了第三條路。
iPadOS 的新布局看起來(lái)終于不那么 iPhone了,原有最左一屏的小組件匯集到主屏幕之后,看起來(lái)越來(lái)越有桌面的意思的。
……專(zhuān)為多點(diǎn)觸摸的顯示屏而設(shè)計(jì),通過(guò)直觀的手勢(shì)實(shí)現(xiàn)多任務(wù)……它現(xiàn)在被稱(chēng)為iPadOS。
這是蘋(píng)果給 iPadOS 所寫(xiě)的出道宣言。
比起 iOS 12 時(shí)代更強(qiáng)的分屏模式,發(fā)布會(huì)現(xiàn)場(chǎng)演示的時(shí)候,展示了使用托拽在多個(gè)應(yīng)用之間快托拽內(nèi)容和元素的操作,多屏互通效率極高。
而多任務(wù)不僅僅體現(xiàn)在多個(gè)應(yīng)用之間的互動(dòng),同一個(gè)應(yīng)用同樣可以多屏存在——也就是我們常說(shuō)的多任務(wù)。比如打開(kāi)兩個(gè)「提醒事項(xiàng)」應(yīng)用,在兩個(gè)筆記之間,來(lái)回編輯內(nèi)容。點(diǎn)擊Dock 中的特定應(yīng)用圖標(biāo),你就能看到它到底開(kāi)了多少個(gè)頁(yè)面。
仔細(xì)想想,這是不是和桌面端的系統(tǒng)的邏輯越來(lái)越接近了?
想成為了一個(gè)獨(dú)立的設(shè)備,iPad 在用戶輸入端的短板需要補(bǔ)足,而為了解決這一問(wèn)題,蘋(píng)果為 iPadOS 精心定制化了一套組合拳:編輯手勢(shì),輸入提速,外設(shè)支持。
快速輸入是 iPad 的短板之一。不借助鍵盤(pán)而能快速輸入的方法之一,就是單手快速輸入。蘋(píng)果在iPadOS 上使用了一個(gè)全局的小鍵盤(pán),使用雙指捏合快速呼出,全局浮動(dòng),使用QuichPath 滑動(dòng)手勢(shì)輸入法,減少輸入的難度。這就是使用輸入法和鍵盤(pán)輸入提速的方法之一。
長(zhǎng)段落或者是其他內(nèi)容,又要怎么編輯呢?蘋(píng)果巧妙地將 Macbook 系列觸控板的三指手勢(shì)微調(diào)了一下,給遷移過(guò)來(lái)了:三指捏合是復(fù)制,三指散開(kāi)是粘貼,而三指滑動(dòng)是撤銷(xiāo)。
而輔助快速編輯手勢(shì)的, 是智能選取功能,光標(biāo)定位比以往更加智能和精準(zhǔn),把編輯輸入的最后一個(gè)短板也給補(bǔ)上了。
iPad 的多點(diǎn)觸摸屏幕本就支持大量不同的手勢(shì),功能支持不是難點(diǎn),難點(diǎn)在于用盡可能少、且認(rèn)知度足夠高的常見(jiàn)手勢(shì),以的認(rèn)知負(fù)荷,讓用戶更快上手,更舒適地做到各種各樣的事情。
以觸摸為核心的交互,以及的指針的交互,在iPadOS 上交匯了。這種交互模式無(wú)疑是實(shí)驗(yàn)性的,但是這也是未來(lái)所有的移動(dòng)端和數(shù)字產(chǎn)品的設(shè)計(jì)者都要考慮的問(wèn)題,而iPadOS 就是最重要的試驗(yàn)田。
當(dāng)然,外置鍵盤(pán)輸入也并不是難事。iPad 本身的配套鍵盤(pán)套和第三方藍(lán)牙鍵盤(pán),多數(shù)有輸入需求的用戶都已經(jīng)購(gòu)置了,為此,蘋(píng)果給iPadOS 搭配了豐富的快捷鍵,來(lái)輔助輸入:
當(dāng)然,輸入這件事情上,Apple Pencil 也是非常重要的組成部分。蘋(píng)果將系統(tǒng)自帶的備忘錄應(yīng)用進(jìn)行了重設(shè)計(jì),其中很大一部分原因,就是為 Apple Pencil 提供更為強(qiáng)大的繪圖功能:
這樣一來(lái),即使你沒(méi)有購(gòu)買(mǎi)第三方的繪圖工具,同樣可以用它畫(huà)出足夠漂亮的插畫(huà)作品。除了特定APP中的手寫(xiě)輸入和繪圖這樣的使用場(chǎng)景之外,Apple Pencil 還作為日常截圖批注的主力,方便日常作筆記:
更好的輸入,最終的目的,始終是為了更好地輸出內(nèi)容。
iPadOS 的野心很大。作為一塊10英寸上下的屏幕之內(nèi)的操作系統(tǒng),它作為內(nèi)容承載的硬件,是一個(gè)很合理的想象,不然也不會(huì)有那么多開(kāi)發(fā)者一直在開(kāi)發(fā)將iPad 作為外接屏幕的應(yīng)用,而現(xiàn)在,用戶只需要連上Wifi ,它就能作為 Mac的外接屏幕。
打通了這一個(gè)環(huán)節(jié)之后,后面的事情就自然而然了:Apple Pencil 可以在屏幕上畫(huà)畫(huà),這樣一來(lái),它很自然而然就成了手繪板。發(fā)布會(huì)上,蘋(píng)果官方所放出的圖片當(dāng)中,涵蓋了多數(shù)設(shè)計(jì)師都在使用的設(shè)計(jì)軟件,其中不乏 AI、AE、Pr、Sketch、C4D、Zbrush 這些大熱設(shè)計(jì)工具。
更重要的一點(diǎn)在于,Apple Pencil 原本 20ms 的反應(yīng)延遲,在這次的更新之后,將會(huì)達(dá)到9ms,反應(yīng)速度提升了一倍以上!它已經(jīng)是一個(gè)稱(chēng)職的手繪板了。
有意思的地方在于,并沒(méi)有 PS。為什么?答案很簡(jiǎn)單啊,iPadOS平臺(tái)上的原生 PS 馬上就要來(lái)了?。∵B上Adobe 的創(chuàng)意云,兩個(gè)平臺(tái)又呼應(yīng)上了……
畢竟,想要打通細(xì)分的應(yīng)用場(chǎng)景,iPadOS 是需要自身具備強(qiáng)大生產(chǎn)力的,這意味著大量的獨(dú)立功能、服務(wù)和應(yīng)用支撐。
想要 iPadOS 能夠獨(dú)立完成視覺(jué)創(chuàng)造的工作,對(duì)于多種字體的支持是肯定需要的。在iPad 上獨(dú)立運(yùn)行 Photoshop 也同樣是需要這樣的功能支撐的,所以,干脆官方提供支持了:
而值得注意的是,作為一個(gè)設(shè)計(jì)公司,蘋(píng)果的想象力并不止于此。這次更新的功能當(dāng)中,有一個(gè)非常引人矚目的功能是 SF Symbols。
蘋(píng)果將1000多個(gè)常見(jiàn)的 iOS 和 macOS 的圖標(biāo)和蘋(píng)果官方的舊金山字體融為一體,這些圖標(biāo)和符號(hào)支持 iOS 13、iPadOS以及的 watchOS 6 和 tvOS 13,而且你還可以在官方的文檔支持之下,自己創(chuàng)造!
具體可以戳這里了解:SF-symbols 使用文檔
完全獨(dú)立的 iPadOS 將會(huì)需要好好管理本地和云端的文件系統(tǒng),官方將文件管理器進(jìn)行了升級(jí),確保它無(wú)需借助另外一臺(tái)電腦來(lái)完成操作。
核心應(yīng)用沒(méi)有問(wèn)題,和外接內(nèi)容進(jìn)入口也要一并升級(jí)。功能強(qiáng)大的 TypeC接口能夠直接讀取U盤(pán)和存儲(chǔ)卡:
而作為主要的瀏覽器,Safari 瀏覽器也向著桌面端瀏覽器的方向進(jìn)了優(yōu)化和調(diào)整,比如支持下載:
此外,圖片、照片和視頻的本地管理和剪輯功能,也一并進(jìn)行了升級(jí),這也是為了讓iPad 能夠成為一個(gè)更加獨(dú)立的產(chǎn)品而存在。
而真正改變游戲玩法的東西,在開(kāi)發(fā)和設(shè)計(jì)上。
多年以前,蘋(píng)果為了統(tǒng)一全平臺(tái)的應(yīng)用開(kāi)發(fā),開(kāi)發(fā)語(yǔ)言從原本的 Obj-C 遷移到自家的 Swift 語(yǔ)言。隨著移動(dòng)端應(yīng)用量的快速增長(zhǎng),移動(dòng)端的應(yīng)用數(shù)量其實(shí)早已超過(guò) macOS 平臺(tái)的開(kāi)發(fā)數(shù)量和頻度,這種變化也催生了 Project Catalyst。
圖片來(lái)自 engatget
這個(gè)名為「催化劑」的項(xiàng)目的目標(biāo)是希望開(kāi)發(fā)者可以更加便捷地將 iOS 應(yīng)用遷移到 macOS 上,比如說(shuō) Twitter 的開(kāi)發(fā)者只花了幾天時(shí)間,就將現(xiàn)有的 iOS APP 遷移到 macOS 上。緊隨其后,成千上萬(wàn)的移動(dòng)端應(yīng)用將都可以逐步地反哺到 macOS 上。
但是 Project Catalyst 只是權(quán)宜之計(jì),真正治根又治本的東西,則是這次的新的UI框架,SwiftUI。SwiftUI 是一個(gè)典型的原生應(yīng)用框架,是蘋(píng)果在磨合了上十年的經(jīng)驗(yàn)之后,所創(chuàng)造出一個(gè)的UI開(kāi)發(fā)框架,開(kāi)發(fā)者僅僅只需要極少量的代碼和交互式的設(shè)計(jì),就能夠調(diào)用這一框架。這一改變對(duì)于 iOS 平臺(tái)的設(shè)計(jì)和開(kāi)發(fā)都會(huì)有直接的影響。
在現(xiàn)場(chǎng)演示的時(shí)候,原本復(fù)雜無(wú)比的開(kāi)發(fā)代碼,在換用 SwiftUI 之后僅需幾行代碼聲明就可以搞定:
新的 Xcode 11 當(dāng)中,開(kāi)發(fā)者可以使用托拽的方式來(lái)增刪組件,而右側(cè)的實(shí)時(shí)預(yù)覽則能夠呈現(xiàn)每一點(diǎn)改變。而基于 SwiftUI 的代碼開(kāi)發(fā)模式,可以快速?gòu)?fù)用遷移到整個(gè)蘋(píng)果的產(chǎn)品平臺(tái)上,比以往任何時(shí)候都要快:
關(guān)于SwiftUI 的相關(guān)文檔:https://developer.apple.com/documentation/swiftui/
官方教程:https://developer.apple.com/tutorials/swiftui/
在新的 iPadOS 和 iOS13 中,系統(tǒng)的整體速度和性能得到了進(jìn)一步的提升,解鎖速度提升了30%,啟動(dòng)速度是以往的2倍,而應(yīng)用的容量也比以往要小。
對(duì),深色模式也是蘋(píng)果這次 iOS 產(chǎn)品更新的最核心特點(diǎn),甚至整個(gè)WWDC19 主題演講環(huán)節(jié)的整體視覺(jué)設(shè)計(jì)也是完全沿用這種沉浸感極強(qiáng)的深色模式視覺(jué)來(lái)進(jìn)行構(gòu)建的。目前蘋(píng)果的 HIG 當(dāng)中 iOS 的章節(jié)中新增了 Dark mode 的章節(jié),而 iPadOS 相關(guān)的系統(tǒng)的設(shè)計(jì)設(shè)計(jì)指南還未更新。
蘋(píng)果目前在設(shè)計(jì)規(guī)范中所提供的設(shè)計(jì)要求相對(duì)比較簡(jiǎn)略,感興趣的同學(xué)可以借助翻譯工具看一下:Dark Mode
如果你對(duì)于深色模式感興趣,我們還有文章提供給你:
由于目前蘋(píng)果官方暫時(shí)沒(méi)有更多的內(nèi)容,我們可以把深色模式更多的內(nèi)容留到今后來(lái)聊。
覺(jué)得社交網(wǎng)絡(luò)帳號(hào)登錄不夠安全?Google 和 Facebook 兩大巨頭在發(fā)布會(huì)上成了反面案例,蘋(píng)果適時(shí)地推出了自家的帳號(hào)登錄服務(wù)。
蘋(píng)果將產(chǎn)品和用戶之間的邊界劃分得非常清晰,包括借助 Homekit 為用戶提供基于本地存儲(chǔ)的安全服務(wù),在網(wǎng)上登錄的時(shí)候使用經(jīng)過(guò)加密的郵箱帳號(hào),等等。
而被蘋(píng)果點(diǎn)名的兩家著名科技企業(yè),Google 和 Facebook 也是在之前的 Google I/O 大會(huì)以及F8 大會(huì)上,相繼針對(duì)隱私策略、安全服務(wù)進(jìn)行了提升。
如果你對(duì)于這些大會(huì)感興趣可以看看之前的文章:
和每年9月的新品發(fā)布相比,WWDC 的信息量一點(diǎn)都不小。尤其今年還有超贊的 Mac Pro,單開(kāi)2篇文章都不一定聊得完。但是在我看來(lái),和設(shè)計(jì)關(guān)系最緊密的產(chǎn)品,應(yīng)該就是 iPadOS了。這個(gè)獨(dú)特操作系統(tǒng),巧妙地卡在一個(gè)獨(dú)特的需求點(diǎn)上,它本身的設(shè)計(jì)和定位、用戶體驗(yàn)的考量、服務(wù)用戶的思路、牽涉到的功能和服務(wù)乃至于它對(duì)于設(shè)計(jì)的影響,都是巨大的。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com