當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

從 iOS 7 的電話(huà)圖標(biāo)設(shè)計(jì)到電木……

2019-10-26 2095 0

第一部分

      iOS 7 剛發(fā)布之時(shí),視覺(jué)上的變動(dòng)立馬嚇傻了不少人,也激怒了不少人,包括設(shè)計(jì)師,那時(shí)候經(jīng)常可以看到一種說(shuō)法,“我四歲的侄子都畫(huà)得比這好。”“就像是剛學(xué)會(huì) Photoshop 的人畫(huà)得。”類(lèi)似這些話(huà)語(yǔ)多指 iOS 7 的圖標(biāo)設(shè)計(jì)。實(shí)際上,這些評(píng)語(yǔ)并不少見(jiàn),倫敦 2012 奧運(yùn)會(huì)標(biāo)志出來(lái)的時(shí)候也是這樣說(shuō),通常用來(lái)評(píng)價(jià)那些脫離已有審美習(xí)慣的作品,這個(gè)審美習(xí)慣不只是樣貌上的喜好比如習(xí)慣了柔和就不喜歡硬朗,更重要的基礎(chǔ)是一種認(rèn)知模式,那么放到設(shè)計(jì)師身上,就關(guān)系到制作習(xí)慣。當(dāng)設(shè)計(jì)師將制作習(xí)慣當(dāng)作設(shè)計(jì)的基礎(chǔ),比如能力,那么只要收集足夠多的制作模板就可以代表設(shè)計(jì)的能力,它同時(shí)影響到了認(rèn)知,所以一旦出現(xiàn)挑戰(zhàn)這些模板的時(shí)候,就站在模板的正義正確性的角度上對(duì)挑戰(zhàn)者加以否定。iOS 7 圖標(biāo)的簡(jiǎn)單設(shè)計(jì),以抽象替代可以表現(xiàn)已有制作技巧的質(zhì)感性圖形時(shí),以模板收集為主的設(shè)計(jì)師就只能通過(guò)否定來(lái)維護(hù)自己了,否則就感覺(jué)自己的積蓄變成了廢紙了,設(shè)計(jì)師的維護(hù)當(dāng)然也要上前線。

      所以可以看到很多 iOS 7 的 Redesign,基本都是關(guān)于圖標(biāo)的,就想說(shuō)我可以設(shè)計(jì)得比你好,結(jié)果當(dāng)然不出所料,他們一定以舊有的認(rèn)知和習(xí)慣對(duì)其進(jìn)行修正,而且可以發(fā)現(xiàn)很多都在調(diào)整漸變、質(zhì)感和立體感之類(lèi),將一個(gè)系統(tǒng)打造成一個(gè)主題。

      如果以 iOS 7 的電話(huà)圖標(biāo)的再設(shè)計(jì)方案上去比較,可以發(fā)現(xiàn)兩個(gè)很有意思的方向,一個(gè)就是專(zhuān)注于表現(xiàn)那些收集的模板技巧,光影漸變層次等等,然后隨手也對(duì)電話(huà)圖標(biāo)的輪廓作了改變,似乎他對(duì)這個(gè)輪廓倒興趣不打,而更關(guān)注與輪廓邊緣的高光和陰影,但是這些結(jié)果看上去很可笑,尤其是那粗劣的輪廓和造型;另外一個(gè)就顯得聰明一點(diǎn),就是完全繼承了 iOS 7 的那個(gè)電話(huà)圖標(biāo)的輪廓,也許他在設(shè)計(jì)過(guò)程中意識(shí)到了這個(gè)形狀不錯(cuò),然后就是一些修飾性的工程,通過(guò)那些收集的模板技巧。

iOS 7 Phone icon

      iOS 7 的電話(huà)圖標(biāo)。知乎上有過(guò)一個(gè)問(wèn)題:iOS 7 里的改變,有哪些是 Jony Ive 的工業(yè)設(shè)計(jì)理念的衍生? 提問(wèn)者在問(wèn)題補(bǔ)充中說(shuō)類(lèi)似 iOS 7 圖標(biāo)的圓角矩形,我不認(rèn)為這是與“理念相關(guān)”,但如果問(wèn)題是 iOS 7 中有哪些是類(lèi)似 iOS 7 圓角圖標(biāo)一樣受工業(yè)設(shè)計(jì)的影響,那么我會(huì)回答這一個(gè),就是 iOS 7 的電話(huà)圖標(biāo)中的這個(gè)輪廓曲線。沒(méi)錯(cuò),就是簡(jiǎn)單的幾條曲線圍合,就能看出工業(yè)設(shè)計(jì)的影響,或許,可以看成是一個(gè) 6 條曲線的圍合。

iOS 6 Phone icon

      這是 iOS 6 的電話(huà)圖標(biāo),為了更細(xì)致的比較,將兩個(gè)圖標(biāo)作一下旋轉(zhuǎn),如下:

iOS 6 & 7 Phone icon

      可以看出 iOS 6 的電話(huà)圖標(biāo)是不對(duì)稱(chēng)的,而 iOS 7 的電話(huà)圖標(biāo)是完全對(duì)稱(chēng)的。

iOS 7 Phone icon

      通過(guò)比較可以看出 iOS 7 比 iOS 6 更像電話(huà),看上去更加有手感,而且比例和尺度感覺(jué)比 iOS 6 合適(見(jiàn)上圖與 Western Electric 的 G 系列手柄的重疊圖 ),也更現(xiàn)代,iOS 6 更像是老式電話(huà)的手柄,而且感覺(jué)不適合面部。所以這是通過(guò)形態(tài)的尺度上感覺(jué) iOS 7 更考究,像是工業(yè)設(shè)計(jì)的輪廓,而不是符號(hào)設(shè)計(jì)的輪廓,因?yàn)楦鼣M真了,而符號(hào)通常在尺度上會(huì)有改變,只求圖形和指向意義的直接關(guān)聯(lián)。

      而另外一個(gè)原因,讓 iOS 7 的電話(huà)圖標(biāo)感覺(jué)受工業(yè)設(shè)計(jì)的影響,就是曲線的繪制。

iOS 7 Phone icon

      這是我擬合繪制的圖形,并不是 100% 的重合,但已足夠接近。曲線就是指這一條大曲線,因?yàn)槠渌糠?,比如?huà)筒平面和聽(tīng)筒平面的夾角等,可以歸類(lèi)到上面的尺度部分,而這一條曲線需要單獨(dú)列出來(lái),主要是因?yàn)轭^部部分的過(guò)渡。上面我們?cè)鴮⑦@一整條曲線看作是 6 條圍合線里面的一條,但實(shí)際上不應(yīng)該看錯(cuò)是一條,如果是一條曲線,那么這條曲線將會(huì)非常復(fù)雜,只要考察一下曲線的曲率變化就可以,從手柄中部的大曲率半徑過(guò)渡到頭部很小的曲率半徑然后更擴(kuò)大并結(jié)束,可以體會(huì)一下曲率變化率的曲線。無(wú)論在平面或三維軟件中,如果繪制成單一的曲線將非常困難,當(dāng)然可以擬合,但擬合需要事先的模板比如手繪,而從設(shè)計(jì)的角度來(lái)說(shuō),沒(méi)有一個(gè)控制點(diǎn)是可以任意的,也就是每一控制點(diǎn)設(shè)計(jì)是都是確定的,這是設(shè)計(jì)中非常重要的一點(diǎn),那么如果一條曲線的控制點(diǎn)過(guò)多,無(wú)疑設(shè)計(jì)師會(huì)失去控制,比如中間的幾個(gè)控制點(diǎn)你就無(wú)法確定它一定得在這,那么也就是對(duì)曲線失去了控制,設(shè)計(jì)師不會(huì)陷入這種自造的陷阱之中。它是由幾段曲線連接成的,通過(guò)光滑的連續(xù),而在平面設(shè)計(jì)和軟件中通常是一條曲線代表一段形態(tài),它與下一條線段即使是光滑過(guò)渡,在形態(tài)上也發(fā)生了變化。這一點(diǎn)非常容易比較,只要去看一下其他圖標(biāo)設(shè)計(jì)中的手柄背部的曲線,有的盡管形態(tài)上彎曲性也很大,但是它的曲率變化是非常緩和均勻的,或者直接就形體的變化。也就是說(shuō) iOS 7 的電話(huà)圖標(biāo)這條曲線經(jīng)過(guò)工業(yè)設(shè)計(jì)式的精煉。

      現(xiàn)在我們?nèi)M合,無(wú)論是使用什么軟件都是簡(jiǎn)單的,多作調(diào)整就能達(dá)到滿(mǎn)意的結(jié)果,或許也可以通過(guò)手繪再導(dǎo)入作擬合,但無(wú)論是哪種,都需要問(wèn)最初是怎么生成的?而對(duì)于上面說(shuō)那些 iOS 7 圖標(biāo)再設(shè)計(jì)者來(lái)說(shuō),是不會(huì)去思考這一點(diǎn)的,因?yàn)?iOS 7 的這個(gè)圖標(biāo)就是剛收集的模板。

      至于在圖標(biāo)設(shè)計(jì)中追求這些是否必要這個(gè)問(wèn)題,并不能簡(jiǎn)單給出問(wèn)題,不可否定的是,這樣的設(shè)計(jì)在剔除一些多余的東西的同時(shí)也帶來(lái)了多余的東西,這些多余的東西包括尺度上擬真是否與 icon 的符號(hào)性和抽象性相抵觸,另外就是高級(jí)曲線必然就像它的數(shù)學(xué)描述一樣,必然包含更多的信息,那么在人對(duì)符號(hào)的認(rèn)知過(guò)程中這些信息是否要跳到前面來(lái)積極參與人的識(shí)別與認(rèn)知,這種平衡我們留在后面解答。

      我們先看看其他電話(huà)圖標(biāo)的繪制。

SAMSUNG Phone icon

      三星在電話(huà)的立體感上作了一些努力,如果與 iOS 6 比較而且將影響只看作影響,我認(rèn)為并沒(méi)有達(dá)到侵犯的地步,即感覺(jué)三星是對(duì)著某一手柄在繪制,可以比較背部的曲線弧度,在與 iOS 6 比較同時(shí),也可比較一下與 iOS 7 體會(huì)一下 iOS 7 精煉過(guò)的曲線。

SAMSUNG Phone icon

      無(wú)疑,三星被官司嚇得不輕,這是三星目前最新系統(tǒng)中的圖標(biāo)設(shè)計(jì),或許三星在選擇設(shè)計(jì)方案是靠律師的。

HTC Phone icon

      HTC 沒(méi)被嚇也這樣,還好旋轉(zhuǎn)了電話(huà)圖標(biāo)默認(rèn)的角度,否則看不出是電話(huà)還是把手。

Windows Phone icon

      Windows Phone 8 的,至少可以看出 icon 不需要寫(xiě)實(shí)不需要在尺度和輪廓上擬合現(xiàn)實(shí),當(dāng)然也需要和整個(gè)系統(tǒng)的匹配。這個(gè)圖標(biāo)的繪制就是規(guī)整的平面幾何繪制,它的特點(diǎn)和優(yōu)勢(shì)也得益于這種規(guī)整,因?yàn)槿藗兡茏R(shí)別出這種規(guī)整,比如相互垂直,那么就完全不用去考慮與真實(shí)的手柄相比會(huì)怎樣的問(wèn)題了。

Android Phone icon

      Android 的電話(huà)圖標(biāo),從圖標(biāo)設(shè)計(jì)的角度來(lái)說(shuō),這是一個(gè)偷懶的設(shè)計(jì),至于在系統(tǒng)上是否適合就得看整體,但 Android 在這些細(xì)部的視覺(jué)一致性上執(zhí)行很差。

Android Phone icon

      Android 也有圖標(biāo)性設(shè)計(jì),它的地位當(dāng)然不能與應(yīng)用圖標(biāo)比較,所以在此處它需要更抽象化,而形態(tài)的設(shè)計(jì)有一點(diǎn)類(lèi)似與 WP 8 的規(guī)整幾何性,并且向輪廓模擬方向上作一些細(xì)微的調(diào)整。

Sony Phone icon

      Sony 的,落伍的設(shè)計(jì),不過(guò)可以與 Android 的作對(duì)比,不清晰的光影表現(xiàn)非常影響識(shí)別,影響識(shí)別不是信息過(guò)多,而是形態(tài)組織雜亂讓人眼無(wú)法抓取輪廓。

LG Phone icon

      LG 的,你能認(rèn)為它是 LG 的嗎?它可以是任何其他人的,中庸的設(shè)計(jì)是很難有歸屬性,形成不了品牌的原真性及識(shí)別性。

BlackBerry Phone icon

      BlackBerry Z10,可以對(duì)比 iOS 7 的背部曲線,這個(gè)就顯得簡(jiǎn)單了,但是這個(gè)設(shè)計(jì)的一個(gè)缺點(diǎn)在于聽(tīng)筒或話(huà)筒的內(nèi)外弧線圓角和曲線過(guò)于相似,與 WP 8 做比較就顯得在形態(tài)上沒(méi)有考慮,簡(jiǎn)單也需要深思熟慮反復(fù)比較后。

Nokia N9 Phone icon

      Nokia N9 的,如果現(xiàn)在看來(lái),那么聽(tīng)筒和話(huà)筒處的立體表現(xiàn)是多余,影響識(shí)別。

Nokia 700 Phone icon

      Nokia 700 的,沒(méi)有骨骼的設(shè)計(jì),為什么,曲率變化太過(guò)緩和。

      看起來(lái)我們可以根據(jù)這個(gè)電話(huà)圖標(biāo)的設(shè)計(jì)來(lái)評(píng)判整個(gè)操作系統(tǒng)的設(shè)計(jì)了,它簡(jiǎn)單,但要繪制出色又是非常困難。

Nokia 101 Phone icon

  Nokia 101 的。

Nokia 1200 Phone icon

      Nokia 1200 的。試想如果將觸摸屏手機(jī)應(yīng)用圖標(biāo)中的電話(huà)輪廓應(yīng)用到這些位置上,會(huì)是怎樣?很少會(huì)有適合的,甚至可能就綠色和紅色的線條是最合適的。

       也就是說(shuō),現(xiàn)在的觸摸屏手機(jī)中的 icon 不是功能手機(jī)鍵盤(pán)上的符號(hào),也不是指示牌的符號(hào),不是視覺(jué)導(dǎo)引系統(tǒng)中的符號(hào)。

Otl Aicher Phone icon

      Otl Aicher 設(shè)計(jì)的電話(huà)圖標(biāo),來(lái)自:ERCO Aicher Pictograms。設(shè)計(jì)的時(shí)間在 1970 年代左右(具體時(shí)間未作考證,很多資料將其看成是他為慕尼黑奧運(yùn)會(huì)設(shè)計(jì)的視覺(jué)系統(tǒng)內(nèi),實(shí)際上是在這此前完成的)。

      試想在那個(gè)年代是否有人能畫(huà)出 iOS 7 的圖標(biāo)輪廓?那么 iOS 6 呢,如上其他的一些設(shè)計(jì)呢?

AIGA Phone icon

      這個(gè)電話(huà)圖標(biāo)可能見(jiàn)得更多了,因?yàn)檫@是 AIGA 提供的一套免費(fèi)使用符號(hào)內(nèi)的一個(gè)(AIGA | Symbol Signs)1974 年發(fā)布,AIGA 同美國(guó)運(yùn)輸部合作的結(jié)果。

Bildschirmtext Phone icon

      是德國(guó) Bildschirmtext 公司的標(biāo)志(Bildschirmtext Wikipedia),一家 1983 年創(chuàng)立運(yùn)營(yíng) Videotex 業(yè)務(wù)的通信公司,現(xiàn)在看起來(lái)是很酷的一種服務(wù)。

pictogram Phone icon

      icograda上有一篇文章:Iridescent :: Icograda and the development of pictogram standards: 1963-1986,介紹了 pictogram 標(biāo)準(zhǔn)的發(fā)展,里面不會(huì)少電話(huà)圖標(biāo)。上圖座機(jī)全貌的是 1964 年?yáng)|京奧運(yùn)會(huì)的電話(huà)圖標(biāo),而下面是 1965 年首先用于荷蘭鐵路,而后 ISO 標(biāo)準(zhǔn)中的圖形(左右是大小尺寸時(shí)不同應(yīng)用)。 如果你看這個(gè)手柄圖像,會(huì)發(fā)現(xiàn)它留有不少實(shí)體物的信息。

      作為指示性系統(tǒng)的其中一個(gè)符號(hào)來(lái)說(shuō),它并不需要展示自身的識(shí)別性,它的自身識(shí)別性是屬于設(shè)計(jì)師內(nèi)部,比如為了體現(xiàn)自己的知識(shí)產(chǎn)權(quán)自己的獨(dú)特性自己作為設(shè)計(jì)師的追求,而符號(hào)是為指向所服務(wù)的,就像面對(duì)一套相似的無(wú)襯線字體一樣我們不會(huì)去比較兩個(gè) P 字在設(shè)計(jì)上的異同,它們的獨(dú)特性更多在于整體的比較中,但這些獨(dú)特性對(duì)大眾來(lái)說(shuō)更薄弱,更加依賴(lài)于整個(gè)系統(tǒng),所以這一類(lèi)符號(hào)更像文字。

      人們對(duì)指示系統(tǒng)中的符號(hào)的使用往往是一次性的,不會(huì)有反復(fù),也就是說(shuō)當(dāng)看到電話(huà)符號(hào)明白電話(huà)亭,這其中并沒(méi)有快樂(lè),這個(gè)過(guò)程純粹為了效率,所以我們不會(huì)去回味剛才電話(huà)符號(hào)的形象和設(shè)計(jì),更不會(huì)將剛才那個(gè)電話(huà)符號(hào)指向電話(huà)亭這組關(guān)系收集起來(lái),并與普通的電話(huà)符號(hào)指向電話(huà)亭這組關(guān)系作并列,即這類(lèi)符號(hào)沒(méi)有咀嚼價(jià)值。

      手機(jī)上的 icon 當(dāng)然有效率上的很高要求,因?yàn)?icon 指向的內(nèi)容更復(fù)雜,而且對(duì)識(shí)別性的要求也更高,因?yàn)楸黄渌麘?yīng)用圍繞。它需要有抽象性,因?yàn)樗淖饔迷谟谥赶驊?yīng)用的內(nèi)容,它需要用形象來(lái)表達(dá)這種抽象性,在頭腦中形成的映射組合關(guān)系中需要有明確的感知形態(tài),如同我們對(duì)物體的認(rèn)知,總是嘗試在尋找輪廓,那些輪廓容易概括的物體通常我們會(huì)說(shuō)那是 iconic 的,而對(duì)于無(wú)形而不具形的東西,以及難以概括輪廓的物品,我們需要用更長(zhǎng)的時(shí)間來(lái)形成那對(duì)映射組合關(guān)系。但是又不能抽象成指示系統(tǒng)中的符號(hào)一樣,因?yàn)槿绻麑⑦@些符號(hào)放在一起,比如一個(gè)屏幕上,那就沒(méi)有效率可言了,并且這種使用不是一次性,所以建立起的映射關(guān)系需要更具體可感的元素。等等。

      這其中的平衡,iOS 7 的圖標(biāo)設(shè)計(jì)是很好的示范。

