DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 互聯網產品設計:體會把玩猜測花樣設計
互聯網產品設計:體會把玩猜測花樣設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:“花樣”在我們周圍產品中無處不在,去體會把玩猜測這些無名設計是一件很有趣的事。

花樣年華

回頭,會看見歷史,當我們感觸記憶超過十年,就會對歷史有更深的理解。或許不需要十年,我們只要回過頭去看看3-4年前的產品,就足以讓我們體會滄海桑田。

比如手機,其歷史也就20多年,而不斷的更新換代讓人追趕地氣喘吁吁。就在幾年前,工業設計專業學生熱衷於畫手機,各種創新的機構或者是新的使用方式的提出,但是現在,這種熱情氣氛已經變了。尤其在 iPhone 之後,發現已經沒有拿來放置設計的空間了,因為原本發揮創造力造型能力的地方都被大顯示屏給覆蓋了,沒有了鍵盤,沒有了翻蓋……似乎能做的就是做一個簡潔纖薄的盒子,放一塊顯示屏,然後把創新的事交給軟件設計師或者界面設計師就可以了,再也不能去繪制流暢的曲線,編織動人的曲面,刻畫精致的細節……我們傷感了嗎?

當然不會,因為我們也在變化之中,除非對工業設計的理解僅限於“繪制流暢的曲線,編織動人的曲面,刻畫精致的細節……”,這些對“造型”的字面意思的解釋,設計師不是 Stylist。

等等,不是嗎?我們所做的無非就是將需求、技術、願望之類固化,一般這種固化以“形式給予”的方式體現出來,而設計追求獨特的天生屬性,那麼 Style 就自然而生,所以設計師是 Form Giver 也是 Stylist,我們經常看到的說法是“設計師不只是 Form Giver / Stylist ”“設計不只是造型”,這種強調默認設計和造型的原生關系,但有時這一種強調也會讓人對設計和造型之間的關系產生懷疑甚至刻意脫離。

我們回過頭去看以前的產品,它們不斷地發生著變化,從一種風格到另一種風格,從一種樣式到另外一種樣式。如果我們拿起過去的一個產品,發現它的樣式是如何的過時,盡管有的會激起些鄉愁情緒,這就是對樣式(style)追求的意義,因為人們對美的追求是有進程的,而不是停留於一個平面之上的選擇。就拿我們分析 Apple 曲線進化中的例子來說,比較 Unibody 式設計的 MacBook Pro 和 iBook G3,僅僅從樣式上去比較也需要拉入“歷史”這個參考面。

有時我們對著迷於對這種樣式的追溯,比如身邊的一個產品,它的外形是怎麼形成的,比起功能上的追溯,它顯得那麼撲朔迷離,甚至於一個細節——諸如電腦電源開關上的藍色LED燈環,它既有偶然因素比如設計師的表達,又有歷史性比如一種風潮的印象或者說某一個成功產品的印象,所有這些漂浮不定的東西形成了混沌狀的氣氛,游離於人們的生活之中。

我們不妨就從身邊的東西——鼠標說起。

ideo apple mouse

IDEO 網站上展示的他們的最早的設計,1980年為 Apple 設計的鼠標,也是第一只走向大眾用戶的鼠標。當時還不能稱 IDEO,而是合並前的公司之一 Hovey-Kelley Design 的項目(Dean Hovey 和 David Kelley 組建),而上圖所示的鼠標並不是最後走向市場的設計,而是設計過程中的一個方案。關於這個鼠標的誕生過程,推薦閱讀 Stanford Magazine 2002 年的一篇文章的詳細介紹《Mighty Mouse》,從這篇文章中也可以了解一下當初的工業設計的生態,以及諸如快速原型 “rapid prototyping” 設計手段的起源。

這個設計項目為鼠標的今後發展定下了很多基調,比如 “rib cage”(卡扣結構),由於塑料件上有很小的功能特征形狀,而當時難以找到能生產這個零件的廠家,所以這個鼠標也促進了塑料模具設計的發展。

從上圖這個鼠標設計中,我們也可以看到設計上的 Style ,就是那個台階面(為了和 Lisa 鍵盤相呼應,在最終的產品上並沒有出現),類似這樣的台階面設計的樣式在今後的很多產品中都能見到,包括現在我們周圍的產品,它並不是出自功能上的需求,或許是因為設計師的追求獨特的內驅力,或者說是追求記名而驅使(因為當時並沒有其他商業化的鼠標),或者是設計師受其他產品的影響(比如上次看到過這樣的造型覺得很新鮮)……至於原因到底是如何我們就很難知曉,但是我們的設計卻一直被這種追求所圍繞著,我們將這些個 Style 稱之為“花樣”。

對今後鼠標發展產生巨大影響的不只是這個鼠標,還有另外一款 Apple 的鼠標。

ADB Mouse II

ADB Mouse II,Apple 1993年推出的新鼠標,與此前的鼠標相比發生的很大的變化,此前的看上去就像用一塊木頭削出一樣,方方正正和肥皂盒一樣,而這一款 ADB Mouse II 通體圓潤的,出現了弧面,帶來了親和力。今後我們看到的大眾型鼠標也就差不多是這樣子了。

一個有意思的問題是,為什麼會發生這樣大的改變呢?我們不妨可以看看同一時期的其他產品。

nokia 1990s

