為什么MacBook Pro看起來厚了?
蘋果新 MacBook Pro 發(fā)布之后,對其外觀設(shè)計(jì)的改變,有著褒貶不一的評價(jià)。
左:PowerBook G4,右:MacBook Pro 16(2021)
有說「夢回 PowerBook G4」時(shí)代,有說「它太厚了」,有直言「太丑」,也有直言「終于想明白」了的。
與之前的模具相比,新 MacBook Pro 的確更圓潤,視覺上來說,的確更為「厚實(shí)」。而美與丑,更像是主觀判斷。
MacBook Pro 16(2021). 圖片來自:The Verge
至于「想明白」,更像是以功能性為出發(fā)點(diǎn)。更強(qiáng)的擴(kuò)展性,更為實(shí)用的鍵盤設(shè)計(jì),的確是與 Pro 更為相稱。
在此前采訪之中,MacBook Pro 和 M 芯片的開發(fā)團(tuán)隊(duì)也聽取了許多專業(yè)用戶的需求,并與產(chǎn)品融合,并且腦海中謹(jǐn)記「不是在造藝術(shù)品,而是生產(chǎn)力工具」,由此才誕生了面向 Pro 用戶的新 MacBook Pro。
蘋果芯片架構(gòu)師、副總裁蒂姆?米勒特(Tim Millet). 圖片來自:Apple
蘋果內(nèi)部產(chǎn)品團(tuán)隊(duì)向外傳達(dá)的信息似乎有那么一絲設(shè)計(jì)向「功能」妥協(xié)的意味,縱使有著能效比奇高的 M1 Pro/Max 打底,也沒能徹底解放蘋果足夠強(qiáng)勢的設(shè)計(jì)力。
似乎蘋果開始偏向功能,淡化設(shè)計(jì)?
仔細(xì)來看,新 MacBook Pro 的外殼略去了「舊模具」的直線和尖角,用上了「曲線」過渡兩個(gè)平面,邊緣之處沒有收窄,因此新 MacBook Pro 的厚度在數(shù)據(jù)上與舊款相差不大,但視覺上有著一眼的區(qū)分。
或許這就是「設(shè)計(jì)」的魅力所在。
不只是新 MacBook Pro 減少了直線、尖角,HomePod、iPad、Magic Keyboard 一類的新產(chǎn)品,或者正在改變外觀形態(tài)的產(chǎn)品,也都有著類似的趨勢。
「曲線」用的很多 ,硬過渡帶來的直線、尖角少了很多。仔細(xì)端詳,你看不出直線在哪里結(jié)束,圓角到底從哪里開始。
從設(shè)計(jì)語言角度來說,MacBook Pro 外觀的變化,更像是趨同和統(tǒng)一,而并非在向?qū)嵱弥髁x妥協(xié)。
方圓形是什么形狀?
方圓形這個(gè)詞其實(shí)跟英文的 Squircle 類似,均是方形(square)與圓形(circle)的組合。
圓角矩形與方圓形的區(qū)別。圖片來自:Arthur Van Siclen
但它并不代表的是圓形與方形的簡單相切疊加(這是典型的圓角矩形),而是曲線的曲率會逐步增加,逐步增長可見的曲線,它有著更平滑的過渡。
圓角矩形與方圓形像素級的差距。圖片來自:Arthur Van Siclen
蘋果最早是在 iOS 7 上引入「方圓形」的過渡曲線,并伴隨著向扁平化過渡。并且從彼時(shí)開始,方圓形的設(shè)計(jì)理念也開始出現(xiàn)在蘋果硬件和軟件的生態(tài)之中。
這樣的改變實(shí)則是蘋果前首席設(shè)計(jì)官喬納森?艾維(Ive)帶來,在談及是否違背了史蒂夫?喬布斯(Steve Jobs)的設(shè)計(jì)理念時(shí),艾維也強(qiáng)調(diào),方圓形只是像素級的修改,它本質(zhì)上仍然還是一種圓角矩形,這樣的改變并沒有違背喬布斯的意愿。
搭載 68K 處理器的 Macintosh. 圖片來自:macgui
早在開發(fā) Macintosh 圖形界面之時(shí),由于當(dāng)時(shí) Macintosh 的 68K 處理器算力有限,無法支持浮點(diǎn)運(yùn)算,因而無法通過常規(guī)算法來繪制橢圓。
蘋果工程師比爾?阿特金森(Bill Atkinson)則想出了一個(gè)聰明的算法來用加減來替代乘除平方等復(fù)雜運(yùn)算。但這并未受到喬布斯的夸贊,而是想通過它來繪制圓角矩形。
右一為 Bill Atkinson. 圖片來自:Apple
接下來就是耳熟能詳?shù)氖澜绲教幎际菆A角矩形,Macintosh 也應(yīng)該是。在接下來的幾個(gè)月內(nèi),圓角矩形出現(xiàn)在了用戶界面的各個(gè)角落。
方圓形的歷史要比 Macintosh 更為久一些,但它最早出現(xiàn)的并非是設(shè)計(jì)領(lǐng)域,而是數(shù)學(xué)。最早可以追溯到 1818 年,實(shí)質(zhì)就是學(xué)者對橢圓方程指數(shù)極限的研究。
運(yùn)用到實(shí)際案例上,則是 1959 年瑞典斯德哥爾摩的城市規(guī)劃中。
瑞典斯德哥爾摩賽格爾廣場中心著名的方圓形設(shè)計(jì)。
多條主干道交匯在一起,形成一個(gè)大型的矩形空間。為了更合理的利用空間,以及不干擾交通,作為顧問的皮特?海因(Piet Hein)創(chuàng)造性的把數(shù)學(xué)和藝術(shù)結(jié)合起來,用一則多元方程解決。而這個(gè)方程的解就是「方圓形」。
兼容了交通順暢度與美觀性,是當(dāng)時(shí)方圓形為產(chǎn)品帶來的優(yōu)勢。
方圓形設(shè)計(jì)有什么好處?
在皮特?海因后,建筑師扎哈?哈迪德(Zaha Hadid)在其作品之中也大量的運(yùn)用了不同曲率的曲線,廣州大劇院、北京大興機(jī)場便是其主要作品。
她被《衛(wèi)報(bào)》稱之為「曲線女王」,并給予了「她解放了建筑幾何,賦予了它們?nèi)碌谋憩F(xiàn)力」的評價(jià)。
無論是蘋果的產(chǎn)品,還是哈迪德的建筑,用曲面代替鋒利的過渡,它去除了批量生產(chǎn)工業(yè)品的印記,以及消除被制造的痕跡。
iPad Pro Magic Keyboard. 圖片來自:Arthur Van Siclen
柔和的過渡曲面難以讓我們想起工業(yè)流水線,汽車制造業(yè),以及實(shí)驗(yàn)室里面走出的標(biāo)品 。更多的是喚起在山澗之中磨去棱角的巖石,更像是自然的產(chǎn)物。不再是冷冰冰的無機(jī)產(chǎn)品,而是帶有幾分溫度的有機(jī)物。
在較為縹緲的個(gè)人感受之外,曲率不斷變化也會帶來一些較為務(wù)實(shí)的優(yōu)化。
斯德哥爾摩市中心的方圓形廣場便是一個(gè)緩和交通,帶來舒適感的一個(gè)例子。
另外,《Visual perception》一書的作者于爾格?納尼(Jürg N?nni)曾經(jīng)指出,人的視網(wǎng)膜對于圓形的處理速度要顯著高于邊角。相對于直角,圓角的物體更容易被人眼辨識。
在蘋果產(chǎn)品上,與其說是消除圓角矩形,倒不如說實(shí)則是在消除硬質(zhì)過渡,從 iOS 圖標(biāo),到 iOS、macOS 一系列的交互按鍵,都紛紛轉(zhuǎn)向方圓形,容易辨識、更容易集中是一個(gè)考量,而簡約消除工業(yè)感則是另一個(gè)考量。
iPhone X 之后,iPhone 外邊框的圓角,與系統(tǒng)內(nèi)的圓角完美契合,則是蘋果軟硬設(shè)計(jì)生態(tài)上趨同的一個(gè)明顯案例。
而 HomePod 的外觀則是運(yùn)用「方圓形」到極致,無論光線以何種角度,它都不會產(chǎn)生鋒利的陰影。
HomePod 與其他各類同類產(chǎn)品.
消除工業(yè)痕跡,讓消費(fèi)電子產(chǎn)品帶有溫度,與軟件系統(tǒng)的設(shè)計(jì)語言契合,則是讓蘋果近來的工業(yè)設(shè)計(jì)逐步偏向「方圓形」。
好處這么多,怎么只出現(xiàn)在蘋果產(chǎn)品上?
不同于蘋果有著圓角矩形的專利,歷史更為悠久的方圓形并非是獨(dú)占。再加上當(dāng)下發(fā)達(dá)的工業(yè)體系,想要在產(chǎn)品上復(fù)現(xiàn)方圓形的過渡,其實(shí)并不難實(shí)現(xiàn)。
就與當(dāng)年 Macintosh 上孱弱的處理器無法進(jìn)行浮點(diǎn)運(yùn)算一般,在工業(yè)生產(chǎn)中,需要有著極強(qiáng)的工業(yè)設(shè)計(jì)控制力,以及足夠的成本預(yù)算才能嚴(yán)格的控制代工到成品,從這里來說,也沒有那么容易。
從 iOS 7 刮起的圓角矩形,幾乎已經(jīng)成為現(xiàn)在很多系統(tǒng)和交互的主流呈現(xiàn)形式。而硬件中,方圓形的過渡,還未出現(xiàn)在其他品牌上,而系統(tǒng)與硬件均采用統(tǒng)一設(shè)計(jì)的,屈指可數(shù)。
新 MacBook Pro 設(shè)計(jì)語言的改變,有點(diǎn)像 iPhone X 開啟了軟件與硬件的設(shè)計(jì)統(tǒng)一,也是蘋果在不斷完善一致的設(shè)計(jì)語言。
而這過程中,蘋果也考慮了足夠的功能需求,比如專業(yè)工作流團(tuán)隊(duì)的意見,以及對各種接口的「撥亂反正」,不再過渡追求極致的輕薄。
不再以設(shè)計(jì)為主導(dǎo),或者功能為主導(dǎo),而是權(quán)衡二者,一方面遵循與自身生態(tài)一致的設(shè)計(jì)趨勢,另一方面對于功能性也不會為了天馬行空的設(shè)計(jì)追求而妥協(xié)。
本文來自微信公眾號“愛范兒”(ID:ifanr),作者:杜沅儐,36氪經(jīng)授權(quán)發(fā)布。