第二部分

      BBC 出的 《The Genius of Design》第二集,你可以直接跳到 50:00 出觀看,如果要更多一點(diǎn)的背景的話(huà),從 44:00 開(kāi)始。

      里面對(duì)比了 Henry Dreyfuss 1936 年為 Western Electric 設(shè)計(jì)的 Model 302 電話(huà)機(jī)與 Bauhaus 電話(huà)的對(duì)比,后者是 1928 年 Bauhaus 為 H. Fuld & Co. 設(shè)計(jì)的,一個(gè)是電話(huà)的理論上的形式,一個(gè)為傾向商業(yè)的形式。

      而視頻中對(duì)重量的比較并不能反應(yīng)真實(shí)情況,因?yàn)?Bauhaus 電話(huà)后來(lái)底座用了塑料,而 Model 302 此前也有用金屬作底座的外殼。另外 Model 302 受 Ericsson model DBH 1001 影響較大,也就是底座向上收縮的形式。

bauhaus telephone

  Bauhaus 電話(huà)

      這是一個(gè) Form Follow Function 的設(shè)計(jì),在當(dāng)時(shí)“形式追隨功能”并不像我們現(xiàn)在用時(shí)那么折衷,當(dāng)時(shí)是非常徹底的,剔除一切不必要的元素,使用基本的幾何形態(tài)。比如視頻中說(shuō)的聽(tīng)筒和話(huà)筒部分使用了圓形,那么為什么從側(cè)面看不是圓柱,那是因?yàn)橐獜哪>咧忻撀?,為什么?tīng)筒有一個(gè)斜面,以及話(huà)筒為什么要這么設(shè)計(jì)。

bauhaus telephone

      上圖來(lái)自這,為了防止聽(tīng)筒聲音干擾。

      那么 Bauhaus 電話(huà)的手柄為什么在話(huà)筒部分突出呢,而不像聽(tīng)筒部分那樣進(jìn)行融合呢?

bauhaus telephone

      看了這幅圖,以及查看一些手柄的圖,就可以了解 Bauhaus 電話(huà)的那處設(shè)計(jì)了,為了抽芯,因?yàn)槭直虚g需要是中空的,為了通線,那么如何來(lái)形成空腔呢,它可不像我們現(xiàn)在座機(jī)手柄的設(shè)計(jì),通過(guò)上下殼塑料件扣在一起,那么自然不需要關(guān)心中間的空腔了。早期的手柄是一體式的,所以抽芯來(lái)形成空腔是必須的,所以 Bauhaus 電話(huà)的那處設(shè)計(jì),是有一條直通聽(tīng)筒的為了走線的通道。也有一些其他的處理方式,比如直接放入一根金屬管等。

      那么為什么上圖所示的是弧形的呢,弧形的型芯更復(fù)雜,它需要保證是半徑恒定的圓弧,否則抽不出芯(除了從電話(huà)接入口處外,還可以從話(huà)筒和聽(tīng)筒處抽,Western Electric 的就是從此處抽芯,無(wú)論是 F1 型還是 G 型)。

bauhaus telephone

     Bauhaus 電話(huà)的手柄也有另外一個(gè)版本,在形態(tài)上可作比較。

      所以,我們看到的很多手柄之所以為那樣的弧型設(shè)計(jì),可能一個(gè)很重要的原因就是為了抽出中間的空腔。

      那么為什么手柄是兩頭小中間大的設(shè)計(jì),中間大是為了人機(jī)為了手的握持,兩頭小或許減少材料,讓形態(tài)更輕巧靈動(dòng),但此前的古式電話(huà)的影響是肯定的,就像話(huà)筒和聽(tīng)筒部分的設(shè)計(jì)。

      在一些大照片中可以看清 Bauhaus 電話(huà)手柄的分模線。那么,型芯的形態(tài)肯定要均一的,就是中空的截面處處一樣,而手柄卻是兩頭小,中間大,那么肯定造成了壁厚不均,如果以我們現(xiàn)在的注塑觀念來(lái)說(shuō),壁厚不均是要回避的,為了避免形體收縮不均對(duì)最終成品帶來(lái)了凹坑等問(wèn)題,而且壁厚不能太厚,但是看上面的結(jié)構(gòu)示意圖,可發(fā)現(xiàn)壁厚很厚。

      因?yàn)椴牧鲜?polyoxybenzylmethylenglycolanhydride。

      polyoxybenzylmethylenglycolanhydride 是什么材料,就是 Bakelite,說(shuō)出中文就很熟悉了,電木、膠木,那是最早被大量用作產(chǎn)品工業(yè)制造的產(chǎn)品,它與工業(yè)化以及工業(yè)設(shè)計(jì)的發(fā)展緊緊相隨,雖然不少人用它來(lái)作首飾,其實(shí)在日常生活中還經(jīng)常碰到,比如鍋的把手,用的時(shí)間長(zhǎng)了,發(fā)現(xiàn)手柄破碎脫落,這種不會(huì)被高溫軟化的塑料就是電木,當(dāng)然材質(zhì)看上去也很粗曠。

      電木是熱固性塑料而不是我們現(xiàn)在最常見(jiàn)的塑料那樣是熱塑性的,熱固性塑料比熱塑性性塑料在壁厚不均上更容易控制。熱固塑料的分子間是交叉連接的網(wǎng)狀結(jié)構(gòu),所以它的強(qiáng)度也較熱塑的高,同時(shí)因?yàn)椴灰鬃冃味艽唷?/p>

      可以比較一下后來(lái)轉(zhuǎn)變到(熱塑性)塑料時(shí)代的產(chǎn)品,見(jiàn)這,尤其比較一下塑料手柄的形狀,能發(fā)現(xiàn)是比較均勻的形狀了,而不像電木做的手柄,能有很大的形態(tài)變化。

      而像 Model 302 以及其他很多很多的電話(huà),底座部分早早使用了熱塑性塑料,而手柄卻一直用電木。網(wǎng)站 Sam Hallas Collection 上有材料使用不同時(shí)期的簡(jiǎn)介。

      Bauhaus 電話(huà)的純粹幾何形設(shè)計(jì)來(lái)自于 Form Follow Function 的指引的另一個(gè)證據(jù)是在 1925 年德國(guó)已有光滑圓弧式的手柄設(shè)計(jì)了,見(jiàn)這。在這些手柄身上可以看到分模性很明顯,這也是電木的一個(gè)材料特性,分模線明顯而且不易表面處理(絕緣抗腐蝕等因素),所以通常手柄的分模線在手柄的下方,當(dāng)然也有左右分模的,那么中間那條棱線會(huì)很明顯。

Model 302 telephone

      Model 302,這個(gè)款式底座是熱塑性塑料,而手柄是電木,可以看到分模線。

Model 302 telephone

      Model 302 是一個(gè) icon 式的產(chǎn)品,它的形象就是電話(huà)的代表,當(dāng)然現(xiàn)在一代一代會(huì)有變化,Model 302 的手柄之一就是 F1 手柄也是這個(gè) icon 的形象一部分,兩個(gè)碗形設(shè)計(jì)以及碗和手柄結(jié)合處的肩部設(shè)計(jì),而且話(huà)筒傾斜度大,這個(gè)形態(tài)也就在 iOS 6 的電話(huà)圖標(biāo)中反映而出。

Henry Dreyfuss Western Electric Phone

      Henry Dreyfuss 為 Western Electric 設(shè)計(jì)的 G 系列手柄的最初設(shè)計(jì)進(jìn)化圖,圖片來(lái)自這,最終就是這:Patent USD151614 一些一系列的 G 手柄。

      開(kāi)始的視頻用兩部電話(huà)的比較來(lái)形成美國(guó)商業(yè)設(shè)計(jì)與 Bauhaus 的區(qū)別,是非常明確的,還有一個(gè)細(xì)節(jié)也能反應(yīng)出商業(yè)設(shè)計(jì)的另外一面,那就是這個(gè)手柄與電話(huà)線連接部分的不考究。

bauhaus telephone

      我想 F1 手柄的把手與聽(tīng)筒話(huà)筒連接部分的設(shè)計(jì)也應(yīng)該受影響自 Ericsson model DBH 1001,這個(gè)結(jié)構(gòu)形態(tài)與當(dāng)時(shí)美國(guó)設(shè)計(jì)的代表性語(yǔ)言流線型結(jié)合正是如此。

      然后(熱塑性)塑料時(shí)代的到來(lái),以及技術(shù)的發(fā)展,電話(huà)機(jī)的形態(tài)從上面這些逐漸進(jìn)化到我們現(xiàn)在這樣,同時(shí),手柄也發(fā)生改變,從類(lèi)似電木時(shí)代開(kāi)始到了左右放置,塑料手柄采用上下殼配合的方式,也就將元件全內(nèi)置與手柄之中,也就沒(méi)有了額外的聽(tīng)筒和話(huà)筒處旋蓋式的設(shè)計(jì),然后話(huà)筒不斷變小變成了幾個(gè)麥克風(fēng)通孔。

Modern telephone

      從現(xiàn)在 Amazon 的熱賣(mài)清單中選了一張圖片。 手柄愈來(lái)愈簡(jiǎn)單扁平的設(shè)計(jì),使其形象的符號(hào)性喪失,加上產(chǎn)品變遷,它也終將無(wú)法取代前代產(chǎn)品的符號(hào)功能。

      從這些幾個(gè)有代表性的例子去考察形狀的形成,會(huì)發(fā)現(xiàn)形狀是來(lái)自于很多的制約,比如制作方式,抽芯決定的手柄弧度和碗形的彎曲度,與材料的配合,以及技術(shù)帶來(lái)元件的變化導(dǎo)致形態(tài)的改變,即形狀并非是想當(dāng)然的,它的生成是富含邏輯的。

      回過(guò)頭去看 Otl Aicher 時(shí)代,如果說(shuō)那時(shí)告訴它取消話(huà)筒聽(tīng)筒處的設(shè)計(jì),肯定是不符號(hào)那時(shí)代的認(rèn)識(shí)了,因?yàn)槟菚r(shí)電話(huà)還是上下兩個(gè)圓碗。

      在 iOS 7 的電話(huà)圖標(biāo)中很難明確指出是那個(gè)時(shí)代的手柄形象,如果說(shuō) iOS 6 還算是老式電話(huà)機(jī)的話(huà),因?yàn)榭梢苑直娉雎?tīng)筒和話(huà)筒上的兩個(gè)旋蓋,以及手柄的弧度,而 iOS 7 的曲線形態(tài)明顯是當(dāng)下的,但它的輪廓卻不是現(xiàn)今的手柄,它還在強(qiáng)調(diào)聽(tīng)筒和話(huà)筒,只不過(guò)沒(méi)有明顯刻畫(huà)成老式電話(huà)機(jī)的形態(tài),并且沒(méi)有作立體陰影表現(xiàn),留下一定的曖昧性。顯然,iOS 7 的電話(huà)圖標(biāo)改進(jìn)不是以實(shí)物進(jìn)化為參照了,消除了 iOS 6 對(duì)實(shí)物形象的依賴(lài),而是純粹在形態(tài)和符號(hào)形象自身的發(fā)展中去追求,一代一代人對(duì)這個(gè)功能需求的符號(hào)代表在發(fā)生變化,從 Otl Aicher 時(shí)代再到下一代,下一代肯定對(duì) Model 302 等的認(rèn)識(shí)越來(lái)越少,即使在影視中常出現(xiàn),也就是說(shuō),符號(hào)的繼承需要依賴(lài)符號(hào)自身。如何讓自己的符號(hào)設(shè)計(jì)既符合時(shí)代,又能同符號(hào)自身歷史發(fā)展有連續(xù)性,而不是時(shí)代錯(cuò)亂到處穿越,iOS 7 的電話(huà)圖標(biāo)是個(gè)好例子,尤其對(duì)比其他電話(huà)圖標(biāo)的設(shè)計(jì)。


10
評(píng)論區(qū)(0)
正在加載評(píng)論...