Nokia 90 年代初期的產品,我們似乎也發現產品開始變圓潤,像 Nokia 1011 那一時期流行的機子,在Mic受話器部分出現了突出的弧面,這一處的“花樣”設計也流傳非常廣。上圖截取自一張大圖,Nokia 的產品歷史線。

vw golf mk2 mk3

大眾高爾夫,前面是 Golf Mk2 (1985-1992),後面是 Mk3 (1992-1998),同樣在這一時期圓潤了。你可以接著查其他品牌的汽車,都可以發現都在這幾年中更新換代,而且風格發生了很大的改變,一個顯著的特征就是圓潤了,曲面多了。

可以擴展到其他產品上,比如日本的電子產品,都在90年代初期在造型上出現了改變。

是什麼促使了這個變革,我想很多人都會下意識想到幾個東西: CNC、CAD/CAM、PC…… 在 Heinrich Arnold 的 The recent history of the machine tool industry and the effects of technological change 中(鏈接)我們在裡面可以看到1990年代初,CNC 迎來了第三波高潮,因為 CNC 開始向 PC 平台轉移。NC 數控機床起始於1950年代,同樣也是受二戰帶來的影響(包括其他無數的科技創新),美國第一屆技術創新國家獎章中獲獎者有我們熟悉的 Steve Jobs 和 Steve Wozniak,因為他們發展了個人電腦(PC),同時也包括不為大眾所熟悉的人其中包括數控機床的開創者,被譽為第二次工業革命之父的 John T. Parsons。在90年代,CAD/CAM軟件開始擴展,NURBS在1989年出現在了SG工作站上,這一切綜合使得設計和制造發生了變化,尤其是針對大眾的產品上。

關於 CAD/CAM軟件發展可以閱讀 David E. Weisberg 的 The Engineering Design Revolution,你可以免費下載這本書。在這本書的開頭說到:CAD 行業是一種“cowboy culture” 牛仔文化,牛仔們不斷征戰沙場,從來不會退休,也不會寫他們的回憶錄,用現在流行的話來說就是“哥闖蕩江湖不寫書,哥不在意江湖上有沒有傳說”。回到上面關於 Apple 鼠標的Stanford Magazine 那篇文章,文中也說到那些不求功名的設計師和工程師,這樣的故事會給我們帶來一些激勵,或許是更腳踏實地,或許是更熱愛自己的職業,試想我們周圍的每一件產品的背後都有那些默默無聞的前行者,就如我們說的“花樣”,或許就是一個設計師影響另一個設計師這樣傳播而開的。

那些“花樣”

something about style

“花樣”(style)即可以是很模糊的比如風格,也可以是很具體的比如細節設計,如上圖所標示的。Nexus One 的 Unibody 式設計的腰帶,Nokia N97 的 logo 銘牌,Intel Reader 的按鍵,這些設計可以說和“必然性”(inevitable)相去較遠,Nexus One 的 Unibody 最主要的目的就是實現一種獨特的樣子。這些“花樣”有時是產品潛在的一個亮點,或許有些谄媚或者膚淺,但確實能吸引人,在我們身邊的產品中幾乎都可以找到這樣的設計之處。

這些“花樣”的設計一直都伴隨著設計師,因為它受制於你對產品的理解和偏愛。第一次認識到“花樣”的美妙,會覺得設計進一步了,當開始厭棄這樣的“花樣”時,會覺得又進一步了,當對“花樣”又開始了一種新的認識,還是進一步了,如此不斷前行。

early frog design

Frog Design 的早期設計,為 WEGA 設計電視以及 Apple IIc,在為 Apple 作的一系列設計中,確立了“雪白”設計語言,以及另外一點,就是對散熱孔的細致刻畫。Hartmut Esslinger 帶來了一些現代主義風格的設計語言,在 Frog 早期設計中包括那個時代的產品設計中很明顯,基本型加上非常理性的構成布局。而在我們開始認識設計的時候,總是從裝飾這個主題開始的,但也知道設計並不只是裝飾,所以散熱孔之類是最直接的起始點。

HealthBuddy

IDEO 1998 年的一個設計,按鍵和顯示屏之間的凹面,估計是為了將按鍵和顯示進行匹配,這樣的“花樣”也是在很多帶顯示屏的產品中可以見到,很多都發展成單純的裝飾。同理非常廣泛的就是一些按鍵面板的設計中,按鍵周圍的細節設計,比如兩個功能相配的就用兩個相融合的圓圈起來,等等,很多都是用一些並不強烈的功能指示性來為自己的“設計就是裝飾”作解脫。

idea style

這樣的“花樣”到處都是,而且不斷相互影響,比如一些獲獎設計對學生的影響,上面從 IDEA 中隨便選出一些,很多“花樣”的設計我們已經很熟悉了,影響最大的我覺得就是把不斷看作品集當作學習的人。

sketch carl liu

上圖估計人人都認得出, Carl liu 的手繪,當 Carl liu 的手繪開始在網絡風行之後,不僅可以看到到處都是這一種風格的手繪,甚至連設計都差不多,比如播放器就有好多就是上圖那樣的。手繪過程中,無意識行為占的比重很大,像手的習慣性動作一樣,這些無意識的“設計”最終通過“花樣”顯露出來。

……

“花樣”在我們周圍產品中無處不在,去體會把玩猜測這些無名設計是一件很有趣的事。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved