蘋(píng)果造型分析

Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程（1）關(guān)鍵詞:apple,曲線

這一篇繼續(xù)以Apple為主題，在半年前Apple發(fā)布了新一代MacBook，一年多年推出了MacBookAir，而當(dāng)現(xiàn)在再去看這兩個(gè)產(chǎn)品的一些細(xì)節(jié)，特別是Unibody的邊線，一樣還會(huì)感到震驚，如果要選近幾年（甚至更廣的時(shí)間跨度）工業(yè)設(shè)計(jì)中造型設(shè)計(jì)最具突破性的產(chǎn)品，無(wú)疑我會(huì)選MacBookAir,MacBook以及MacBookPro，此前或者此后，誰(shuí)能夠想到筆記本（或Apple筆記本）還能如此突破？當(dāng)然肯定會(huì)有人不這么認(rèn)為，也不會(huì)被Unibody的邊線所震驚，但新MacBook的設(shè)計(jì)是經(jīng)得起時(shí)間考驗(yàn)的，這個(gè)時(shí)間考驗(yàn)不只是牢固，不只是使用中留下的痕跡帶來(lái)的體驗(yàn)……而是蘊(yùn)藏在設(shè)計(jì)中的美可以不斷流露。當(dāng)然這不只是Unibody的功勞，還包括我們這篇要說(shuō)的“曲線”。我想在設(shè)計(jì)師之中，絕大多數(shù)都有意無(wú)意的模仿過(guò)Apple，那么當(dāng)我們模仿Apple的時(shí)候，我們?cè)谀７率裁茨兀?/p>

或許就是類(lèi)似這樣，但不限于這?；蛟S這太簡(jiǎn)單，那么找一個(gè)視覺(jué)更豐富的例子：

就是sonos，也許我們不能稱(chēng)其為模仿，但是sonos是少數(shù)被認(rèn)為具有Apple設(shè)計(jì)氣質(zhì)的產(chǎn)品。那么無(wú)論從我們簡(jiǎn)單的模仿，還是到sonos，我們可以粗淺的認(rèn)為所謂AppleStyle的關(guān)鍵就是圓角，畫(huà)一個(gè)正規(guī)簡(jiǎn)潔的形狀，給它一個(gè)不大不小的圓角，就接近Apple了，至少在幾年前是這樣的，由此繞一圈熱完身，正式引出我們文章的主題：Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程我們都知道Apple可以代表簡(jiǎn)潔設(shè)計(jì)，從線以及形狀上來(lái)說(shuō)，可以說(shuō)是現(xiàn)代主義風(fēng)格，比如正四邊形，比例控制良好的矩形，在此基礎(chǔ)上引入圓角。而這是一般對(duì)Apple風(fēng)格的大致印象，實(shí)際上Apple一直在變，我們把起始點(diǎn)定在1998年，來(lái)看一下Apple產(chǎn)品上這些圓角和曲線的進(jìn)化歷程。1.浪漫主義時(shí)期

我們是浪漫主義的鼓吹者，浪漫主義是追求自我的解放，擺脫束縛，信馬由韁。不管這樣來(lái)形容Apple是否正確，但不可否認(rèn)的是，在98年之前，Apple已經(jīng)壓抑很久了。我們不在其他方面展開(kāi)，只圍繞著設(shè)計(jì)。98年之前，Apple的產(chǎn)品與其他PC廠商的產(chǎn)品在設(shè)計(jì)相差不是很大，也就是整個(gè)個(gè)人計(jì)算機(jī)領(lǐng)域雖然時(shí)有一些創(chuàng)新設(shè)計(jì)，但是已經(jīng)在塑料殼子上循規(guī)蹈矩了，或許可以看作從打字機(jī)到電視機(jī)走出而進(jìn)入一個(gè)成熟期，Apple保持了早先FrogDesign時(shí)期留下的一些設(shè)計(jì)元素，比如“雪白”“裝飾凹槽”（1982到1988），后期則是RobertBrunner主管（1989到1996），設(shè)計(jì)出色的PowerBook系列產(chǎn)品，此時(shí)圓弧線條已經(jīng)在設(shè)計(jì)上使用較多了，但這些圓弧如同成熟的套路一樣，并沒(méi)有鮮明地表征什么。

上圖來(lái)自這。iMacG3的發(fā)布開(kāi)啟了Apple新的篇章，也標(biāo)志著Apple設(shè)計(jì)的JonathanIve時(shí)代的到來(lái)，這是Apple1998年的1984，只不過(guò)老大哥是自己，從此Apple煥然一新，個(gè)人電腦的設(shè)計(jì)也出現(xiàn)了新的歷程，iMacG3的彩色和半透明流行風(fēng)一直刮到21世紀(jì)。

上圖來(lái)自這。我們把重點(diǎn)放在曲線，iMacG3不再將曲線作為一種修飾的服務(wù)配角，而是接近盡情揮灑，此時(shí)曲線的特征是飽滿。無(wú)論從正面還是側(cè)面還是頂視，我們都可以看到舒展的線條。一個(gè)能代表整體的細(xì)節(jié)，就是半圓弧或類(lèi)半圓弧的使用，比如上圖的揚(yáng)聲器，背部的提手，甚至是背部的接線區(qū)，見(jiàn)下圖。

圓弧無(wú)處不在。

上圖來(lái)自這。

上圖來(lái)自這。

iMacG3的設(shè)計(jì)風(fēng)格延續(xù)到1999年推出的iBookG3(Clamshell)以及PowerMacG4上。

舒張的完整大圓弧。飽滿的曲線給人親和力以及生命力的感覺(jué)，而在當(dāng)時(shí)個(gè)人計(jì)算機(jī)還沒(méi)有完全脫離精密儀器的形象，而Apple打破了這個(gè)界限，肆意揮灑。由于多種原因，也使得Apple的產(chǎn)品容易讓人和時(shí)尚甚至女性化結(jié)合起來(lái)，這種影響一直作用到現(xiàn)在，曾幾何時(shí)，iMacG3是雜志媒體上個(gè)人電腦的代言人。iMacG3解放Apple也解放了個(gè)人電腦。

2.后浪漫主義時(shí)期

所謂后浪漫主義是指在iMac爆發(fā)革命之后，在下一個(gè)時(shí)期到來(lái)之前的時(shí)期，由浪漫主義進(jìn)入一個(gè)相對(duì)穩(wěn)定期，我們主要是憑產(chǎn)品的設(shè)計(jì)，并非嚴(yán)格的按照時(shí)間。

PowerMacG4Cube或者簡(jiǎn)稱(chēng)為G4Cube，2000年推出，2001年終止，這是從SteveJobs離開(kāi)Apple創(chuàng)辦的NeXT的NeXTcube上繼承過(guò)來(lái)，邊長(zhǎng)7英寸的立方體，雖然G4Cube本身壽命不長(zhǎng)，但是它設(shè)計(jì)的影響遠(yuǎn)大，包括對(duì)Apple自己的產(chǎn)品。透明已經(jīng)是此時(shí)Apple的一個(gè)風(fēng)格，我們?nèi)匀挥懻撉€為主，Cube的頂面我們可以看到繼承自iMacG3的大半圓弧。而在Cube四周出現(xiàn)的圓弧過(guò)度，結(jié)合簡(jiǎn)潔的形狀，將成為Apple一個(gè)主要形態(tài)，也就是我們開(kāi)頭說(shuō)到的“當(dāng)你模仿Apple時(shí)，你在模仿什么”的那個(gè)特征，我想在那個(gè)年代，如果讓自己來(lái)設(shè)計(jì)一個(gè)方塊，很多可能毫不猶豫將另外的邊也圓角過(guò)度，當(dāng)然決定Cube這樣的還有材料的關(guān)系。從顯示器中，我們也可以看到原先的大圓弧，包括長(zhǎng)自由曲線已經(jīng)開(kāi)始收縮，走向理性。

PowerMacG4的升級(jí)版，PowerMacG4Quicksilver，主要是顏色材質(zhì)上一些變化，如果說(shuō)前面說(shuō)的浪漫主義時(shí)期是一種開(kāi)拓，讓人感受到親和力，生命力，時(shí)尚等等，那么此時(shí)透明以及純色則在品質(zhì)的追求上更進(jìn)一步。

我們將2002推出的eMac也歸類(lèi)到這個(gè)下面，可以比較一下iMacG3，曲線由更多的直線形代替，曲線也由肆意的自由曲線過(guò)度到基本曲線，比如正面邊框的圓角面。3.插曲1-iPodG1

iPod第一代，2001年10月23號(hào)發(fā)布，當(dāng)時(shí)很少有人會(huì)想到今后它的輝煌。從曲線上來(lái)說(shuō)，是非常理性的簡(jiǎn)潔設(shè)計(jì)，平面-圓角過(guò)度-平面。4.插曲2-iMacG4(iLamp)

如果我們真把Apple歷程用浪漫主義、后浪漫主義來(lái)分的話（其實(shí)這篇文章重點(diǎn)在曲線和風(fēng)格，不必過(guò)分講究浪漫主義什么意思），那么iMacG4無(wú)疑是后浪漫主義時(shí)期的一次浪漫火花的自燃，或者是G4Cube的靈魂附體。關(guān)于這個(gè)產(chǎn)品不再詳細(xì)介紹，但從曲線上我們已經(jīng)看到理性的一面了。Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程（2）關(guān)鍵詞:apple,曲線

前文：Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程（1）5.理性主義

和前文一樣，我們用“理性主義”這個(gè)詞并不是來(lái)談主義，只是為了界定，拿一個(gè)較順手的詞來(lái)用而已。用PowerBookG4鈦合金版來(lái)打頭，這個(gè)產(chǎn)品發(fā)布于2001年1月，它從前一代PowerBookG3進(jìn)化而來(lái)，在設(shè)計(jì)上大大的簡(jiǎn)化，將一些適合多余設(shè)計(jì)的曲面，適合人機(jī)的曲面……可以說(shuō)去掉一切，用最簡(jiǎn)潔的直線和平面來(lái)重新設(shè)計(jì)?？蓪?duì)比下圖：

上面的PowerBookG3的線性風(fēng)格也代表著一段時(shí)期工業(yè)設(shè)計(jì)的流行風(fēng)格，甚至現(xiàn)在有人還在使用，就是用較樸素的曲線代替早先的機(jī)器直線風(fēng)格。PowerBookG4不只是一個(gè)坦平的盒子，那么以什么來(lái)豐富，細(xì)節(jié)。我們可以看到細(xì)小的圓弧到處存在，1/4圓弧、1/2圓弧、圓，觸摸操作區(qū)的大圓弧也可以看作是iMac上一些元素的繼承，這些圓弧增加了整體的精致感，PowerBookG4也為今后這個(gè)產(chǎn)品線以及其他Apple產(chǎn)品定下了簡(jiǎn)潔硬朗的基調(diào)（簡(jiǎn)潔平面+小圓弧過(guò)度）。

iBookG3第二代以及iBookG4，最早是在2001年5月1號(hào)發(fā)布，將PowerBookG4上的圓弧元素強(qiáng)化，比如上蓋A殼的四角，這樣的圓弧過(guò)度帶來(lái)親和力，加上色彩，人們樂(lè)于稱(chēng)它為“小白”，但這一種親和力和iMacG3以及前一代的iBook的親和力不同，比如前一代更傾向是一種外向型親和力，這個(gè)我們就稱(chēng)它為內(nèi)向型親和力，白色也再一次成為Apple的代表色。

PowerBookG4鋁合金版，2003年1月發(fā)布，Apple開(kāi)始使用鋁合金，風(fēng)格接近iBook，上蓋四角也出現(xiàn)圓弧過(guò)度。

PowerMacG5，從柔和光亮的PowerMacG4跳到了鋁合金機(jī)身冷峻精致的PowerMacG5。

iMacG5，風(fēng)格延續(xù)（方盒子+四邊導(dǎo)圓角），但背部出現(xiàn)大跨度的弧面。

新iMac，MacBook，MacBookPro

MacMiniRpple——Apple產(chǎn)品上的曲線進(jìn)化歷程（3）關(guān)鍵詞:apple,曲線

Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程(1)(2)

6.NewEdge

如前，這幾個(gè)詞語(yǔ)“浪漫主義”“理性主義”“NewEdge”主要是來(lái)劃分而用。前面兩篇是鋪墊，這一篇是交流的主要內(nèi)容。在(1)中說(shuō)到了震驚，那么什么是震驚，大概可以描述如下，比如在“理性主義”時(shí)期，當(dāng)你去想Apple接下來(lái)會(huì)是怎樣風(fēng)格的設(shè)計(jì)，很難想，而當(dāng)它出了新產(chǎn)品，“耳目一新”為一震，“就是它就是它”為二震，“知其過(guò)程”為三震，當(dāng)然性能好，可以一直震下去?；氐角€，我們將這一時(shí)期稱(chēng)為NewEdge，也透露著將在Apple產(chǎn)品上出現(xiàn)新的曲線和邊緣形式，先看幾個(gè)對(duì)比圖：

iPod5代和6代的側(cè)面比較，仔細(xì)看哪里發(fā)生變化。

iPhone1代和iPhone3G的側(cè)面對(duì)比，側(cè)面變化很明顯，但也請(qǐng)仔細(xì)比較。

iPodTouch1代和iPodTouch2代的側(cè)面及背面的比較。從上面幾個(gè)圖的比較可以發(fā)現(xiàn)過(guò)度的曲線發(fā)生了變化，比如iPodClassic本來(lái)上表面是一個(gè)平面，這個(gè)平面的四角有圓弧過(guò)度，但是第6代不僅四角圓弧過(guò)度，而且四周有了曲面過(guò)度，反應(yīng)在側(cè)視圖上就是一條曲線過(guò)度。iPhone、iPodTouch的側(cè)試圖中過(guò)度曲線，用感覺(jué)來(lái)說(shuō)，就是過(guò)度更平緩，而在iPodTouch上連續(xù)曲線跨過(guò)脊背走向了正面。而這些過(guò)度的曲線不再是“理性主義”時(shí)期的圓弧過(guò)度，而是傾向于自由曲線，我們?cè)谡f(shuō)“浪漫主義”時(shí)期時(shí)，也是自由曲線，但比較可以發(fā)現(xiàn)有所不同，此時(shí)的自由曲線更克制。圓弧過(guò)度你可以簡(jiǎn)單描述，比如說(shuō)“R10”的過(guò)度，但是自由曲線如何描述呢？至少口頭上現(xiàn)在沒(méi)有什么能描述。我們可以看一個(gè)示意圖：

1為一個(gè)四邊形，2為一個(gè)加了圓角，3看上去和2類(lèi)似，4就是自由曲線的過(guò)度。上面的這些絨毛代表著曲線的曲率變化（類(lèi)似觸角線的長(zhǎng)短示意此處曲率半徑的倒數(shù)），即表示一條線上不同位置的彎曲程度。那么2和3看上去差不多，為什么曲率變化情況就不一樣呢？沒(méi)興趣下面一段可以略過(guò)。

～～～～～～～～～～～～～熟悉軟件估計(jì)都知道這是因?yàn)橐粋€(gè)是切線連續(xù)，一個(gè)是曲率連續(xù)。這里也不詳談，可以引入core77上的一些文章，APeriodicTableofForm:Thesecretlanguageofsurfaceandmeaninginproductdesign,byGrayHolland形式周期表：曲面的秘密語(yǔ)言以及在產(chǎn)品設(shè)計(jì)中的意義，鏈接（感興趣可以一讀）。這篇文章從自然界說(shuō)到產(chǎn)品設(shè)計(jì)，關(guān)于不同類(lèi)型的曲面，最后頁(yè)說(shuō)到了MacBook，在這里引入那里的一張圖來(lái)示意不同類(lèi)型的連續(xù)的曲面帶來(lái)的不同的視覺(jué)體驗(yàn)。

上面123依次為位置連續(xù)、切線連續(xù)以及曲率連續(xù)，位置連續(xù)即兩面或兩線相交，切線連續(xù)即兩面或兩線相交并相交處的切線方向一致，曲率連續(xù)即兩面或兩線相交并相交處的切線方向一致并曲率大小也相同，通常我們用G0連續(xù)，G1連續(xù)，G2連續(xù)來(lái)簡(jiǎn)稱(chēng)（當(dāng)然有G3、G4等更高級(jí)的連續(xù)，依次叫做曲率變化率連續(xù)，曲率變化率的變化率連續(xù)，曲率變化率(n+1)的變化率連續(xù)）。那么在視覺(jué)上是有什么不同體驗(yàn)，看上去三個(gè)不同方塊上光線形成的倒影的邊線的情況，G0可以看到倒影的邊線斷開(kāi)了，G1倒影的邊線連接著，但是有尖點(diǎn)，而G2不僅連接上而且光滑過(guò)度，這就是差別。其他請(qǐng)查找相關(guān)或者ClassA曲面的一些資料。Core77的這篇文章在說(shuō)MacBook的時(shí)候，是以不同的連續(xù)情況(G0或G2)出發(fā)的，但是這里我想把MacBook前后的變化放在不同曲線上討論，畢竟看上去是圓弧過(guò)度的也可能是G2連續(xù)，比如說(shuō)上面幾個(gè)黑方塊的第3個(gè)就是G2連續(xù)，但是曲線看上去還是和圓弧過(guò)度差不多，對(duì)我們來(lái)說(shuō)，前后差別最大的不在于交接點(diǎn)，而是曲率的變化，比如黑塊2，3，4比較，4同2、3差別更大。

～～～～～～～～～～～～～

MacBook隨著新版Unibody的推出，曲線也發(fā)生了類(lèi)似如上所舉的iPod,iPodTouch,iPhone這樣的變化，我們先從感覺(jué)上再來(lái)體驗(yàn)一下從“理性主義”時(shí)期到“NewEdge”時(shí)期不同曲線（曲面）過(guò)度的直觀體驗(yàn)。我們可以從Flickr上查找一些圖片，可以看到人們非常著迷于新MacBook的設(shè)計(jì)。

（圖片來(lái)自這）那么這兩中曲線（曲面）有什么差別嗎？各人有自己的體驗(yàn)，總的來(lái)說(shuō)，圓弧過(guò)度有時(shí)會(huì)讓我們感覺(jué)是模擬時(shí)代的東西，Apple能夠把它做到親和力以及有一點(diǎn)雅致，但是和自由曲線過(guò)度的MacBookUnibody相比，后者更有時(shí)代感，更薄同時(shí)更富張力，更有技術(shù)性的優(yōu)雅之感。

（圖片來(lái)自這）

“NewEdge”除了自由曲線的過(guò)度，還有就是細(xì)節(jié)對(duì)與曲線對(duì)于Unibody的烘托作用。

在“理性主義”時(shí)代的產(chǎn)品，比如iBook，我們總是看到相交于1點(diǎn)的三面相交都是圓弧過(guò)度，帶來(lái)一種柔和飽滿的感覺(jué)，而新MacBook則更富有攻擊性，用我們以前的詞形容，就是“亮利”，或者說(shuō)cool。從上面這個(gè)圖我們從上到下可以看到幾條銳利的邊界線，最上的一條剛好能襯托住頂上的弧面，而下面幾條突出了Unibody的整體感，工藝的品質(zhì)。

（圖片來(lái)自這）

另一個(gè)增強(qiáng)Unibody的整體感，工藝的品質(zhì)的細(xì)節(jié)，當(dāng)然首先是功能性的。Rpple——MacBook的曲面特征及高光表現(xiàn)關(guān)鍵詞:apple,MacBook,曲線,曲面

在“Rpple——Apple產(chǎn)品上的曲線進(jìn)化歷程（3）”中我們將依據(jù)Apple產(chǎn)品上的一些新設(shè)計(jì)語(yǔ)言將這一時(shí)期的Apple設(shè)計(jì)風(fēng)格以“NewEdge”來(lái)稱(chēng)呼，區(qū)別于曲線進(jìn)化歷程（2）中介紹的“理性主義”時(shí)期規(guī)則的圓角過(guò)度，在“NewEdge”時(shí)期，Apple的產(chǎn)品出現(xiàn)了更自由的曲面以及鋒利的邊線，這時(shí)期的特征在新MacBook系列產(chǎn)品中表現(xiàn)的尤為淋漓盡致，所以這一篇文章將以MacBook為例，嘗試更深一步來(lái)交流一下造型設(shè)計(jì)中曲面相關(guān)的一些問(wèn)題。上圖我們看到的是MacBook的一個(gè)細(xì)節(jié)特寫(xiě)，這張圖片也在前面“曲線進(jìn)化歷程（3）”中使用，我們并不另外引用圖片，一個(gè)原因是這些MacBook的新照片都照得一樣漂亮，如果你不以此為然，可以用MacBook用搜索引擎或者各類(lèi)相片分享網(wǎng)站搜索看一下，為什么照得一樣漂亮呢，因?yàn)镸acBook很上鏡，其實(shí)就是說(shuō)MacBook漂亮嗎，你或許不認(rèn)同這種說(shuō)法，但是你一樣可以往下看，我們沒(méi)說(shuō)比誰(shuí)漂亮，假如你討厭一個(gè)人（或巨大一群人）說(shuō)一個(gè)東西漂亮，我想你早就應(yīng)該停住不看了。我們從上面這張照片能感受到什么，一個(gè)緩慢過(guò)度的曲面，而最顯眼的就是高光帶，所謂高光通俗說(shuō)就是最亮的地方（或者白色的），這條高光帶一面過(guò)渡很緩和，從亮到暗，而另一面在最亮的地方陡然截止，另外一面就是陰暗面，形成亮麗的分割線。上面說(shuō)到的無(wú)論你是從搜索引擎還是照片分享網(wǎng)站去搜索MacBook的照片，都覺(jué)得漂亮，其中一個(gè)最主要的特征就是這條高光帶，其實(shí)這也說(shuō)明人們看到實(shí)物也是差不多?？梢試L試用Google搜索，不是在特殊條件下的照片，基本上有如上描述高光帶過(guò)渡。簡(jiǎn)要介紹一下高光，我們都知道我們眼睛能夠感知一切物體，是因?yàn)楣獾淖饔?，即光的反射（不發(fā)光物體），不同的反射情況讓我們獲得不同的感知，比如鏡面還是磨砂面，是平面還是弧面，也包括不同顏色不同材質(zhì)等等所有視覺(jué)可感知信息。光的反射有一個(gè)基本的定理，即反射光線入射光線和法線在同一平面內(nèi),反射光線和入射光線分居法線兩側(cè)并且反射角等于入射角，無(wú)論是鏡面還是漫反射都是這樣。當(dāng)我們眼睛位于反射線上的時(shí)候，我們看到的是強(qiáng)光，在漫反射中法線是朝四面八方的，我們看到高光就是因?yàn)檫@一區(qū)域的更多的光線反射路線是到達(dá)眼睛的，高光帶漸變就是反射到眼睛的光的數(shù)量的漸變，所以高光是決定于物體的法線分布和光源、眼睛的位置。而物體表面法線的分布是由表面的材質(zhì)以及形狀決定的，從宏觀上來(lái)說(shuō)，形狀是高光形狀特征的主要決定因素，比如同一形狀不同材質(zhì)的高光表現(xiàn)類(lèi)似，其實(shí)這也是我們眼睛能夠感知形狀的原因，同時(shí)也說(shuō)明高光帶在識(shí)別形狀中起的重要作用。我們先看一下，舊版MacBook照片：

照片來(lái)自這里。規(guī)則的圓角過(guò)度，對(duì)比一下新版MacBook的高光表現(xiàn)，差別非常大，舊版的高光帶較新版的聚集，過(guò)渡區(qū)域狹窄，比較復(fù)雜，比如高亮的角，不夠豐富，即沒(méi)有緩慢過(guò)渡也沒(méi)有新版一邊陡然切斷的感覺(jué)。高光表現(xiàn)的就是曲面。

也是用在前文的一張圖片。

富，即沒(méi)有緩慢過(guò)渡也沒(méi)有新版一邊陡然切斷的感覺(jué)。高光表現(xiàn)的就是曲面。

和上圖一個(gè)系列，照片來(lái)自這里。

下面是一個(gè)示意圖：

兩種曲面界面的曲率變化雞冠示意圖，系列直線也表示曲線上的法線分布（疏密沒(méi)有比較關(guān)系）。注：這些法線分布是一個(gè)實(shí)際物體比如MacBook這個(gè)殼子上法線分布的宏觀反應(yīng)，實(shí)際物體的法線都是根據(jù)不同材質(zhì)朝向四面八方的。按照我們上面說(shuō)的，高